From 8e79498c4a6c44030b0b7b3cea81340616fd3a66 Mon Sep 17 00:00:00 2001
From: leandro-acosta <leandro.acosta292@hotmail.com>
Date: Fri, 21 Jun 2024 10:31:39 +0800
Subject: [PATCH] Feat: First Version

---
 src/components/PeopleItem.vue      | 2 +-
 src/components/PeopleItemLarge.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/PeopleItem.vue b/src/components/PeopleItem.vue
index 5e7d59f..5cbca9e 100644
--- a/src/components/PeopleItem.vue
+++ b/src/components/PeopleItem.vue
@@ -7,7 +7,7 @@ const props = defineProps({
 <template>
   <div class="column col-xs-12 col-md-3 q-pa-sm">
     <div class="q-card--bordered rounded-borders text-center bg-primary text-white col-grow">
-      <q-img :src="new URL(props.people.image, import.meta.url).href" alt="" class="rounded-borders" style="max-width: 100%; height: auto"/>
+      <q-img :src="`/${props.people.image}`" class="rounded-borders" style="width: 100%; height: 200px;"/>
       <div class="q-py-sm">
         <div class="text-h6">{{ props.people.name }}</div>
         <div class="text-subtitle2">{{ props.people.affiliation }}</div>
diff --git a/src/components/PeopleItemLarge.vue b/src/components/PeopleItemLarge.vue
index 59ed834..a74a757 100644
--- a/src/components/PeopleItemLarge.vue
+++ b/src/components/PeopleItemLarge.vue
@@ -8,8 +8,8 @@ const props = defineProps({
   <div class="column col-xs-12 col-md-6 q-pa-sm">
   <div class="row q-card--bordered rounded-borders text-center bg-primary text-white">
       <div class="col-xs-12 col-md-6 row items-center">
-        <img :src="new URL(props.people.image, import.meta.url).href" alt="" class="rounded-borders" style="max-width: 50%; height: auto">
-        <q-img :src="new URL(props.people.image, import.meta.url).href" alt="" class="rounded-borders" style="max-width: 50%; height: auto"/>
+        <img :src="`/${props.people.image}`" alt="" class="rounded-borders" style="max-width: 50%; height: auto">
+        <q-img :src="`/${props.people.image}`" alt="" class="rounded-borders" style="max-width: 50%; height: auto"/>
       </div>
       <div class="col-xs-12 col-md-6 q-py-md justify-evenly column">
         <div>