diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 5607c312..b694313e 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -24,12 +24,12 @@ const router = createRouter({
         {
             path: "/",
             name: "home",
-            component: HomePage,
+            component: () => {return import("../views/HomePage.vue")},
         },
         {
             path: "/login",
             name: "LoginPage",
-            component: LoginPage
+            component: () => {return import("../views/LoginPage.vue")}
         },
         {
             path: "/student/:id",