ui/src/main.ts

70 lines
1.7 KiB
TypeScript
Raw Normal View History

2022-04-09 17:58:31 +00:00
/*
--------------------------------------------------
Vue Helpers
--------------------------------------------------
*/
2022-04-09 03:44:38 +00:00
import { createApp } from 'vue'
2022-04-09 17:58:31 +00:00
import router from './router'
/*
--------------------------------------------------
App UI
--------------------------------------------------
*/
2022-04-10 06:41:09 +00:00
import { Dark, Quasar } from 'quasar'
2022-04-09 17:58:31 +00:00
// Import icon libraries
import '@quasar/extras/roboto-font-latin-ext/roboto-font-latin-ext.css'
import '@quasar/extras/material-icons/material-icons.css'
import '@quasar/extras/fontawesome-v6/fontawesome-v6.css'
// A few examples for animations from Animate.css:
import '@quasar/extras/animate/fadeInUp.css'
import '@quasar/extras/animate/fadeOutUp.css'
2022-04-09 17:58:31 +00:00
// Import Quasar css
import 'quasar/src/css/index.sass'
/*
--------------------------------------------------
Plugins
--------------------------------------------------
*/
2022-04-09 07:02:30 +00:00
import { DraggablePlugin } from '@braks/revue-draggable'
2022-04-09 14:23:09 +00:00
2022-04-09 17:00:45 +00:00
import 'katex/dist/katex.min.css'
import 'katex/dist/contrib/auto-render.min'
2022-04-09 17:58:31 +00:00
/*
--------------------------------------------------
Components
--------------------------------------------------
*/
import App from './App.vue'
2022-04-09 04:34:42 +00:00
const app = createApp(App)
2022-04-09 17:58:31 +00:00
app.use(Quasar, {
2022-04-10 06:41:09 +00:00
plugins: {Dark}, // import Quasar plugins and add here
config: {
brand: {
primary: '#553564',
2022-04-10 07:45:45 +00:00
secondary: '#7da9b2',
2022-04-10 06:41:09 +00:00
accent: '#9C27B0',
dark: '#1d1d1d',
positive: '#21BA45',
negative: '#C10015',
info: '#31CCEC',
warning: '#F2C037',
},
},
2022-04-09 17:58:31 +00:00
})
2022-04-09 14:23:09 +00:00
app.use(router)
2022-04-09 04:34:42 +00:00
app.use(DraggablePlugin)
app.mount('#app')