Update nuxt to version 4 (#92)

* Nuxt 3.17.4 and other dependencies updated

* Temporary fix (maybe) of the Inline Code

* Update nuxt to version 4

app/pages/index.vue

@@ -0,0 +1,30 @@
+<script lang="ts" setup>
+import { navbarData } from '~/data'
+
+useHead({
+  title: 'Home',
+  meta: [
+    {
+      name: 'description',
+      content:
+        'Welcome To My Blog Site. Get Web Development, Javascript, Typescript, NodeJs, Vue, and Nuxt, Related Articles, Tips, Learning resources and more.',
+    },
+  ],
+})
+
+// Generate OG Image
+defineOgImageComponent('About', {
+  headline: 'Greetings 👋',
+  title: navbarData.homeTitle,
+  description: 'Dive into web development with me and learn Js, Ts, Vue, Nuxt, Docker, k8s',
+  link: '/riyad.jpg',
+})
+</script>
+
+<template>
+  <main class="container max-w-5xl mx-auto text-zinc-600">
+    <MainHero />
+    <MainRecent />
+    <MainTrending />
+  </main>
+</template>