/**
 * main.js
 *
 */

// Components
import App from "./App.vue";

// Composables
import { createApp } from "vue";
import vuetify from "./plugins/vuetify";
import MasonryWall from "@yeger/vue-masonry-wall";
import VueVirtualScroller from "vue-virtual-scroller";
import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
import VueApexCharts from "vue3-apexcharts";
import piniaPersist from "pinia-plugin-persist";
import 'vue3-perfect-scrollbar/style.css';
import "@/styles/main.scss";
import router from "./router";
import i18n from "./plugins/i18n";
import Vue3Lottie from "vue3-lottie";
import { autoAnimatePlugin } from '@formkit/auto-animate/vue'
import permission  from "./directives/permission"
import * as echarts from 'echarts';

const pinia = createPinia();
pinia.use(piniaPersist);
const app = createApp(App);

app.config.globalProperties.$echarts = echarts;
app.directive('permission', permission);
app.use(router);
app.use(MasonryWall);
app.use(VueVirtualScroller);
app.use(VueApexCharts);
app.use(pinia);
app.use(i18n);
app.use(Vue3Lottie, { name: "LottieAnimation" });
app.use(autoAnimatePlugin);

app.use(vuetify);
app.mount("#app");