Improved: default image if no url provided and imported Image compone…

…nt (hotwax#1)

src/components/Image.vue

@@ -28,7 +28,7 @@ export default defineComponent({
   data() {
     return {
       resourceUrl: "",
-      imageUrl: ""
+      imageUrl: require("@/assets/images/defaultImage.png")
     }
   },
   methods: {

src/views/CreateOrder.vue

@@ -154,6 +154,7 @@
 import { IonBackButton, IonButton, IonCard, IonCardHeader, IonCardTitle, IonCheckbox, IonChip, IonContent, IonFab, IonFabButton, IonHeader, IonIcon, IonInput, IonItem, IonLabel, IonPage, IonSelect, IonSelectOption, IonThumbnail, IonTitle, IonToolbar } from '@ionic/vue';
 import { addCircleOutline, checkmarkDoneOutline, cloudUploadOutline, downloadOutline, ellipsisVerticalOutline, listOutline, sendOutline } from 'ionicons/icons';
 import { translate } from '@hotwax/dxp-components'
+import Image from '@/components/Image.vue';
 </script>
 
 <style scoped>

src/views/OrderDetail.vue

@@ -297,6 +297,7 @@
 import { IonBackButton,IonBadge, IonButton, IonCard, IonCardHeader, IonCardTitle, IonChip, IonContent, IonHeader, IonIcon, IonItem, IonLabel, IonList, IonNote, IonPage, IonRadio, IonRadioGroup, IonSelect, IonSelectOption, IonThumbnail, IonTitle, IonToolbar } from "@ionic/vue";
 import { translate } from '@hotwax/dxp-components';
 import { ellipsisVerticalOutline, ticketOutline, sunnyOutline, checkmarkDoneOutline, downloadOutline, sendOutline, shirtOutline, informationCircleOutline, closeCircleOutline } from "ionicons/icons";
+import Image from "@/components/Image.vue";
 </script>
 
 <style scoped>

src/views/Transfers.vue

@@ -167,6 +167,7 @@ import { IonBadge, IonButton, IonButtons, IonChip, IonContent, IonFab, IonFabBut
 import { addOutline, documentTextOutline, downloadOutline, filterOutline, sendOutline, swapVerticalOutline } from 'ionicons/icons';
 import { translate } from '@hotwax/dxp-components'
 import router from '@/router';
+import Image from '@/components/Image.vue';
 </script>
 
 <style scoped>