src/router/index.ts

@@ -24,7 +24,7 @@ export const routes: RouteConfig[] = [
 ];
 
 const router = new VueRouter({
-  base: "/",
+  base: import.meta.env.BASE_URL,
   mode: "history",
   routes,
 });

src/router/types.d.ts

@@ -7,5 +7,8 @@ declare module "vue-router" {
     requiresAdmin?: boolean;
     // must be declared by every route
     requiresAuth: boolean;
+    // must be declared by every route
+    breadcrumb: string;
+    default?: string;
   }
 }

src/store/index.ts

@@ -5,6 +5,7 @@ import { MainState } from "./types";
 import { v4 as uuidv4 } from "uuid";
 
 import { removeQueryParameterFromUrl } from "@/router";
+import { useUserStore } from "@/modules/user/store";
 
 /*  
   Store variable name is "this.<id>Store"
@@ -29,8 +30,9 @@ export const useMainStore = defineStore({
       loading: {
         counter: useLocalStorage("coscine.loading.counter", 0),
       },
-      locale: useLocalStorage("coscine.locale", ""),
+      locale: useLocalStorage("coscine.locale", "en"),
     },
+    sidebarActive: useLocalStorage("coscine.sidebar.active", true),
   }),
 
   /*  

src/store/types.d.ts

@@ -18,4 +18,5 @@ export interface MainState {
     };
     locale: RemovableRef<string>;
   };
+  sidebarActive: RemovableRef<boolean>;
 }

vite.config.js

@@ -21,13 +21,16 @@ const config = defineConfig({
     rollupOptions: {
       external: [ ]
     },
-    sourcemap: true,
   },
 
   plugins: [
     createVuePlugin(),
     WindiCSS(),
-    Components({}),
+    Components({
+      dts: 'src/components.d.ts',
+      include: [/\.vue$/, /\.vue\?vue/],
+      exclude: [/[\\/]node_modules[\\/]/, /[\\/]\.git[\\/]/, /[\\/]\.nuxt[\\/]/],
+    }),
   ],
 
   server: {
@@ -39,6 +42,9 @@ const config = defineConfig({
     host: true,
     port: 9234,
   },
+
+  // Remove when final deploying it
+  base: (process.env.NODE_ENV === 'production') ? '/coscine/apps/ui/' : undefined,
 });
 
 export default config;