update

front/src/main.ts

@@ -1,4 +1,27 @@
-import Antd from 'ant-design-vue';
+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';
@@ -10,4 +33,35 @@ import router from './router';
 
 document.title = appConfig.name;
 
-createApp(App).use(router).use(Antd).mount('#app');
+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');