/**
 * main.js
 *
 * Bootstraps Vuetify and other plugins then mounts the App`
 */

// Plugins
import { registerPlugins } from '@/plugins'
import 'virtual:svg-icons-register'
import '@/styles/index.scss'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

// import * as echarts from 'echarts'
import App from './App.vue'
import { createApp } from 'vue'

import { createPinia } from 'pinia'

// import WKSDK from "wukongimjssdk"

import Clipboard from 'v-clipboard'

import piniaPluginPersistedstate from 'pinia-plugin-persistedstate' // pinia 持久化

// 日期组件
import VueDatePicker from '@vuepic/vue-datepicker';
import '@vuepic/vue-datepicker/dist/main.css'

import VueLuckyCanvas from '@lucky-canvas/vue'

import router from './router'

import { ellipsisTooltip } from '@/directives/ellipsisTooltip/index.js'
// import imageDirective from '@/directives/previewImageDirective'

import './permission'

const pinia = createPinia()

pinia.use(piniaPluginPersistedstate)


const app = createApp(App)

app.use(ElementPlus)
app.use(pinia)
app.use(router)
app.use(Clipboard)
app.use(VueLuckyCanvas)
// imageDirective(app)


// app.config.globalProperties.$echarts = echarts
registerPlugins(app)
app.component('VueDatePicker', VueDatePicker)

app.directive('ellipse-tooltip', ellipsisTooltip)

app.mount('#app')