vue3+vite Uncaught TypeError: _ctx.$t is not a function

[alireza0sfr]

hi there, I want to publish my vue3+vite package to npm but after publishing, I encountered "Uncaught TypeError: _ctx.$t is not a function" in a test project and my package is not working, any suggestions... ?

PS: I'm using options api

here is my vite.configs.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueI18n from '@intlify/vite-plugin-vue-i18n'

// https://vitejs.dev/config/
const path = require("path")
export default defineConfig({
  build: {
    lib: {
      entry: path.resolve(__dirname, 'src/install.ts'),
      name: 'vcp',
      fileName: (format) => `vcp.${format}.ts`
    },
    rollupOptions: {
      external: ['vue'],
      output: {
        exports: 'named',
        globals: {
          vue: 'Vue',
          vcp: 'Vcp'
        }
      }
    },
  },
  plugins: [
    vue(),
    vueI18n({
      include: path.resolve(__dirname, 'src/assets/translations.ts'),
      compositionOnly: false,
    })
  ],
  server: {
    port: 8080
  },
  resolve: {
    dedupe: ['vue'],
    alias: {
      "~": path.resolve(__dirname, "./src"),
      "@": path.resolve(__dirname, "./src"),
    },
  },
})

[kazupon]

You need to external vue-i18n, and vue-i18n should install in your test project.

[alireza0sfr]

@kazupon Hey there, I managed to finish things up and be able to prepare a reproducible code for you, the only thing left is the internationalization system

to review my error for you:
I want to be auto-injected and use my own package's translations and the user that downloads my package doesn't have to deal with translations at all
here is the repo: https://github.com/alireza0sfr/vue-client-print
and here is the docs: https://alireza0sfr.github.io/vue-client-print/
thanks in advance

[kazupon]

Thank you for your reproducing repo!
I've sent PR to it!
alireza0sfr/vue-client-print#2

[alireza0sfr]

Thanks for the quick response and fix.
by the way, do you have any plans to add ts support to @intlify/vite-plugin-vue-i18n ?

[alireza0sfr]

@kazupon hey there, there is a problem with your commits when I published the package to the local registry and used the artifact translations will replace the main project's translations, and only my package translations worked.

update:
I need to change the scope to local therefore library doesn't change the main project's i18n instance
I'm using options API and I tested "sync", "useScope" but couldn't fix the issue

[artemklishch]

Hello!
I am in process of installing settings on project that is going to be written on Nuxt3.
I haven't found any instructions about it (there is a warning on the web-site that browser testing API is still in stage of development), installed default Nuxt 2 project, took test configuration from there and put it into my project with replacement versions in some places. And installed VueTestUtils library to try if it will work.
Tests started to run but I get the similar issue - 'TypeError: _ctx.$t is not a function'
Also I get the error 'ReferenceError: definePageMeta is not defined'
Looks as if tests don't see global variables (I use Composition API: <script setup lang='ts'>...</script>)

I also get the error 'Property 'isVueInstance' does not exist on type 'VueWrapper<any, any>'.' - looks like TypeScript error.

Could you please advise me where can I apply to get explanations or instruction to install unit tests correctly for the Nuxt 3?
Thank you!