From 3a58b1d91c413aaad27624bb97324092bb6912e5 Mon Sep 17 00:00:00 2001
From: Emily <adharaultimasheireen@gmail.com>
Date: Tue, 16 Jul 2024 18:07:05 +0200
Subject: [PATCH] fix images

---
 landing/components/blog/ArticleWrapper.vue | 4 ++--
 landing/pages/blog/index.vue               | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/landing/components/blog/ArticleWrapper.vue b/landing/components/blog/ArticleWrapper.vue
index aca802b..8d08e75 100644
--- a/landing/components/blog/ArticleWrapper.vue
+++ b/landing/components/blog/ArticleWrapper.vue
@@ -21,7 +21,7 @@ const blogPost = blogPosts.value.find(e => e.id == id);
                         {{ blogPost?.subtitle }}
                     </p>
                     <div class="flex items-center gap-2">
-                        <img class="w-9 h-9 rounded-full" :src="blogPost?.authorImage" :alt="blogPost?.author">
+                        <img class="w-9 h-9 rounded-full" :src="'/blog/' + blogPost?.authorImage" :alt="blogPost?.author">
                         <p class="align-middle mt-4">
                             {{ blogPost?.author }}
                         </p>
@@ -30,7 +30,7 @@ const blogPost = blogPosts.value.find(e => e.id == id);
                 </div>
 
                 <img class="w-full h-full rounded-xl outline outline-[1px] outline-gray-100/20 mt-10 mb-10"
-                    :src="blogPost?.image" :alt="blogPost?.title">
+                    :src="'/blog/' + blogPost?.image" :alt="blogPost?.title">
             </header>
             <slot></slot>
         </article>
diff --git a/landing/pages/blog/index.vue b/landing/pages/blog/index.vue
index 693708b..3e6709e 100644
--- a/landing/pages/blog/index.vue
+++ b/landing/pages/blog/index.vue
@@ -19,11 +19,11 @@ import { blogPosts, homePosts } from '~/blog/Blog';
 
             <div class="home-posts flex gap-10 justify-center">
                 <NuxtLink tag="article" :to="post.id" v-for="post of homePosts" class="flex flex-col gap-2">
-                    <img class="w-full h-full rounded-xl outline outline-[1px] outline-gray-100/20" :src="post.image"
+                    <img class="w-full h-full rounded-xl outline outline-[1px] outline-gray-100/20" :src="'/blog/' + post.image"
                         :alt="post.title">
                     <h4 class="font-normal mt-2"> {{ post.title }} </h4>
                     <div class="flex gap-3 items-center text-[1rem]">
-                        <img class="w-9 h-9 rounded-full" :src="post.authorImage" :alt="post.author">
+                        <img class="w-9 h-9 rounded-full" :src="'/blog/' + post.authorImage" :alt="post.author">
                         <div class="font-normal"> {{ post.author }} </div>
                         <div class="text-gray-400"> • {{ post.created_at }} </div>
                     </div>
@@ -34,11 +34,11 @@ import { blogPosts, homePosts } from '~/blog/Blog';
 
             <div class="grid grid-cols-3 gap-2">
                 <NuxtLink tag="article" :to="post.id" v-for="post of blogPosts" class="flex flex-col gap-2">
-                    <img class="rounded-xl outline outline-[1px] outline-gray-100/20" :src="post.image"
+                    <img class="rounded-xl outline outline-[1px] outline-gray-100/20" :src="'/blog/' +post.image"
                         :alt="post.title">
                     <h5 class="font-normal mt-2"> {{ post.title }} </h5>
                     <div class="flex gap-3 items-center text-[.9rem]">
-                        <img class="w-8 h-8 rounded-full" :src="post.authorImage" :alt="post.author">
+                        <img class="w-8 h-8 rounded-full" :src="'/blog/' +post.authorImage" :alt="post.author">
                         <div class="font-normal"> {{ post.author }} </div>
                         <div class="text-gray-400"> • {{ post.created_at }} </div>
                     </div>