From f33ebf4286a3bbdcece3fadecd7f3ad470a7b20f Mon Sep 17 00:00:00 2001
From: Heinrichs <Heinrichs@itc.rwth-aachen.de>
Date: Mon, 14 Feb 2022 16:05:00 +0100
Subject: [PATCH] Proposal: Lazy routing

---
 index.html                        |  2 +-
 src/modules/admin/routes.ts       |  4 ++--
 src/modules/error/routes.ts       |  4 ++--
 src/modules/login/routes.ts       |  6 +++---
 src/modules/pid/routes.ts         |  4 ++--
 src/modules/project/routes.ts     | 12 ++++++------
 src/modules/resource/routes.ts    |  8 ++++----
 src/modules/search/routes.ts      |  4 ++--
 src/modules/userprofile/routes.ts |  4 ++--
 vite.config.js                    |  3 ---
 10 files changed, 24 insertions(+), 27 deletions(-)

diff --git a/index.html b/index.html
index 4f8c41fa..eb393efc 100644
--- a/index.html
+++ b/index.html
@@ -12,6 +12,6 @@
         <strong>We're sorry but this page doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
       </noscript>
     <div id="app"></div>
-    <script type="module" src="./src/main.ts"></script>
+    <script type="module" src="/src/main.ts"></script>
   </body>
 </html>
diff --git a/src/modules/admin/routes.ts b/src/modules/admin/routes.ts
index cfb93ea2..d7daad1b 100644
--- a/src/modules/admin/routes.ts
+++ b/src/modules/admin/routes.ts
@@ -1,7 +1,7 @@
 import { RouteConfig } from "vue-router";
 
-import AdminModule from "./AdminModule.vue";
-import Admin from "./pages/Admin.vue";
+const AdminModule = () => import("./AdminModule.vue");
+const Admin = () => import("./pages/Admin.vue");
 
 export const AdminRoutes: RouteConfig[] = [
   {
diff --git a/src/modules/error/routes.ts b/src/modules/error/routes.ts
index d9add3fc..68ef1658 100644
--- a/src/modules/error/routes.ts
+++ b/src/modules/error/routes.ts
@@ -1,7 +1,7 @@
 import { RouteConfig } from "vue-router";
 
-import ErrorModule from "./ErrorModule.vue";
-import NotFound from "./pages/NotFound.vue";
+const ErrorModule = () => import("./ErrorModule.vue");
+const NotFound = () => import("./pages/NotFound.vue");
 
 export const ErrorRoutes: RouteConfig[] = [
   // Not Found (404) Page
diff --git a/src/modules/login/routes.ts b/src/modules/login/routes.ts
index e39ba534..c032af68 100644
--- a/src/modules/login/routes.ts
+++ b/src/modules/login/routes.ts
@@ -1,8 +1,8 @@
 import { RouteConfig } from "vue-router";
 
-import LoginModule from "./LoginModule.vue";
-import Home from "./pages/Home.vue";
-import Login from "./pages/Login.vue";
+const LoginModule = () => import("./LoginModule.vue");
+const Home = () => import("./pages/Home.vue");
+const Login = () => import("./pages/Login.vue");
 
 export const LoginRoutes: RouteConfig[] = [
   {
diff --git a/src/modules/pid/routes.ts b/src/modules/pid/routes.ts
index b63a1f09..02c85efb 100644
--- a/src/modules/pid/routes.ts
+++ b/src/modules/pid/routes.ts
@@ -1,7 +1,7 @@
 import { RouteConfig } from "vue-router";
 
-import PidModule from "./PidModule.vue";
-import Pid from "./pages/Pid.vue";
+const PidModule = () => import("./PidModule.vue");
+const Pid = () => import("./pages/Pid.vue");
 
 export const PidRoutes: RouteConfig[] = [
   {
diff --git a/src/modules/project/routes.ts b/src/modules/project/routes.ts
index 713d1aed..b460febb 100644
--- a/src/modules/project/routes.ts
+++ b/src/modules/project/routes.ts
@@ -1,11 +1,11 @@
 import { RouteConfig } from "vue-router";
 
-import CreateProject from "./pages/CreateProject.vue";
-import ProjectModule from "./ProjectModule.vue";
-import ProjectPage from "./pages/ProjectPage.vue";
-import Quota from "./pages/Quota.vue";
-import Members from "./pages/Members.vue";
-import Settings from "./pages/Settings.vue";
+const CreateProject = () => import("./pages/CreateProject.vue");
+const ProjectModule = () => import("./ProjectModule.vue");
+const ProjectPage = () => import("./pages/ProjectPage.vue");
+const Quota = () => import("./pages/Quota.vue");
+const Members = () => import("./pages/Members.vue");
+const Settings = () => import("./pages/Settings.vue");
 
 import { ResourceRoutes } from "@/modules/resource/routes";
 
diff --git a/src/modules/resource/routes.ts b/src/modules/resource/routes.ts
index 3de364d7..87899fed 100644
--- a/src/modules/resource/routes.ts
+++ b/src/modules/resource/routes.ts
@@ -1,9 +1,9 @@
 import { RouteConfig } from "vue-router";
 
-import CreateResource from "./pages/CreateResource.vue";
-import ResourceModule from "./ResourceModule.vue";
-import ResourcePage from "./pages/ResourcePage.vue";
-import Settings from "./pages/Settings.vue";
+const CreateResource = () => import("./pages/CreateResource.vue");
+const ResourceModule = () => import("./ResourceModule.vue");
+const ResourcePage = () => import("./pages/ResourcePage.vue");
+const Settings = () => import("./pages/Settings.vue");
 
 export const ResourceRoutes: RouteConfig[] = [
   {
diff --git a/src/modules/search/routes.ts b/src/modules/search/routes.ts
index 16487fdb..37cea068 100644
--- a/src/modules/search/routes.ts
+++ b/src/modules/search/routes.ts
@@ -1,7 +1,7 @@
 import { RouteConfig } from "vue-router";
 
-import SearchModule from "./SearchModule.vue";
-import Search from "./pages/Search.vue";
+const SearchModule = () => import("./SearchModule.vue");
+const Search = () => import("./pages/Search.vue");
 
 export const SearchRoutes: RouteConfig[] = [
   {
diff --git a/src/modules/userprofile/routes.ts b/src/modules/userprofile/routes.ts
index 12ab534e..f9ff664e 100644
--- a/src/modules/userprofile/routes.ts
+++ b/src/modules/userprofile/routes.ts
@@ -1,7 +1,7 @@
 import { RouteConfig } from "vue-router";
 
-import UserProfileModule from "./UserProfileModule.vue";
-import UserProfile from "./pages/UserProfile.vue";
+const UserProfileModule = () => import("./UserProfileModule.vue");
+const UserProfile = () => import("./pages/UserProfile.vue");
 
 export const UserProfileRoutes: RouteConfig[] = [
   {
diff --git a/vite.config.js b/vite.config.js
index 7ddffeb1..06e7c368 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -26,7 +26,6 @@ const config = defineConfig({
   ],
 
   server: {
-    base: './',
     hmr: {
       clientPort: 443,
       // Remove when final deploying it
@@ -35,8 +34,6 @@ const config = defineConfig({
     host: true,
     port: 9234,
   },
-
-  base: './',
   
 });
 
-- 
GitLab