import Avatar from 'ant-design-vue/es/avatar';
import Breadcrumb from 'ant-design-vue/es/breadcrumb';
import Button from 'ant-design-vue/es/button';
import Col from 'ant-design-vue/es/col';
import DatePicker from 'ant-design-vue/es/date-picker';
import Form from 'ant-design-vue/es/form';
import Image from 'ant-design-vue/es/image';
import Input from 'ant-design-vue/es/input';
import InputNumber from 'ant-design-vue/es/input-number';
import Layout from 'ant-design-vue/es/layout';
import Menu from 'ant-design-vue/es/menu';
import Modal from 'ant-design-vue/es/modal';
import Popconfirm from 'ant-design-vue/es/popconfirm';
import Row from 'ant-design-vue/es/row';
import Segmented from 'ant-design-vue/es/segmented';
import Select from 'ant-design-vue/es/select';
import Space from 'ant-design-vue/es/space';
import Spin from 'ant-design-vue/es/spin';
import Switch from 'ant-design-vue/es/switch';
import Table from 'ant-design-vue/es/table';
import Tabs from 'ant-design-vue/es/tabs';
import Tag from 'ant-design-vue/es/tag';
import Tooltip from 'ant-design-vue/es/tooltip';
import Upload from 'ant-design-vue/es/upload';
import { createApp } from 'vue';

import 'ant-design-vue/dist/reset.css';
import './styles.css';

import App from './App.vue';
import { appConfig } from './config/app';
import router from './router';

document.title = appConfig.name;

const app = createApp(App);

[
  Avatar,
  Breadcrumb,
  Button,
  Col,
  DatePicker,
  Form,
  Image,
  Input,
  InputNumber,
  Layout,
  Menu,
  Modal,
  Popconfirm,
  Row,
  Segmented,
  Select,
  Space,
  Spin,
  Switch,
  Table,
  Tabs,
  Tag,
  Tooltip,
  Upload,
].forEach((component) => {
  app.use(component);
});

app.use(router).mount('#app');