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 @@
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 @@
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()
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()
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()
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()
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()