import { createApp } from 'vue';

import { VueQueryPlugin } from '@tanstack/vue-query';
import { IconsPlugin } from '@vtj/icons';
import * as VtjUI from '@vtj/ui';
import ElementPlus from 'element-plus';

import App from './App.vue';

import '@sy/web-vitals';

import 'element-plus/dist/index.css';
import '@vtj/ui/dist/style.css';

const app = createApp(App);

// 批量注册组件
Object.entries(VtjUI).forEach(([name, component]) => {
  app.component(name, component);
});
app
  .use(ElementPlus)
  .use(IconsPlugin)
  .use(VueQueryPlugin)
  .mount('#y-code-renderer');