Vue 3 vue-i18n. Wie verwende ich $t(t) außerhalb der Anwendung (.vue-Datei)? Synthese-API

Question

Ich möchte meine Datums- und Uhrzeitangaben außerhalb der Komponente formatieren.

function transformDatetime(config, value) {
    if (Wert) {
        return $d(new Date(value), config);
    }
    return $t('-');
}

Ich versuche, $t von der Anwendungsinstanz abzurufen. Es funktioniert aber nur im Komponentenkontext, genau wie useI18n.

import { getCurrentInstance } from 'vue'

Standardfunktion exportieren useGlobal() {
    const-Instanz = getCurrentInstance()
    if (!instance) return
    Rückkehrinstanz.appContext.config.globalProperties
}

Answer 1

我找到了解决方案。只需将您的 i18n 导入到应用程序外部的文件中，然后使用 i18n.global.t

import { createI18n } from "vue-i18n"

export const i18n = createI18n({
    legacy: false,
    locale: 'ja',
    fallbackLocale: 'en',
    messages,
})

import { i18n } from '@/i18n'

const { t: $t, d: $d, n: $n } = i18n.global

const expample = $t('some-text')