From 363deb3ca746a0d7e192355ea5b01321c2cfb6f7 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Thu, 27 Jul 2023 15:50:55 +1000
Subject: [PATCH] fix showing error on empty

---
 resources/js/components/SMImage.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/SMImage.vue b/resources/js/components/SMImage.vue
index 807582e..4fe5e13 100644
--- a/resources/js/components/SMImage.vue
+++ b/resources/js/components/SMImage.vue
@@ -1,8 +1,9 @@
 <template>
     <div class="image">
-        <SMLoading v-if="imgLoaded == false && imgError == false" />
+        <SMLoading
+            v-if="props.src != '' && imgLoaded == false && imgError == false" />
         <img
-            v-if="imgError == false"
+            v-if="props.src != '' && imgError == false"
             :src="src"
             @load="imgLoaded = true"
             @error="imgError = true" />
@@ -17,7 +18,7 @@
 import { ref } from "vue";
 import SMLoading from "./SMLoading.vue";
 
-defineProps({
+const props = defineProps({
     src: {
         type: String,
         required: true,