import { createApp } from 'vue';
import './style.css';

import 'primevue/resources/themes/saga-blue/theme.css';
import 'primevue/resources/primevue.min.css';
import 'primeicons/primeicons.css';

import PrimeVue from 'primevue/config';
import ConfirmationService from 'primevue/confirmationservice';

import { createRouter, createWebHashHistory } from 'vue-router';

import App from './App.vue';
import Login from './views/Login.vue';
import Home from './views/Home.vue';
import Viewer from './views/Viewer.vue';

const routes = [
  { path: '/', redirect: '/home' },
  { path: '/home/:type?/:resourceId?/:cwd*', component: Home },
  { path: '/viewer/:type/:resourceId/:filePath*', component: Viewer },
  { path: '/login', component: Login },
];

const router = createRouter({
  // 4. Provide the history implementation to use. We are using the hash history for simplicity here.
  history: createWebHashHistory(),
  routes,
});

const app = createApp(App);

app.use(router);
app.use(PrimeVue, { ripple: true });
app.use(ConfirmationService);

app.mount('#app');