65 lines
1.4 KiB
TypeScript
65 lines
1.4 KiB
TypeScript
|
import Vue from 'vue';
|
||
|
|
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue';
|
||
|
|
import VueRouter, { RouteConfig } from 'vue-router';
|
||
|
|
import AttemptList from '@/components/AttemptList.vue';
|
||
|
|
import HelloWorld from '@/components/HelloWorld.vue';
|
||
|
|
import Stats from '@/components/Stats.vue';
|
||
|
|
import 'bootstrap/dist/css/bootstrap.css';
|
||
|
|
import 'bootstrap-vue/dist/bootstrap-vue.css';
|
||
|
|
import '@fontsource/rubik';
|
||
|
|
import '@fontsource/secular-one';
|
||
|
|
import { LoginAttempt } from '@/apiary/apiary';
|
||
|
|
import App from './App.vue';
|
||
|
|
|
||
|
|
Vue.config.productionTip = false;
|
||
|
|
// Make BootstrapVue available throughout your project
|
||
|
|
Vue.use(BootstrapVue);
|
||
|
|
// Optionally install the BootstrapVue icon components plugin
|
||
|
|
Vue.use(IconsPlugin);
|
||
|
|
|
||
|
|
Vue.use(VueRouter);
|
||
|
|
|
||
|
|
Vue.use(VueRouter);
|
||
|
|
|
||
|
|
const routes: Array<RouteConfig> = [
|
||
|
|
{
|
||
|
|
path: '/',
|
||
|
|
name: 'Home',
|
||
|
|
component: HelloWorld,
|
||
|
|
alias: '/home',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path: '/hello',
|
||
|
|
name: 'Hello',
|
||
|
|
component: HelloWorld,
|
||
|
|
props: {
|
||
|
|
default: true,
|
||
|
|
msg: 'LOL',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path: '/attempts',
|
||
|
|
name: 'Attempt List',
|
||
|
|
component: AttemptList,
|
||
|
|
props: {
|
||
|
|
// items: testAttempts,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path: '/stats',
|
||
|
|
name: 'Stats',
|
||
|
|
component: Stats,
|
||
|
|
},
|
||
|
|
];
|
||
|
|
|
||
|
|
const router = new VueRouter({
|
||
|
|
mode: 'history',
|
||
|
|
base: process.env.BASE_URL,
|
||
|
|
routes,
|
||
|
|
});
|
||
|
|
|
||
|
|
new Vue({
|
||
|
|
router,
|
||
|
|
render: (h) => h(App),
|
||
|
|
}).$mount('#app');
|