From 8ed61b241592602c85520e31db23700eca386fd0 Mon Sep 17 00:00:00 2001
From: nurRiyad <asadnurriyad@gmail.com>
Date: Sat, 16 Sep 2023 13:58:59 +0600
Subject: [PATCH] Use screenshort for og image

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
---
 pages/[...slug].vue             | 2 +-
 pages/about.vue                 | 2 +-
 pages/blogs/[blog].vue          | 7 +------
 pages/blogs/index.vue           | 2 ++
 pages/categories/[category].vue | 2 ++
 pages/categories/index.vue      | 2 ++
 pages/index.vue                 | 6 +-----
 7 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/pages/[...slug].vue b/pages/[...slug].vue
index 87b1fd5..41fde1e 100644
--- a/pages/[...slug].vue
+++ b/pages/[...slug].vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-
+defineOgImageScreenshot()
 </script>
 
 <template>
diff --git a/pages/about.vue b/pages/about.vue
index 4ddd104..4c4b3b2 100644
--- a/pages/about.vue
+++ b/pages/about.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-
+defineOgImageScreenshot()
 </script>
 
 <template>
diff --git a/pages/blogs/[blog].vue b/pages/blogs/[blog].vue
index 6ec424b..eb32470 100644
--- a/pages/blogs/[blog].vue
+++ b/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>
diff --git a/pages/blogs/index.vue b/pages/blogs/index.vue
index e5697c6..8fe011e 100644
--- a/pages/blogs/index.vue
+++ b/pages/blogs/index.vue
@@ -67,6 +67,8 @@ useHead({
   ],
   titleTemplate: 'Riyad\'s Blog - %s',
 })
+
+defineOgImageScreenshot()
 </script>
 
 <template>
diff --git a/pages/categories/[category].vue b/pages/categories/[category].vue
index fb0c3ca..031156e 100644
--- a/pages/categories/[category].vue
+++ b/pages/categories/[category].vue
@@ -44,6 +44,8 @@ useHead({
   ],
   titleTemplate: 'Riyad\'s Blog - %s',
 })
+
+defineOgImageScreenshot()
 </script>
 
 <template>
diff --git a/pages/categories/index.vue b/pages/categories/index.vue
index 655309a..66a5be8 100644
--- a/pages/categories/index.vue
+++ b/pages/categories/index.vue
@@ -29,6 +29,8 @@ useHead({
   ],
   titleTemplate: 'Riyad\'s Blog - %s',
 })
+
+defineOgImageScreenshot()
 </script>
 
 <template>
diff --git a/pages/index.vue b/pages/index.vue
index cf3ee8f..4bd6970 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -11,11 +11,7 @@ useHead({
   titleTemplate: 'Riyad\'s Blog - %s',
 })
 
-const ogImageOptions = {
-  title: 'Al Asad Nur Riyad.',
-}
-// a. Use the Composition API
-defineOgImage(ogImageOptions)
+defineOgImageScreenshot()
 </script>
 
 <template>