Update nuxt-og-image

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

pages/blogs/[blog].vue

@@ -76,9 +76,13 @@ useHead({
   ],
 })
 
-defineOgImage({
-  title: data.value.title,
-  description: data.value.description,
+// Generate OG Image
+defineOgImageComponent('Test', {
+  headline: 'Greetings 👋',
+  title: data.value.title || '',
+  description: data.value.description || '',
+  link: data.value.ogImage,
+
 })
 </script>
 

pages/blogs/index.vue

@@ -68,7 +68,15 @@ useHead({
   titleTemplate: 'Riyad\'s Blog - %s',
 })
 
-defineOgImage()
+// 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>