Javascript 在vue i18n中分别使用数字和消息本地化

我想使用Vue I18n对我的web应用进行货币、日期和消息本地化。用户可以分别配置语言和使用的货币格式。例如：一个德国用户想要一个英语本地化的网站，但货币格式应该是欧元和“de”

是否可以使用Vue I18n构建此功能？类似于货币的单独区域设置配置

我可以在模板中传递BCP 47语言代码，但是我必须为每个组件加载当前配置的语言代码。我想更动态地解决这个问题

{{$n（价格，'货币'，当前语言代码）}

const numberFormats = {
    'en-US': {
        currency: {
            style: 'currency', currency: 'USD'
        }
    },
    'de-DE': {
        currency: {
            style: 'currency', currency: 'EUR'
        }
    },
    'de-CH': {
        currency: {
            style: 'currency', currency: 'CHF'
        }
    }
}

const i18n = new VueI18n({
    numberFormats,
    messages: {
        en: {
            test: 'test message'
        },
        de: {
            test: 'Testnachricht'
        }
    },
    locale: 'de',
    fallbackLocale: 'de'
})