update

app/pages/[...slug].vue

@@ -8,12 +8,6 @@ useHead({
     },
   ],
 });
-
-defineOgImageComponent("About", {
-  headline: "Wrong Path",
-  title: "404",
-  description: "Page Not Found",
-});
 </script>
 
 <template>

app/pages/blogs/index.vue

@@ -71,16 +71,6 @@ useHead({
     },
   ],
 });
-
-// Generate OG Image
-const siteData = useSiteConfig();
-defineOgImage({
-  props: {
-    title: "Archive",
-    description: "Here you will find all the blog posts I have written & published on this site.",
-    siteName: siteData.url,
-  },
-});
 </script>
 
 <template>

app/pages/categories/index.vue

@@ -28,16 +28,6 @@ useHead({
   ],
 });
 
-// Generate OG Image
-const siteData = useSiteConfig();
-defineOgImage({
-  props: {
-    title: "Categories",
-    description:
-      "Below All the topics are listed on which either I have written a blog or will write a blog in near future.",
-    siteName: siteData.url,
-  },
-});
 </script>
 
 <template>

app/pages/tags/[tag].vue

@@ -48,16 +48,6 @@ useHead({
     },
   ],
 });
-
-// Generate OG Image
-const siteData = useSiteConfig();
-defineOgImage({
-  props: {
-    title: `Tag: ${tag.value?.toUpperCase()}`,
-    description: `Explore all posts tagged with ${tag.value}`,
-    siteName: siteData.url,
-  },
-});
 </script>
 
 <template>

app/pages/tags/index.vue

@@ -26,16 +26,6 @@ useHead({
     },
   ],
 });
-
-// Generate OG Image
-const siteData = useSiteConfig();
-defineOgImage({
-  props: {
-    title: "Tags",
-    description: "Explore all the tags used in the blog posts.",
-    siteName: siteData.url,
-  },
-});
 </script>
 
 <template>