Rollup plugin for Vue I18n
This package is maintained for Vue I18n v8 (Vue 2).
If you want to use Vue I18n v9 (Vue 3) or later, See the @intlify/bundle-tools repo.
You need to install the follwoing:
- [email protected] later
If you use rollup-plugin-vue, We recommend you should read the docs
npm:
$ npm i --save-dev @rollup/plugin-json
$ npm i --save-dev @rollup/plugin-yaml # if you use locale messages with YAML format
$ npm i --save-dev @intlify/rollup-plugin-vue-i18nyarn:
$ yarn add -D @rollup/plugin-json
$ yarn add -D @rollup/plugin-yaml # if you use locale messages with YAML format
$ yarn add -D @intlify/rollup-plugin-vue-i18nthe below example that example/Hello.vue have i18n custom block:
<template>
<p>{{ $t('hello') }}</p>
</template>
<script>
export default {
name: 'Hello'
}
</script>
<i18n>
{
"en": {
"hello": "Hello World!"
},
"ja": {
"hello": "γγγ«γ‘γ―γδΈηοΌ"
}
}
</i18n>If you would like to bundle as common library with rollup, you can configure the following for ES Module:
const vue = require('rollup-plugin-vue')
const yaml = require('@rollup/plugin-yaml')
const json = require('@rollup/plugin-json')
const { default: i18n } = require('../lib/index')
export default {
input: './example/index.js',
output: {
format: 'esm',
file: './example/components.esm.js'
},
external: [
// Externalize so that the output code is readable.
'vue',
'vue-runtime-helpers',
'vue-i18n'
],
plugins: [
yaml(),
json(),
i18n(),
vue({
customBlocks: ['i18n']
})
]
}You can be used by specifying the following format in the lang attribute:
- json (default)
- yaml
example yaml foramt:
<i18n lang="yaml">
en:
hello: "Hello World!"
ja:
hello: "γγγ«γ‘γ―γδΈηοΌ"
</i18n>Currently, There are the following limitations:
- Not support
json5format - Not support
localeattributes
Details changes for each release are documented in the CHANGELOG.md.
Please make sure to read the Issue Reporting Checklist before opening an issue. Issues not conforming to the guidelines may be closed immediately.
![renovate[bot] avatar](https://avatars.githubusercontent.com/in/2740?v=4 "renovate[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent