import { createApp } from 'vue'
import App from './App.vue'
import "./style.css"

import {Dialog, Notify, Quasar} from 'quasar'
import quasarLang from 'quasar/lang/zh-CN'
import './index.css'

// Import icon libraries
import '@quasar/extras/material-icons/material-icons.css'
import '@quasar/extras/fontawesome-v5/fontawesome-v5.css'

// A few examples for animations from Animate.css:
// import @quasar/extras/animate/fadeIn.css
// import @quasar/extras/animate/fadeOut.css

// Import Quasar css
import 'quasar/src/css/index.sass'

import Store from "matrix-middle-service-web/src/stores";
import Router from "matrix-middle-service-web/src/router";

let app = createApp(App);
app.use(Store())
app.use(Router())
app.use(Quasar, {
    plugins: {
        Dialog,
        Notify
    }, // import Quasar plugins and add here
    lang: quasarLang,
    /*
    config: {
      brand: {
        // primary: '#e46262',
        // ... or all other brand colors
      },
      notify: {...}, // default set of options for Notify Quasar plugin
      loading: {...}, // default set of options for Loading Quasar plugin
      loadingBar: { ... }, // settings for LoadingBar Quasar plugin
      // ..and many more (check Installation card on each Quasar component/directive/plugin)
    }
    */
})
app.mount('#app')
