mirror of
https://github.com/LukeHagar/volar-docs.git
synced 2025-12-06 04:22:01 +00:00
53 lines
4.5 KiB
Markdown
53 lines
4.5 KiB
Markdown
# Live Projects Built on VolarJS
|
||
|
||
> [Docs Index](README.md) • [Repo README](../README.md)
|
||
|
||
This catalog highlights active projects and integrations that leverage VolarJS packages today. Use it for inspiration, or to see how others structure their tooling.
|
||
|
||
## Editor Extensions
|
||
|
||
| Project | Maintainer | Volar Usage |
|
||
| --- | --- | --- |
|
||
| [Vue Language Features (Volar)](https://github.com/vuejs/language-tools) | Vue.js Core Team | Official VS Code extension built on `@volar/language-server`, `@vue/language-core`, and `@volar/vue-language-service`. Powers Take Over Mode, template inference, and diagnostics. |
|
||
| [nvim-lspconfig (volar)](https://github.com/neovim/nvim-lspconfig/blob/master/doc/server_configurations.md#volar) | Neovim | Provides ready-made configuration for Neovim’s built-in LSP client, pointing to the Volar language server binary with Take Over Mode toggles. |
|
||
| [coc-volar](https://github.com/yaegassy/coc-volar) | yaegassy | Conquer of Completion (CoC) extension bundling `@volar/language-server` for Vim/Neovim users. |
|
||
| [LSP-volar](https://github.com/sublimelsp/LSP-volar) | SublimeLSP | Sublime Text integration that wraps the Volar server to deliver Vue diagnostics, hover, and completion support. |
|
||
| [volar.nvim](https://github.com/askfiy/volar.nvim) | askfiy | Neovim plugin that auto-manages the Volar binary, supports Take Over Mode, and exposes commands to restart or switch profiles. |
|
||
| [emacs-lsp/lsp-mode (lsp-volar)](https://emacs-lsp.github.io/lsp-mode/page/lsp-volar/) | Emacs LSP Team | Registers the Volar language server inside Emacs’ `lsp-mode`, including settings for Take Over Mode and TS plugin options. |
|
||
|
||
## Online IDEs & Playground Integrations
|
||
|
||
| Project | Maintainer | Volar Usage |
|
||
| --- | --- | --- |
|
||
| [Vue SFC Playground](https://github.com/vuejs/repl) | Vue.js | Uses `@volar/monaco` to provide in-browser IntelliSense, diagnostics, and refactors inside the official playground. |
|
||
| [StackBlitz Vue starter](https://stackblitz.com/edit/vue) | StackBlitz | Loads Volar’s Monaco bindings to power Vue-aware completions and hover in the web IDE. |
|
||
| [CodeSandbox Projects (Vue)](https://codesandbox.io/p/dashboard) | CodeSandbox | Embeds the Volar Monaco integration so `.vue` files in the browser get the same capabilities as desktop editors. |
|
||
|
||
## CLI & Tooling
|
||
|
||
| Project | Maintainer | Volar Usage |
|
||
| --- | --- | --- |
|
||
| [vue-tsc](https://github.com/vuejs/language-tools/tree/master/packages/tsc) | Vue.js | Command-line TypeScript checker that reuses `@vue/language-core` + `@volar/vue-typescript` for SFC-aware diagnostics/builds. |
|
||
| [Volar JSON/YAML LSP Example](../examples/json-yaml-lsp/README.md) | This repo | Demonstrates a custom server that combines Volar runtime utilities with `vscode-json-languageservice` and `yaml-language-server`. |
|
||
| [Nuxt DevTools](https://github.com/nuxt/devtools) | Nuxt | Embeds Volar’s language service pieces to power component auto-complete and diagnostics inside the browser-based devtools UI. |
|
||
| [Windi CSS IntelliSense](https://github.com/windicss/windicss-intellisense) | Windi CSS | Extends the Volar plugin ecosystem to provide class completions and diagnostics for Vue SFCs. |
|
||
| [Vitepress/Vue DX language features](https://github.com/vitepress) | Vue Ecosystem | Reuse Volar’s core packages for markdown-with-vue editing, including completions/diagnostics in MDX-like snippets. |
|
||
|
||
## Community Maintained Servers
|
||
|
||
| Project | Description | Notes |
|
||
| --- | --- | --- |
|
||
| [volar-service-prettier](https://github.com/vuejs/language-tools/tree/master/packages/%40vue/language-service) | Prettier-backed formatting plugin shipped with Volar. | Example of extending the plugin API to add stylistic features. |
|
||
| [volar-service-emmet](https://github.com/vuejs/language-tools/tree/master/packages/volar-service-emmet) | Emmet abbreviation support inside Vue templates. | Shows how to mix external providers into Volar’s completion pipeline. |
|
||
| [volar-service-typescript-twoslash-queries](https://github.com/vuejs/language-tools/tree/master/packages/volar-service-typescript-twoslash-queries) | Inline `^?` type query support (used in docs/playgrounds). | Built atop `@volar/language-service` plugin hooks. |
|
||
|
||
## Keeping the List Fresh
|
||
|
||
Know of another project built on VolarJS? Send a PR adding it here, with:
|
||
|
||
1. Repository or product link.
|
||
2. Brief description of how it leverages Volar (packages, features).
|
||
3. Maintainer attribution.
|
||
|
||
Seeing how others structure their integrations is one of the fastest ways to learn the ecosystem—use these examples as reference implementations or starting points for your own tooling.
|