From 0099e51f94e690671836b19979f285614d206f08 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Tue, 2 Jun 2026 21:24:39 +0200
Subject: [PATCH] fix(transaction): initialize CurrencyInput with a real
 currency code

vue-currency-input required a currency code for Intl.NumberFormat;
passing undefined threw inside the mount watcher, leaving the input
without listeners so amount stayed null on submit.

Use CurrencyDisplay.hidden to keep the symbol out of the field since
the currency selector is rendered separately.
---
 src/components/CurrencyInput.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/CurrencyInput.vue b/src/components/CurrencyInput.vue
index 429cf24..17e707d 100644
--- a/src/components/CurrencyInput.vue
+++ b/src/components/CurrencyInput.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { watch } from 'vue'
-import { useCurrencyInput } from 'vue-currency-input'
+import { useCurrencyInput, CurrencyDisplay } from 'vue-currency-input'
 
 const props = withDefaults(
   defineProps<{
@@ -23,7 +23,8 @@ const props = withDefaults(
 defineEmits<{ 'update:modelValue': [value: number | null] }>()
 
 const { inputRef, setValue } = useCurrencyInput({
-  currency: undefined as unknown as string,
+  currency: 'USD',
+  currencyDisplay: CurrencyDisplay.hidden,
   locale: props.locale,
   precision: props.precision,
   hideCurrencySymbolOnFocus: false,