base on ⚡ High-performance Vue language tooling based-on Volar.js # Vue Language Tools <p> <a href="https://marketplace.visualstudio.com/items?itemName=Vue.volar"><img src="https://img.shields.io/visual-studio-marketplace/v/Vue.volar?labelColor=18181B&color=1584FC" alt="Version"></a> <a href="https://marketplace.visualstudio.com/items?itemName=Vue.volar"><img src="https://img.shields.io/visual-studio-marketplace/i/Vue.volar?labelColor=18181B&color=1584FC" alt="Downloads"></a> <a href="https://github.com/vuejs/language-tools/tree/master/LICENSE"><img src="https://img.shields.io/github/license/vuejs/language-tools.svg?labelColor=18181B&color=1584FC" alt="License"></a> </p> > ⚡ Vue language toolset with native TypeScript performance based-on [Volar.js](https://volarjs.dev/) 💬 **#language-tools** on our [Discord Server](https://discord.gg/vue) ## Packages - [Vue (Official)](https://github.com/vuejs/language-tools/tree/master/extensions/vscode) \ *Vue, Vitepress, petite-vue language support extension for VSCode* - [vue-tsc](https://github.com/vuejs/language-tools/tree/master/packages/tsc) \ *Type-check and dts build command line tool* - [vue-component-meta](https://github.com/vuejs/language-tools/tree/master/packages/component-meta) \ *Component props, events, slots types information extract tool* - [`@vue/language-server`](/packages/language-server/) \ *The language server itself*. - [`@vue/typescript-plugin`](/packages/typescript-plugin/) \ *TypeScript LanguageService Plugin for Vue*. ## Community Integration [yaegassy/coc-volar](https://github.com/yaegassy/coc-volar) \ *Vue language client for coc.nvim* [neovim/nvim-lspconfig](https://github.com/neovim/nvim-lspconfig) \ *Vue language server configuration for Neovim*, check documentation [here](https://github.com/vuejs/language-tools/wiki/Neovim) to set it up. [mattn/vim-lsp-settings](https://github.com/mattn/vim-lsp-settings) \ *Vue language server auto configuration for vim-lsp* [sublimelsp/LSP-volar](https://github.com/sublimelsp/LSP-volar) \ *Vue language client for Sublime* [kabiaa/atom-ide-volar](https://github.com/kabiaa/atom-ide-volar) \ *Vue language client for Atom* [emacs-lsp/lsp-mode](https://github.com/emacs-lsp/lsp-mode) ([jadestrong/lsp-volar](https://github.com/jadestrong/lsp-volar)) \ *Vue language client for Emacs* [tommasongr/nova-vue](https://github.com/tommasongr/nova-vue) \ *Vue language client for Nova* [xiaoxin-sky/lapce-vue](https://github.com/xiaoxin-sky/lapce-vue) \ *Vue language client for Lapce* [Kingwl/monaco-volar](https://github.com/Kingwl/monaco-volar) \ *Vue language support for Monaco on Browser* [WebStorm](https://www.jetbrains.com/webstorm/) \ *Built-in integration for `@vue/language-server`* [Eclipse WildWebDeveloper](https://github.com/eclipse-wildwebdeveloper/wildwebdeveloper) \ *Vue language server configuration for Eclipse* <!-- Editor link: https://www.mermaidchart.com/app/projects/c62d8944-0e06-47f0-a8de-f89a7378490f/diagrams/91fd02c0-5c91-4f72-a8b4-7af21b7c4d86/version/v0.1/edit --> <a href="https://www.mermaidchart.com/raw/91fd02c0-5c91-4f72-a8b4-7af21b7c4d86?theme=light&version=v0.1&format=svg"> <img src="https://www.mermaidchart.com/raw/91fd02c0-5c91-4f72-a8b4-7af21b7c4d86?theme=light&version=v0.1&format=svg"/> </a> ## Contribution Guide If you want to work on the volar extension follow these commands to set up your local development environment. 🔎 Note that you will need pnpm - you can download it here: https://pnpm.io/installation. ```bash git clone https://github.com/vuejs/language-tools.git cd language-tools pnpm install npm run build ``` The recommended way to develop the volar extension is to use the [Debug Tools](https://code.visualstudio.com/Docs/editor/debugging) provided by VSCode. Alternatively, you can run one of the scripts defined in the [package.json](https://github.com/vuejs/language-tools/blob/master/package.json) file. ❗ You should always use the debug launch configs or package.json scripts defined in the root of the project. Additional info for contributing to open source projects can be found here: https://docs.github.com/en/get-started/quickstart/contributing-to-projects To develop with upstream Volar.js modules, you can setup a workspace with https://github.com/volarjs/workspace. ## ❤️ Thanks to Our Sponsors This project is made possible thanks to our generous sponsors: <p align="center"> <a href="https://cdn.jsdelivr.net/gh/johnsoncodehk/sponsors/sponsors.svg"> <img src="https://cdn.jsdelivr.net/gh/johnsoncodehk/sponsors/sponsors.png"/> </a> </p> ", Assign "at most 3 tags" to the expected json: {"id":"8277","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"