Registry / web-framework / vite-auto-i18n-plugin

vite-auto-i18n-plugin

library1.1.16jsnpmunverified

A Vite/Rollup plugin for automatic i18n translation, version 1.1.16, with active releases. Supports Vue2/3, React, and other JS frameworks, integrating multiple translation services (Google, Youdao, custom) without modifying source code. Compatible with Vite, Webpack, Rsbuild, and Rollup. Detects translatable text and generates language packs automatically. Requires Node >=14.18.0 and ships TypeScript types.

web-framework serialization devops

npm install vite-auto-i18n-plugin

github ↗package ↗

INSTALL

IMPORT

SIG · VITE-AUTO-I18N-PLU

vite-auto-i18n-plugin

web-frameworkjavascriptv1.1.16

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–223 runs

build_error

glibc

node 18–223 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

default

✓ import vitePluginsAutoI18n from 'vite-auto-i18n-plugin'

✗ const vitePluginsAutoI18n = require('vite-auto-i18n-plugin')

Package is ESM-only; default export is the plugin function.

YoudaoTranslator

✓ import { YoudaoTranslator } from 'vite-auto-i18n-plugin'

✗ const { YoudaoTranslator } = require('vite-auto-i18n-plugin')

Named export for the Youdao translator class.

type Translator

✓ import type { Translator } from 'vite-auto-i18n-plugin'

✗ import { Translator } from 'vite-auto-i18n-plugin'

Translator is an interface/type; use import type for type-only usage.

Basic Vite configuration integrating the auto-i18n plugin with Vue and Youdao translation service.

import vitePluginsAutoI18n, { YoudaoTranslator } from 'vite-auto-i18n-plugin'; import vue from '@vitejs/plugin-vue'; import { defineConfig } from 'vite'; export default defineConfig({ plugins: [ vue({ template: { compilerOptions: { hoistStatic: false, cacheHandlers: false } } }), vitePluginsAutoI18n({ translator: new YoudaoTranslator({ appId: process.env.YOUDAO_APP_ID ?? '', appKey: process.env.YOUDAO_APP_KEY ?? '' }) }) ] });

Debug

Known issues

deprecatedRequires disabling Vue 3 template hoisting and caching for correct translation injection

fix

Set hoistStatic: false and cacheHandlers: false in vue template compilerOptions.

affects: >=1.0.0

gotchaYoudaoTranslator demo keys are rate-limited and often exhausted; must provide own keys.

fix

Obtain valid appId and appKey from Youdao translation service.

affects: >=1.0.0

gotchaLanguage switching via $changeLang requires component re-render (e.g., v-if toggle)

fix

Use v-if re-mount pattern as shown in docs, or trigger re-render manually.

affects: >=1.0.0

breakingESM-only; does not support require()

fix

Use import syntax or configure bundler for ESM.

affects: >=1.0.23

Errors

Common errors & fixes

Error: Dynamic require of 'vite-auto-i18n-plugin' is not supported

Using require() in an ESM context

fix

Replace require with import; ensure project is configured for ESM.

TypeError: $changeLang is not a function

$changeLang not available before plugin initialization or outside browser

fix

Ensure plugin is properly loaded and $changeLang is used after DOM ready.

Translation not applied after build

Vue template hoisting or caching enabled

fix

Set hoistStatic: false and cacheHandlers: false in vue plugin options.

Upgrade

Version history

1.1.16latest on npm

Audit

Dependencies

vueoptionalRequires vue template compiler options for Vue projects

Agent activity

17 hits · last 30 days

node

OpenAI (training)

Resources

githubhttps://github.com/wenps/auto-i18n-translation-plugins ↗

packagehttps://www.npmjs.com/package/vite-auto-i18n-plugin ↗