Nuxt 3: Unexpected token 'export'. about bundle-tools HOT 5 OPEN

I made a Repository with the bare minimum. You can check it out here [email protected]:pfinkbeiner/nuxt3-vite-i18n-example.git

Try to clone it and see if it works on your machine. If so, compare the versions and configurations.

from bundle-tools.

Hm might be the wrong import.

import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'

instead of

import VueI18nPlugin from '@intlify/unplugin-vue-i18n'

Then you will most likely run into an issue with Internal server error: All collection items must start at the same column If so remove the plugin from additional vite config. Thats how I got it up and running.

// nuxt.config.ts
import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'

export default defineNuxtConfig({
  devtools: { enabled: true },

  modules: [
    '@nuxtjs/i18n',
  ],
})

from bundle-tools.

I get the same error in both import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'and import VueI18nPlugin from '@intlify/unplugin-vue-i18n'. I think to need plugins key. I don't get an error the no plugins key, but the translation doesn't work.

// nuxt.config.ts
import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'

export default defineNuxtConfig({
  devtools: { enabled: true },
  vite: {
    plugins: [
      VueI18nPlugin(),
    ],
  },
  modules: [
    '@nuxtjs/i18n',
  ],
})

and

// nuxt.config.ts
import VueI18nPlugin from '@intlify/unplugin-vue-i18n'

export default defineNuxtConfig({
  devtools: { enabled: true },
  vite: {
    plugins: [
      VueI18nPlugin.vite(),
    ],
  },
  modules: [
    '@nuxtjs/i18n',
  ],
})

from bundle-tools.

@pfinkbeiner I fixed it I use useI18n().t instead of $t and it solved the problem. Thank you.

from bundle-tools.