Interpolations in production mode does not work

What happened?

see issue: intlify/vue-i18n-next#1059

What did you expect to happen?

see issue: intlify/vue-i18n-next#1059

Reproduction URL

none

How to reproduce?

see issue: intlify/vue-i18n-next#1059

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Quasar CLI Commands/Configuration (@quasar/cli | @quasar/app-webpack | @quasar/app-vite)

Platforms/Browsers

No response

Quasar info output

No response

Relevant log output

No response

Additional context

Solution:

      vitePlugins: [
        [
          "@intlify/vite-plugin-vue-i18n",
          {
            // if you want to use Vue I18n Legacy API, you need to set `compositionOnly: false`
            // compositionOnly: false,

            runtimeOnly: ctx.dev,
            // you need to set i18n resource including paths !
            include: path.resolve(__dirname, "./src/i18n/**"),
          },
        ],
      ],

[kovacevjosip]

If you are using vite setup, interpolation does not work correctly on production mode. If you have defined plural values (example: note: Note | Notes) it will actually show both values when project is built. Webpack setup works correctly.

Add runtimeOnly: ctx.dev to quasar.config.js to fix vite setup issue,

Current versions:

• @quasar/cli: v1.3.2
• @quasar/app-vite: v1.1.3
• @quasar/app-webpack: v3.6.2

[tofi86]

We had the same issue and I can confirm that @gewisser’s solution with runtimeOnly: ctx.dev works. This should be part of the quasar template IMHO.