update blog

src/components/marketing/sections/blog-sections/3_column_cards.vue

@@ -49,12 +49,12 @@
                   {{ blog.title }}
                 </h3>
                 <div
-                  v-html="blog.content"
-                  class="mt-3 text-base leading-6 text-center text-gray-800"
+                  v-html="blog.excerpt"
+                  class="mt-3 text-base leading-6 text-gray-500"
                 ></div>
               </a>
             </div>
-            <div class="mt-6 flex items-center" v-if="blog.authorImg">
+            <!-- <div class="mt-6 flex items-center">
               <div class="flex-shrink-0">
                 <a :href="blog.autherUrl">
                   <img
@@ -64,19 +64,19 @@
                   />
                 </a>
               </div>
-              <div class="ml-3" v-if="blog.author">
+              <div class="ml-3">
                 <p class="text-sm leading-5 font-medium text-gray-900">
                   <a :href="blog.autherUrl" class="hover:underline">
                     {{ blog.author }}
                   </a>
                 </p>
-                <!-- <div class="flex text-sm leading-5 text-gray-500">
+                <div class="flex text-sm leading-5 text-gray-500">
                   <time :datetime="blog.created"> {{ blog.created }} </time>
                   <span class="mx-1"> &#xB7; </span>
                   <span> 6 min read </span>
-                </div> -->
+                </div>
               </div>
-            </div>
+            </div> -->
           </div>
         </div>
       </div>
@@ -99,4 +99,4 @@ export default {
     },
   },
 };
-</script>
+</script>

src/pages/Index.vue

@@ -199,10 +199,17 @@
           id
           title
         }
-        blogs{
+         blogs{
           id
           image
-          content
+          tags
+          title
+          path
+          author
+          autherUrl
+          authorImg
+          excerpt
+          created
         }
         cta2{
          id