add route

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>

app.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
     <NuxtLayout>
+      <NuxtLoadingIndicator />
       <NuxtPage />
     </NuxtLayout>
   </div>

components/FooterCom.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <h1>Footer Component</h1>
+  </div>
+</template>

components/NavbarCom.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <h1>Navbar Component</h1>
+  </div>
+</template>

layouts/default.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
-    <h1>This message is from layout</h1>
+    <navbar-com />
     <slot />
+    <footer-com />
   </div>
 </template>

nuxt.config.ts

@@ -3,5 +3,5 @@ export default defineNuxtConfig({
   typescript: {
     strict: true,
   },
-  modules: ["@nuxtjs/tailwindcss"],
+  modules: ["@nuxtjs/tailwindcss", "@nuxt/content"],
 });

package.json

@@ -8,8 +8,9 @@
     "postinstall": "nuxt prepare"
   },
   "devDependencies": {
+    "@nuxt/content": "^2.2.2",
+    "@nuxtjs/tailwindcss": "^6.1.3",
     "nuxt": "3.0.0",
-    "prettier": "^2.8.0",
-    "@nuxtjs/tailwindcss": "^6.1.3"
+    "prettier": "^2.8.0"
   }
 }

pages/[topics]/[post].vue

@@ -0,0 +1,8 @@
+<template>
+  <div>
+    <h1 class="text-5xl">
+      post name {{ $route.params.post }} of topic
+      {{ $route.params.topics }} will be here
+    </h1>
+  </div>
+</template>

pages/[topics]/index.vue

@@ -0,0 +1,7 @@
+<template>
+  <div>
+    <h1 class="text-5xl">
+      All the post related to {{ $route.params.topics }} will be here
+    </h1>
+  </div>
+</template>

pages/category.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <h1 class="text-5xl">All the topic will be here</h1>
+  </div>
+</template>

pages/latest.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <p class="text-5xl">Latest Page</p>
+  </div>
+</template>