import { createApp } from "vue";
import { naive } from "@/utils/naive";
import router from "@/router";
import store from "@/store";
import * as api from "@/services";
import VueCesium from 'vue-cesium'
import App from "./layouts/Provider.vue";

import "vfonts/Lato.css";
import "vfonts/FiraCode.css";

import "@/styles/global.less";
import moment from "moment";
// import "./permission";
import hasPermission from "./utils/hasPermission"; //vite.config.js配置utils别名

import vue3videoPlay from "vue3-video-play"; // 引入视频组件
import "vue3-video-play/dist/style.css"; // 引入css
import 'vue-cesium/dist/index.css'
import "animate.css"; //引入animate
//引入3decharts
import highcharts from "highcharts";
import highcharts3d from "highcharts/highcharts-3d";
highcharts3d(highcharts);
// 创建App实例
const app = createApp(App);
app.use(VueCesium)
app.config.globalProperties.$moment = moment;

// pinia状态管理
import { createPinia } from "pinia";

app.config.globalProperties.$api = api;
app.use(naive)
    .use(createPinia())
    .use(router)
    .use(store)
    .use(hasPermission)
    .use(vue3videoPlay)
    .mount("#app");