base on Vue I18n for Vue 3 # 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: - [Become a Sponsor on GitHub](https://github.com/sponsors/kazupon) <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: [](https://github.com/intlify/vue-i18n/actions/workflows/ci.yml) - v9: Stable - v10: Beta - [Documentation](https://vue-i18n.intlify.dev/) - If you use Vue I18n v8 for Vue 2, see this [repository](https://github.com/kazupon/vue-i18n) ## Quickstart - Via CDN: `<script src="https://unpkg.com/vue-i18n@9"></script>` - In-browser playground on [CodeSandbox](https://codesandbox.io/s/vue-i18n-9-template-h28c0) - Add it to an existing Vue Project: ```bash npm install vue-i18n@9 ``` ## Changes from Vue I18n v8 Please consult the [Migration Guide](https://vue-i18n.intlify.dev/guide/migration/breaking.html). ## 🙋‍♂️ About support for v9 and earlier - v7 and v8: we will follow Vue v2 maintenance lifespan ## 🍭 Examples See the [`examples`](https://github.com/intlify/vue-i18n/tree/master/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](packages/vue-i18n) | [](https://www.npmjs.com/package/vue-i18n) | | [petite-vue-i18n](packages/petite-vue-i18n) | [](https://www.npmjs.com/package/petite-vue-i18n) | | [@intlify/core](packages/core) | [](https://www.npmjs.com/package/@intlify/core) | | [@intlify/core-base](packages/core-base) | [](https://www.npmjs.com/package/@intlify/core-base) | | [@intlify/message-compiler](packages/message-compiler) | [](https://www.npmjs.com/package/@intlify/message-compiler) | | [@intlify/shared](packages/shared) | [](https://www.npmjs.com/package/@intlify/shared) | ## 🏃 Other Projects | Project | NPM | Repo | | ------- | --- | ---- | | Vue I18n Extensions | [](https://www.npmjs.com/package/@intlify/vue-i18n-extensions) | [intlify/vue-i18n-extentions](https://github.com/intlify/vue-i18n-extensions) | ESLint Plugin | [](https://www.npmjs.com/package/@intlify/eslint-plugin-vue-i18n) | [intlify/eslint-plugin-vue-i18n](https://github.com/intlify/eslint-plugin-vue-i18n) | CLI | [](https://www.npmjs.com/package/@intlify/cli) | [intlify/cli](https://github.com/intlify/cli) | Unplugin (Vite) plugin | [](https://www.npmjs.com/package/@intlify/unplugin-vue-i18n) | [intlify/unplugin-vue-i18n](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n) | Vue I18n Locale Message Tools | [](https://www.npmjs.com/package/vue-i18n-locale-message) | [intlify/vue-i18n-locale-message](https://github.com/intlify/vue-i18n-locale-message) ## 💪 Contribution Please make sure to read the [Contributing Guide](https://github.com/intlify/vue-i18n/blob/master/.github/CONTRIBUTING.md) before making a pull request. ## ©️ License [MIT](http://opensource.org/licenses/MIT) ", Assign "at most 3 tags" to the expected json: {"id":"9480","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"