In my home component I have the following:
const { location } = useLocation();const { t, n } = useI18n();const freeShippingValue = computed(() => { return n(100, 'currency', location.value);});
In my BaseMoney component I have:
const { n } = useI18n();const { location } = useLocation();const formattedMoney = computed(() => { return n(amount.value, 'currency', location.value);});
In Home.js this generates warnings:
[intlify] Not found 'currency' key in 'DE' locale messages.[intlify] Fall back to number format 'currency' key with 'en-US' locale.[intlify] Not found 'currency' key in 'en-US' locale messages.[intlify] Not found 'currency' key in 'en-US' locale messages.[intlify] Not found 'currency' key in 'en-US' locale messages.[intlify] Fall back to number format 'currency' key with 'en' locale.[intlify] Not found 'currency' key in 'en' locale messages.[intlify] Fall back to number format 'currency' with root locale.
Full code is here
I set up i18n here home is here and BaseMoney is here
Why would I get warnings in one component but not in another?
I can change both Home and BaseMoney to return n(100, 'currency', 'US');
and still get a warning in Home but not in BaseMoney.
When I remove translations for the component the warnings are not there but I don't understand why adding component translations breaks number formatting.