Add nuxt og images

Signed-off-by: Al Asad Nur Riyad <asadnurriyad@appscode.com>

pages/blogs/[blog].vue

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

pages/index.vue

@@ -10,6 +10,12 @@ useHead({
   ],
   titleTemplate: 'Riyad\'s Blog - %s',
 })
+
+const ogImageOptions = {
+  title: 'Al Asad Nur Riyad.',
+}
+// a. Use the Composition API
+defineOgImage(ogImageOptions)
 </script>
 
 <template>