import './assets/main.css'

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import { addCollection, Icon } from '@iconify/vue'
import solarIcons from './assets/solar-icons.json'
import AntDesignVue from 'ant-design-vue'
import 'ant-design-vue/dist/reset.css'

import App from './App.vue'
import router from './router'
import { VChart } from './plugins/echarts'
import PanelCard from './components/PanelCard.vue'
import ProgressBar from './components/ProgressBar.vue'
import { registryConvert } from './common/ConvertRgeistry.ts'

addCollection(solarIcons)
registryConvert();

const app = createApp(App)

app.use(createPinia())
app.use(router)
app.use(AntDesignVue)
app.component('VChart', VChart)
app.component('Icon', Icon)
app.component('PanelCard', PanelCard)
app.component('ProgressBar', ProgressBar)

app.mount('#app')