Read all static data from one file

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

components/main/footer.vue

@@ -10,7 +10,6 @@ const path = computed(() => route.fullPath.replace('/', ''))
       <div class="grid grid-cols-1 md:grid-cols-3">
         <FooterSite v-if="path === 'about'" />
         <FooterDeveloper v-else />
-
         <FooterLink />
         <FooterConnect />
       </div>

components/main/header.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { navbarData } from '../../data'
+
 const colorMode = useColorMode()
 function onClick(val: string) {
   colorMode.preference = val
@@ -11,7 +13,7 @@ function onClick(val: string) {
       <ul class="flex items-baseline space-x-5">
         <li class="text-base sm:text-2xl font-bold">
           <NuxtLink to="/">
-            Riyad's Blog
+            {{ navbarData.homeTitle }}
           </NuxtLink>
         </li>
       </ul>

components/main/hero.vue

@@ -1,13 +1,16 @@
+<script setup lang="ts">
+import { homePage } from '~/data'
+</script>
+
 <template>
   <div class="container mx-auto">
     <div class="grid grid-cols-1 sm:grid-cols-2 items-center">
       <div class="px-6">
         <h1 class="text-black dark:text-zinc-300   font-semibold leading-tight text-4xl md:text-5xl my-5">
-          Welcome To My Blog Site
+          {{ homePage.title }}
         </h1>
         <p class="dark:text-zinc-300  ">
-          Get Web Development, Javascript, Typescript, NodeJs, Vue, and Nuxt, Related Articles,
-          Tips, Learning resources and more.
+          {{ homePage.description }}
         </p>
       </div>
       <div class="px-6 justify-self-center">