// 引入windi css
import '@/plugins/polyfill.js'
// import '@/styles/animate.scss'
// import "tailwindcss/tailwind.css" // 和已有样式有冲突
import Vue from 'vue'
import App from './App.vue'
import { createPinia, PiniaVuePlugin } from 'pinia'
import router from './router'
import ElementUi from 'element-ui'
import directives from '@/directives'
import overflowTooltip from '@/directives/overflowTooltip'
// @ts-ignore
import Dayjs from 'vue-dayjs'
import '@/styles/index.scss'
import YibinUI from '@/packages/'

Vue.config.productionTip = false
Vue.use(ElementUi)
Vue.prototype.$ELEMENT = { size: 'mini', zIndex: 2000 }
Vue.use(YibinUI)
Vue.use(directives)
Vue.use(overflowTooltip)
Vue.use(PiniaVuePlugin)
Vue.use(Dayjs, {
    lang: 'cn',
    filters: { ago: 'ago' },
    directives: { countdown: 'countdown' },
})

const pinia = createPinia()
new Vue({
    render: (h) => h(App),
    pinia,
    router,
}).$mount('#app')