import { createApp } from 'vue';
import App from './App.vue';
import router from './router';

import './styles/index.css';
import './styles/style.css';
import api from '@/api';
import axios from 'axios';
import dictUtils from '@/utils/dictUtils'


import { NavBar, Button, Form, Field, CellGroup, Tabbar, TabbarItem, Icon, Toast, Image as VanImage, Grid, GridItem, Row, Col, Tab, Tabs, Popup, PickerGroup, DatePicker, TimePicker, Picker, Uploader, Dialog, List, Cell, Cascader, Search, RadioGroup, Radio, DropdownMenu, DropdownItem, SwipeCell, Checkbox, CheckboxGroup, Swipe, SwipeItem, Loading, TextEllipsis, TreeSelect } from 'vant';
import 'vant/lib/index.css';
import store from './store';

const app = createApp(App)
app.use(router)
    .use(NavBar)
    .use(Button)
    .use(Form)
    .use(Field)
    .use(CellGroup)
    .use(store)
    .use(TabbarItem)
    .use(Tabbar)
    .use(Icon)
    .use(Toast)
    .use(VanImage)
    .use(Grid)
    .use(GridItem)
    .use(Row)
    .use(Col)
    .use(Tab)
    .use(Tabs)
    .use(Popup)
    .use(PickerGroup)
    .use(DatePicker)
    .use(TimePicker)
    .use(Picker)
    .use(Uploader)
    .use(Dialog)
    .use(List)
    .use(Cell)
    .use(Cascader)
    .use(Search)
    .use(RadioGroup)
    .use(Radio)
    .use(DropdownMenu)
    .use(DropdownItem)
    .use(SwipeCell)
    .use(Checkbox)
    .use(CheckboxGroup)
    .use(Swipe)
    .use(SwipeItem)
    .use(Loading)
    .use(TextEllipsis)
    .use(TreeSelect)
app.config.globalProperties.$API = api
app.config.globalProperties.$axios = axios
app.config.globalProperties.$dictUtils = dictUtils
app.mount('#app')