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 auth from '@/utils/auth'


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, Sidebar, SidebarItem } 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)
    .use(Sidebar)
    .use(SidebarItem)
app.config.globalProperties.$API = api
app.config.globalProperties.$axios = axios
app.config.globalProperties.$dictUtils = dictUtils
app.config.globalProperties.$hasPermission = auth.hasPermission // 权限方法
app.mount('#app')