#6 change app.vue in index.vue & use system route

components/LoginForm.vue

@@ -4,7 +4,7 @@ import { ref } from "vue";
 import { string, object, email, minLength, Input } from "valibot";
 import type { FormSubmitEvent } from "@nuxt/ui/dist/runtime/types";
 // import createSession from "~/composables/createSession";
-import { reloadNuxtApp, useCookie } from "nuxt/app";
+import {useCookie } from "nuxt/app";
 
 console.log("a");
 
@@ -55,10 +55,7 @@ async function submit (event: FormSubmitEvent<Schema>) {
       });
 
     }
-    
-    reloadNuxtApp();
-    console.log("aller");
-    
+    window.location.reload();   
 }
 
 console.log("e");

nuxt.config.ts

@@ -8,5 +8,6 @@ export default defineNuxtConfig({
     ],
     colorMode: {
         preference: "light"
-    }
+    },
+    pages:true
 });

app.vue → pages/index.vue

@@ -6,10 +6,10 @@
  -->
 
 <script setup lang="ts">
-import banner from "./components/BannerMain.vue";
-import extras from "./components/ExtrasNav.vue";
-import extract from "./components/ExtractInfo.vue";
-import login from "./components/LoginForm.vue";
+import banner from "~/components/BannerMain.vue";
+import extras from "~/components/ExtrasNav.vue";
+import extract from "~/components/ExtractInfo.vue";
+import login from "~/components/LoginForm.vue";
 import { useCookie } from "nuxt/app";
 
 </script>

pages/profile.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <!-- This page correctly has only one single root element -->
+    Page content
+  </div>
+</template>