From a8451851e9a273a0c9ff301396c91dfe0a1c268a Mon Sep 17 00:00:00 2001
From: waqarulzafar <waqarulzafar@gmail.com>
Date: Mon, 12 Dec 2022 04:55:43 +0500
Subject: [PATCH] Some Example

---
 app.vue                 |  5 -----
 layouts/default.vue     | 13 +++++++++++++
 pages/login.vue         | 11 ++++++++++-
 pages/products/[id].vue | 17 +++++++++++++++++
 4 files changed, 40 insertions(+), 6 deletions(-)
 delete mode 100644 app.vue
 create mode 100644 layouts/default.vue
 create mode 100644 pages/products/[id].vue

diff --git a/app.vue b/app.vue
deleted file mode 100644
index 8c987ea..0000000
--- a/app.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <div>
-   <router-view/>
-  </div>
-</template>
diff --git a/layouts/default.vue b/layouts/default.vue
new file mode 100644
index 0000000..7b4b0d8
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/pages/login.vue b/pages/login.vue
index 4ab05fa..6188797 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -2,4 +2,13 @@
   <div>
     <h1>Login Page</h1>
   </div>
-</template>
\ No newline at end of file
+</template>
+<script setup>
+definePageMeta({
+  layout:'default'
+})
+
+export default {
+  layout:'default'
+}
+</script>
\ No newline at end of file
diff --git a/pages/products/[id].vue b/pages/products/[id].vue
new file mode 100644
index 0000000..a14bcf4
--- /dev/null
+++ b/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>
\ No newline at end of file