Fix og image issue

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

components/OgImage/Blog.vue

@@ -76,7 +76,7 @@ const siteName = computed(() => {
 
 <template>
   <div class="bg w-full flex flex-row z-10">
-    <div class="w-3/5" style="padding: 50px;">
+    <div style="padding: 50px;">
       <div class="flex flex-col h-full justify-between text-gray-100">
         <div class="flex flex-row justify-between items-center">
           <div class="flex flex-col">
@@ -95,9 +95,6 @@ const siteName = computed(() => {
         </div>
       </div>
     </div>
-    <div class="w-2/5 flex items-center justify-center">
-      <img v-if="image" :src="image" style="object-fit: cover;" class="rounded-xl max-w-full h-full">
-    </div>
   </div>
 </template>
 

pages/blogs/[blog].vue

@@ -78,7 +78,6 @@ useHead({
 
 defineOgImage({
   component: 'Blog',
-  image: data.value.image,
   title: data.value.title,
   description: data.value.description,
 })