Merge branch 'main' of http://192.168.0.251:3000/localnet/localhost-front

src/components/main/MainMemberProfile.vue

@@ -4,7 +4,7 @@
             <li class="col-4 me-0" v-for="(member, index) in members" :key="index">
                 <div class="ratio ratio-1x1 mb-0 profile-list">
                     <img
-                        :src="`${baseUrl}upload/img/profile/${member.MEMBERPRF}`"
+                        :src="`${profileImgUrl}profile/${member.MEMBERPRF}`"
                         :style="`border-color: ${member.usercolor} !important;`"
                         alt="User Profile"
                         class="rounded-circle border border-2"
@@ -16,17 +16,17 @@
     </div>
 </template>
 
-<script>
+<script setup>
-    export default {
+    const props = defineProps({
-        props: {
+        members: {
-            members: {
+            type: Array,
-                type: Array,
+            required: true,
-                required: true,
-            },
-            baseUrl: {
-                type: String,
-                required: true,
-            },
         },
-    };
+        baseUrl: {
+            type: String,
+            required: true,
+        },
+    });
+
+    const profileImgUrl = import.meta.env.VITE_SERVER_IMG_URL;
 </script>