Use screenshort for og image

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

pages/blogs/[blog].vue

@@ -76,12 +76,7 @@ useHead({
   ],
 })
 
-const ogImageOptions = {
-  title: data.value.title,
-  description: data.value.description,
-}
-// a. Use the Composition API
-defineOgImage(ogImageOptions)
+defineOgImageScreenshot()
 </script>
 
 <template>

pages/blogs/index.vue

@@ -67,6 +67,8 @@ useHead({
   ],
   titleTemplate: 'Riyad\'s Blog - %s',
 })
+
+defineOgImageScreenshot()
 </script>
 
 <template>