ant-design-vue/examples/index.js

import '@babel/polyfill';
import 'ant-design-vue/style.js';
import { createApp, version } from 'vue';
import App from './App.vue';
import {
  Badge,
  AutoComplete,
  Radio,
  Spin,
  Select,
  Input,
  InputNumber,
  Rate,
  Button,
  Upload,
  Icon,
  Modal,
  Progress,
  Tooltip,
  Col,
  Row,
  FormModel,
  Switch,
  Checkbox,
  Cascader,
  Pagination,
  List,
  Collapse,
  Card,
  Avatar,
  Tree,
  TreeSelect,
  Transfer,
  Slider,
  Carousel,
  TimePicker,
  Calendar,
  DatePicker,
  Table,
  Tag,
  Divider,
  notification,
  message,
} from 'ant-design-vue';

// eslint-disable-next-line no-console
console.log('Vue version: ', version);
const basic = {
  render() {
    return this.$slots?.default();
  },
};
const app = createApp(App);
app.config.globalProperties.$notification = notification;
app.config.globalProperties.$message = message;
app
  .component('demo-sort', { ...basic })
  .component('md', { ...basic })
  .component('api', { ...basic })
  .component('CN', { ...basic })
  .component('US', { ...basic })
  .use(Pagination)
  .use(Select)
  .use(Spin)
  .use(Upload)
  .use(Button)
  .use(Icon)
  .use(Modal)
  .use(Progress)
  .use(Rate)
  .use(Input)
  .use(Tooltip)
  .use(Col)
  .use(Row)
  .use(Badge)
  .use(Radio)
  .use(Switch)
  .use(Checkbox)
  .use(InputNumber)
  .use(AutoComplete)
  .use(FormModel)
  .use(Cascader)
  .use(List)
  .use(Collapse)
  .use(Avatar)
  .use(Card)
  .use(Tree)
  .use(TreeSelect)
  .use(Transfer)
  .use(Slider)
  .use(Carousel)
  .use(TimePicker)
  .use(Calendar)
  .use(DatePicker)
  .use(Table)
  .use(Tag)
  .use(Divider)
  .mount('#app');