Read all static data from one file

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

components/footer/connect.vue

@@ -1,11 +1,14 @@
+<script setup lang="ts">
+import { footerData } from '~/data'
+</script>
+
 <template>
   <div>
     <p class="text-black dark:text-zinc-300   text-base font-semibold">
       Connect With Me
     </p>
     <p class="dark:text-zinc-300  ">
-      I have a fair amount of knowledge of Javascript, Typescript, VueJs, and Nuxt. If you
-      have an interesting idea, either open source or paid let's connect.
+      {{ footerData.authorInterest }}
     </p>
 
     <a

components/footer/developer.vue

@@ -1,11 +1,14 @@
+<script setup lang="ts">
+import { footerData } from '~/data'
+</script>
+
 <template>
   <div>
     <p class="text-black dark:text-zinc-300   text-2xl py-1 font-semibold">
-      Al Asad Nur Riyad
+      {{ footerData.author }}
     </p>
     <p class="py-2 dark:text-zinc-300  ">
-      Hi! I am Riyad, a Tech enthusiast, problem solver and software engineer. Currently
-      working at Appscode Inc.
+      {{ footerData.aboutAuthor }}
     </p>
     <div class="my-3 space-x-3 pb-3">
       <NuxtLink

components/footer/site.vue

@@ -1,10 +1,14 @@
+<script setup lang="ts">
+import { footerData } from '~/data'
+</script>
+
 <template>
   <div>
     <p class="text-black dark:text-zinc-300   text-base py-1 font-semibold">
       About This Site
     </p>
     <p class="py-2 dark:text-zinc-300 ">
-      This is a personal blog site built with Nuxt3, TailwindCSS, NuxtContent, Nuxt Icon. Currently it's deployed in Vercel.
+      {{ footerData.aboutTheSite }}
     </p>
   </div>
 </template>