Merge pull request #40 from Scille/ms-add-image-on-action-bar-button

[MS] Add MsImage on actionbar button
Scille · Apr 29, 2024 · 2d8de5d · 2d8de5d
2 parents 541fa0e + b8cb679
commit 2d8de5d
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/lib/components/ms-action-bar/MsActionBarButton.vue b/lib/components/ms-action-bar/MsActionBarButton.vue
@@ -6,21 +6,27 @@
     size="default"
   >
     <ion-icon
-      v-show="icon"
+      v-if="icon"
       slot="start"
       :icon="icon"
     />
+    <ms-image
+      v-if="!icon && image"
+      :image="image"
+    />
     {{ $msTranslate(buttonLabel) }}
   </ion-button>
 </template>
 
 <script setup lang="ts">
+import { MsImage } from '@lib/components/ms-image';
 import { Translatable } from '@lib/services/translation';
 import { IonButton, IonIcon } from '@ionic/vue';
 
 defineProps<{
   buttonLabel?: Translatable;
   icon?: string;
+  image?: string;
 }>();
 </script>