I am working in Vue 3 and Vuetify 3.

I would like my app to use the local currency symbol based on wherever it is running. If the app is running in the US, I want it to use the dollar sign, if it is in Europe, I want it to use the euro sign, etc.

1. How can my app determine the locale?
2. How can my app determine the currency symbol for that locale?
3. How can I write my app so that all components that need to display a currency symbol display the local one?

I’ve never done and localization/internationalization with Vue/Vuetify though I did dabble with it from time to time in Java several years back. How is all this handled in Vue/Vuetify?