Hi, I’m using
- Framework7 v6.3.16
- Vue v3.2.31
- Vue-i18n v:9.1.9 (Getting started | Vue I18n)
Here my Sandbox: blissful-framework-6v94k3 - CodeSandbox
Basically, I’m trying to implement an internationalization system but the i18n module doesn’t seem to be loaded.
In my app.js I’ve used:
import { createApp } from 'vue';
import { createI18n } from 'vue-i18n';
const message = {
en: {
message: {
hello: 'hello world'
}
}
}
const i18n = createI18n({
locale: 'en',
fallbackLocale: 'en',
message
})
....
// Init App
const app = createApp(App);
// Use i18n
app.use(i18n);
But if I try to use {{ $t("message.hello") }}
in my Home.vue the string is not rendered.
In the sandbox is possible to try the full code.
What am i doing wrong? Thanks