Comments (3)
Thank you for your reproduction!
I've checked your reproduction
you need to configure vite.config.ts
the below:
import { fileURLToPath, URL } from 'node:url';
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
import { dirname, resolve } from 'node:path';
// https://vitejs.dev/config/
export default defineConfig({
define: {
// Optimize build for prod
'process.env.NODE_ENV': `"${process.env.NODE_ENV}"`,
// NOTE: you don't configure `resolve.alias`, because `@inlityf/unplugin-vue-i18n` will configure it internally
// __VUE_I18N_FULL_INSTALL__: false,
// __VUE_I18N_LEGACY_API__: false,
// __INTLIFY_PROD_DEVTOOLS__: false,
},
// NOTE: yon don't configure `resolve.alias`, because `@inlityf/unplugin-vue-i18n` will configure it internally
// resolve: {
// alias: {
// 'vue-i18n': 'vue-i18n/dist/vue-i18n.runtime.esm-bundler.js',
// },
// },
plugins: [
vue(),
VueI18nPlugin({
// locale resource pre-compile option
include: resolve(
dirname(fileURLToPath(import.meta.url)),
'./src/locales/**'
),
fullInstall: false,
dropMessageCompiler: true, // you need to set `true`
}),
],
});
about dropMessageCompiler
, see the here: https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n#dropmessagecompiler
And you need to upgrade vue-i18n v9.3 or later.
Thanks!
from vue-i18n-next.
Thank you for your feadback!
Would you be able to provide a reproduction 🙏
More info
Why do I need to provide a reproduction?
Reproductions make it possible for us to triage and fix issues quickly with a relatively small team. It helps us discover the source of the problem, and also can reveal assumptions you or we might be making.
What will happen?
If you've provided a reproduction, we'll remove the label and try to reproduce the issue. If we can, we'll mark it as a bug and prioritise it based on its severity and how many people we think it might affect.
If Status: Need More Info
labeled issues don't receive any substantial activity (e.g., new comments featuring a reproduction link), we'll close them. That's not because we don't care! At any point, feel free to comment with a reproduction and we'll reopen it.
How can I create a reproduction?
We have a couple of templates for starting with a minimal reproduction:
👉 Reproduction mininal starter
👉 Reproduction starter with unpluguin-vue-i18n
A public GitHub repository is also perfect. 👌
Please ensure that the reproduction is as minimal as possible.
You might also find these other articles interesting and/or helpful:
from vue-i18n-next.
- Download locally(Top left there is a download button)
- Npm install
npx vite-bundle-visualizer
from vue-i18n-next.
Related Issues (20)
- Modifiers for interpolated values
- How to use named interpolation in html HOT 1
- [v9.10.0] `@intlify/message-compiler` publishing missing TypeScript reference HOT 4
- te function returns false although fallback exists HOT 5
- Using a implicit fallback throws a warning in the console HOT 1
- Incorrect tm return type HOT 1
- Foolproofing and trigger error, when locale is not set. HOT 2
- regression: wrong `d.ts` of `@intlify/message-compiler` HOT 1
- Hyphens in placeholders causing error `Unterminated closing brace` in vue-i18n@9 HOT 1
- Guide leads to a 404 HOT 4
- Getting 'Cannot read properties of undefined (reading 't')' error in core-base.mjs::formatParts HOT 3
- Linked messages doesn't support chinese character as key HOT 1
- Property "$tc" was accessed during render but is not defined on instance. HOT 1
- Shortcut and more readable syntax for `v-t`: allow `<h1 v-t>Hello</h1>` which will be similar to `<h1 v-t="Hello"></h1>` HOT 4
- CSP Violation when `unsafe-eval` is not set HOT 2
- Key paths containing javascript built-ins are handled inconsistently HOT 3
- Interpolations get lost HOT 2
- SSR without NODE_ENV loads devtools and causes memory leak HOT 7
- Allow custom warn implementation
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-i18n-next.