From 06a6bae2ca961dc60dfc3f0d1ac63d2e54f3d73b Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Tue, 29 Oct 2024 17:15:47 +0700
Subject: [PATCH] fix: main btn & select input component props, etc

---
 src/components/button/MainButton.vue  | 4 ++--
 src/components/shared/SelectInput.vue | 6 +++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/button/MainButton.vue b/src/components/button/MainButton.vue
index b4935192..90061843 100644
--- a/src/components/button/MainButton.vue
+++ b/src/components/button/MainButton.vue
@@ -5,7 +5,7 @@ defineEmits<{
   (e: 'click', v: MouseEvent): void;
 }>();
 defineProps<{
-  icon: string;
+  icon?: string;
   color: string;
   iconOnly?: boolean;
   solid?: boolean;
@@ -30,7 +30,7 @@ defineProps<{
     type="button"
   >
     <slot name="icon">
-      <Icon :icon class="main-btn-icon" />
+      <Icon :icon="icon || ''" class="main-btn-icon" />
     </slot>
     <slot v-if="!iconOnly" />
   </button>
diff --git a/src/components/shared/SelectInput.vue b/src/components/shared/SelectInput.vue
index b66343de..0cfea29c 100644
--- a/src/components/shared/SelectInput.vue
+++ b/src/components/shared/SelectInput.vue
@@ -3,7 +3,7 @@ import { onMounted, ref, watch } from 'vue';
 import { selectFilterOptionRefMod } from 'src/stores/utils';
 import { QSelect } from 'quasar';
 
-const model = defineModel<string | null>();
+const model = defineModel<string | Record<string, unknown> | null>();
 
 const options = ref<Record<string, unknown>[]>([]);
 let defaultFilter: (
@@ -91,6 +91,10 @@ watch(
     "
     :rules
   >
+    <template v-if="$slots.prepend" v-slot:prepend>
+      <slot name="prepend"></slot>
+    </template>
+
     <template v-slot:no-option>
       <slot name="noOption"></slot>