ADD: BASE_URL on mode

Author: howbizarre

.env.development

@@ -0,0 +1,2 @@
+
+VITE_BASE=/

.env.production

@@ -0,0 +1,2 @@
+
+VITE_BASE=/vue-bootstrap

src/router/index.ts

@@ -1,22 +1,24 @@
 import { createRouter, createWebHistory } from "vue-router";
 
+const baseUrl = import.meta.env.BASE_URL;
+
 export const routes = [
   {
-    path: "/",
+    path: `${baseUrl}`,
     component: () => import("@/layouts/Default.vue"),
     children: [
       { path: "", name: "Home", component: () => import("@/views/Home.vue") }
     ],
   },
   {
-    path: "/about",
+    path: `${baseUrl}about`,
     component: () => import("@/layouts/Page.vue"),
     children: [
       { path: "", name: "About", component: () => import("@/views/About.vue") }
     ],
   },
   {
-    path: "/contacts",
+    path: `${baseUrl}contacts`,
     component: () => import("@/layouts/Page.vue"),
     children: [
       { path: "", name: "Contacts", component: () => import("@/views/Contacts.vue") },