Awesome
vue-i18n
[!NOTE] This is the repository for Vue I18n 9 for Vue 3
Internationalization plugin for Vue.js
<h2 align="center">Supporting Vue I18n & Intlify Project</h2>Vue I18n is part of the Vue Ecosystem and Intlify Project is an open source project with its ongoing development made possible entirely by the support of Sponsors. If you would like to become a sponsor, please consider:
<h3 align="center">🏅 Platinum Sponsors</h3> <p align="center"> <a href="https://zenarchitects.co.jp/" target="_blank"> <img src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/zenarchitects.png" width="400px" /> </a> </p> <p align="center"> <a href="https://www.microsoft.com/" target="_blank"> <img src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/microsoft.webp" width="400px" /> </a> </p> <h3 align="center">✨ Special Sponsors</h3> <p align="center"> <a href="https://plaid.co.jp/" target="_blank"> <img src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/plaid.svg" width="240px" /> </a> </p> <h3 align="center">🥇 Gold Sponsors</h3> <p align="center"> <a href="https://nuxtlabs.com/" target="_blank"> <img src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/nuxtlabs.svg" width="240px" /> </a> </p> <p align="center"> <a href="https://localazy.com/blog/how-to-localize-vuejs-app-with-vue-i18n-and-localazy?utm_source=kazupon&utm_medium=banner&utm_campaign=sponsorships_kazupon&utm_content=logo" target="_blank"> <img src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/localazy.svg" width="240px" /> </a> </p> <p align="center"> <a href="https://crowdin.com/teams/engineering?utm_source=vue-i18n.intlify.dev&utm_medium=referral" target="_blank"> <img src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/crowdin.svg" width="240px" /> </a> </p> <h3 align="center">🥈 Silver Sponsors</h3> <h3 align="center">🥉 Bronze Sponsors</h3> <p align="center"> <a href="https://www.vuemastery.com/" target="_blank"> <img src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/vuemastery.png" width="144px" /> </a> </p> <p align="center"> <a href="https://froggly.pl/" target="_blank"> <img src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/Froggly.svg" width="144px" /> </a> </p> <p align="center"> <a href="https://languagemonster.com/" target="_blank"> <img src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/LanguageMonster.svg" width="144px" /> </a> </p> <p align="center"> <a href="https://route4me.com" target="_blank"> <img src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/Route4Me.png" width="144px" alt="Route Optimizer and Route Planner Software" /> </a> </p> <br/>Status: 
- v9: Stable
- v10: Beta
- Documentation
- If you use Vue I18n v8 for Vue 2, see this repository
Quickstart
- Via CDN:
<script src="https://unpkg.com/vue-i18n@9"></script> - In-browser playground on CodeSandbox
- Add it to an existing Vue Project:
npm install vue-i18n@9
Changes from Vue I18n v8
Please consult the Migration Guide.
🙋♂️ About support for v9 and earlier
- v7 and v8: we will follow Vue v2 maintenance lifespan
🍭 Examples
See the examples directory.
The examples are offered in the following two API styles:
- composition
- Examples using the new Vue I18n API for Vue 3 Composition API
- legacy
- Examples using the Vue I18n API that are almost compatible with Vue I18n v8.x
📦 Main Packages
| Package | NPM |
|---|---|
| vue-i18n |  |
| petite-vue-i18n |  |
| @intlify/core |  |
| @intlify/core-base |  |
| @intlify/message-compiler |  |
| @intlify/shared |  |
🏃 Other Projects
| Project | NPM | Repo |
|---|---|---|
| Vue I18n Extensions |  | intlify/vue-i18n-extentions |
| ESLint Plugin |  | intlify/eslint-plugin-vue-i18n |
| CLI |  | intlify/cli |
| Unplugin (Vite) plugin |  | intlify/unplugin-vue-i18n |
| Vue I18n Locale Message Tools |  | intlify/vue-i18n-locale-message |
💪 Contribution
Please make sure to read the Contributing Guide before making a pull request.