loginpage y registerpage

src/pages/IndexPage.vue

@@ -1,14 +1,11 @@
 <template>
   <q-page class="flex flex-center">
-    <h3>{{ resultList }}</h3>
+    <h3>Página inicial</h3>
   </q-page>
 </template>
 
 <script setup>
-import { ref, onMounted } from "vue";
+import { ref } from "vue";
 import { useListaStore } from "../stores/lista.js";
 const listaStore = useListaStore();
-
-const resultList = ref("");
-listaStore.login();
 </script>

src/router/routes.js

@@ -1,19 +1,27 @@
-
 const routes = [
   {
-    path: '/',
-    component: () => import('layouts/MainLayout.vue'),
+    path: "/",
+    component: () => import("layouts/MainLayout.vue"),
     children: [
-      { path: '', component: () => import('pages/IndexPage.vue') }
-    ]
+      {
+        path: "",
+        component: () => import("pages/IndexPage.vue"),
+        meta: { auth: true },
+      },
+    ],
   },
-
-  // Always leave this as last one,
-  // but you can also remove it
   {
-    path: '/:catchAll(.*)*',
-    component: () => import('pages/ErrorNotFound.vue')
-  }
-]
+    path: "/login",
+    component: () => import("pages/LoginPage.vue"),
+  },
+  {
+    path: "/register",
+    component: () => import("pages/RegisterPage.vue"),
+  },
+  {
+    path: "/:catchAll(.*)*",
+    component: () => import("pages/ErrorNotFound.vue"),
+  },
+];
 
-export default routes
+export default routes;