menu

components.d.ts

@@ -7,10 +7,9 @@ export {}
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
-    ButtonRepo: typeof import('./src/components/ButtonRepo.vue')['default']
     Footer: typeof import('./src/components/Footer.vue')['default']
     Header: typeof import('./src/components/Header.vue')['default']
-    MainMen: typeof import('./src/components/MainMen.vue')['default']
+    MainMenu: typeof import('./src/components/MainMenu.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }

package.json

@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@headlessui/vue": "^1.6.7",
-    "@heroicons/vue": "^2.0.10",
+    "@heroicons/vue": "1.0.6",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/line-clamp": "^0.4.2",

src/components/Header.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <header>
         <div
             class="flex flex-cols bg-blue-600 h-48 text-right justify-end text-white text-3xl pt-5 font-semibold pr-12"
         >
@@ -13,8 +13,10 @@
             <br />(Arts and Science)
             <br />Prafullanagar, Habra, 24Pgs(N) Pin-743268, W.B
         </div>
-        <div class="flex justify-center">
-            <div class="flex bg-blue-900 h-8 w-11/12"></div>
-        </div>
-    </div>
+        <MainMenu />
+
+    </header>
 </template>
+
+<script setup>
+</script>

src/pages/[id].vue

@@ -4,7 +4,7 @@
         <h2>Loading ...</h2>
     </div>
     <div v-else>
-        <div v-html="page[0].content" class="container">
+        <div v-html="page[0].content" class="container mx-auto">
 
         </div>
     </div>

yarn.lock

@@ -46,10 +46,10 @@
   resolved "https://registry.yarnpkg.com/@headlessui/vue/-/vue-1.7.3.tgz#116d13391552436ea1e9e88c69f0e9d7d2585c45"
   integrity sha512-Is4iakKts9u9E0+jEZNzoJpBjwq2SamwEIoEl2RlyYSu6Zco536GsPXaQEfg/o7Eyc1GUUlcL+dJd4Rt7qyf7A==
 
-"@heroicons/vue@^2.0.10":
-  version "2.0.12"
-  resolved "https://registry.yarnpkg.com/@heroicons/vue/-/vue-2.0.12.tgz#45b97946731721269dd4141035af338a1ef88f35"
-  integrity sha512-ypuQl/Wei7BoShO65AdRVikXDaSt6hJBRuKs2pVd/6HvxfEz18oXraH+J5G/QPIwObMEVhMb6nkOs9l3WZv/gA==
+"@heroicons/vue@1.0.6":
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/@heroicons/vue/-/vue-1.0.6.tgz#d8b90734b436eb5a87f40cc300b64a0fb0031f7f"
+  integrity sha512-ng2YcCQrdoQWEFpw+ipFl2rZo8mZ56v0T5+MyfQQvNqfKChwgP6DMloZLW+rl17GEcHkE3H82UTAMKBKZr4+WA==
 
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"