Vite / Vue 3 (SFC) - $t is not a function

[tiagoapp]

Hi,

I'm not sure what I am missing... but how can I load the SFC messages instead?

// main.js
import { createApp } from "vue";
import { createI18n } from "vue-i18n";

import App from "./App.vue";

const app = createApp(App);

const i18n = createI18n({
  locale: "en",
  fallbackLocale: "en",
});

app.use(i18n);
app.mount("#app");

// App.vue
<i18n lang="yalm">
en:
   hello: 'hello world'
</i18n>

<template>
msg: {{ $t('hello') }}
</template>

I've pretty much tried everything... enable and disable legacy mode, set the compositionOnly: false... and the globalInjection: true

If I don't set globalInjection: true I get the TypeError: _ctx.$t is not a function....

But if i set it to true, then the messages I put inside the SFC doesn't load.

How can I get this to work?
Thanks