import { createApp } from 'vue'
import { createRouter, createWebHistory } from 'vue-router'

import 'gnexus-ui-kit/dist/css/kit.css'
import 'gnexus-ui-kit/dist/assets/fonts/phosphor-icons/src/css/icons.css'
import { GnexusUiVue } from 'gnexus-ui-kit/vue'

import App from './App.vue'
import ListView from './views/ListView.vue'
import OptionsView from './views/OptionsView.vue'
import ProjectsView from './views/ProjectsView.vue'
import SettingsView from './views/SettingsView.vue'
import StackView from './views/StackView.vue'
import TreeView from './views/TreeView.vue'

const router = createRouter({
  history: createWebHistory(),
  routes: [
    { path: '/', redirect: '/stack' },
    { path: '/stack', component: StackView },
    { path: '/tree', component: TreeView },
    { path: '/list', component: ListView },
    { path: '/projects', component: ProjectsView },
    { path: '/options', component: OptionsView },
    { path: '/settings', component: SettingsView },
  ],
})

createApp(App).use(router).use(GnexusUiVue).mount('#app')