i18n with placeholder text not working in SSR build

[fdstevex]

Hi, I'm having some trouble with i18n. Translation of simple strings works, but strings that have placeholder interpolation behave differently between local debug, and SSR build.

Some code:

Boot:

export default boot(({ app }) => {
  const i18n = createI18n({
    locale: 'en-US',
    legacy: false,
    globalInjection: true,
    messages,
  });

  // Set i18n instance on app
  app.use(i18n);
});

Messages:

export default {
  pages: {
    testMessage: 'Hello {name}'
  }
}

In a component:

import { useI18n } from 'vue-i18n';

const { t: $t } = useI18n();

console.log('Test', $t('pages.testMessage', { name: 'World' }));

Running locally (quasar dev -m ssr) the interpolation works fine and it prints 'Hello World'. When I build and run the built product:

quasar build -m ssr
cd dist/ssr
npm install
node index.js

The interpolation stops working, and what's printed is "Hello {name}". Note that it did still find the correct message in the messages hierarchy, it just failed the interpolation.

Any idea what's going on? I'm guessing the $t I'm getting in the ssr build is different from what quasar dev is using but I don't know why that would happen.

Thanks.

[fdstevex]

May be related to this:
intlify/vue-i18n#1278

[fdstevex]

Can confirm, adding runtimeOnly to the intlify plugin options fixes it for me.

      vitePlugins: [
        [
          '@intlify/vite-plugin-vue-i18n',
          {
            runtimeOnly: false,
...