import { createApp } from 'vue';

import './style.css';

import '@fontsource/noto-sans';

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

import i18n from './i18n.js';
import FileManager from './FileManager.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 }
];

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

(async function init() {
  const app = createApp(FileManager);

  app.use(await i18n());
  app.use(router);

  app.mount('#app');
})();