fix currency display

src/components/CurruncyInput.vue

@@ -13,8 +13,8 @@
     :borderless="!edit"
     hide-bottom-space
   >
-    <template v-for="(_, slot) in slots" v-slot:[slot]="scope">
-      <slot :name="slot" v-bind="scope || {}" />
+    <template v-for="slot in slots">
+      <slot :name="slot" />
     </template>
   </q-input>
 </template>
@@ -37,9 +37,9 @@ const props = defineProps({
 });
 
 const { inputRef, formattedValue, setValue } = useCurrencyInput({
-  locale: "en-US",
-  currency: "EUR",
-  // currencyDisplay: "hidden",
+  locale: "th-TH",
+  currency: "THB",
+  currencyDisplay: "hidden" as any,
   hideCurrencySymbolOnFocus: true,
   hideGroupingSeparatorOnFocus: true,
   hideNegligibleDecimalDigitsOnFocus: true,
@@ -50,7 +50,7 @@ const { inputRef, formattedValue, setValue } = useCurrencyInput({
 
 watch(
   () => props.modelValue,
-  (value) => {
+  (value: any) => {
     setValue(value);
   }
 );