Some Example

app.vue

@@ -1,5 +0,0 @@
-<template>
-  <div>
-   <router-view/>
-  </div>
-</template>

layouts/default.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+<nav>
+  <ul>
+    <li><NuxtLink to="/">Home</NuxtLink></li>
+    <li><NuxtLink to="/about">About</NuxtLink></li>
+    <li><NuxtLink to="/products/1122">Product 1122</NuxtLink></li>
+  </ul>
+</nav>
+  <slot/>
+  </div>
+
+</template>

pages/login.vue

@@ -3,3 +3,12 @@
     <h1>Login Page</h1>
   </div>
 </template>
+<script setup>
+definePageMeta({
+  layout:'default'
+})
+
+export default {
+  layout:'default'
+}
+</script>

pages/products/[id].vue

@@ -0,0 +1,17 @@
+<template>
+  <div>
+    <h1>ID is : {{id}}</h1>
+    <NuxtLink to="/">HOME</NuxtLink>
+  </div>
+
+</template>
+
+<script>
+export default {
+  data(){
+    return {
+      id:this.$route.params.id
+    }
+  }
+}
+</script>