import '@/css/tailwind.css'
import '@/css/index.less'
import '@/css/font.less'
import '@/assets/directionFonts/iconfont.css'

import { Directive, useComponentPlugin } from 'open-data-v/designer'
import { createApp } from 'vue'

import router from '@/router'
import store from '@/store'

import App from './App.vue'
import CodeEditor from './components/CodeEditor'
import { useLoadComponent } from './load'

const componentPlugin = useComponentPlugin({ codeEditorComponet: CodeEditor })
const AsyncComponent = useLoadComponent()
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
const app = createApp(App)
app.use(router)
app.use(Directive)
app.use(AsyncComponent)
app.use(ElementPlus)
// 注册状态管理器
app.use(store)
app.use(componentPlugin)

// 注册路由模块

app.mount('#app', true)