mirror of
https://github.com/LukeHagar/volar-docs.git
synced 2025-12-06 12:57:47 +00:00
4.5 KiB
4.5 KiB
Live Projects Built on VolarJS
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) | 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) | 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 | yaegassy | Conquer of Completion (CoC) extension bundling @volar/language-server for Vim/Neovim users. |
| LSP-volar | SublimeLSP | Sublime Text integration that wraps the Volar server to deliver Vue diagnostics, hover, and completion support. |
| 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) | 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 | Vue.js | Uses @volar/monaco to provide in-browser IntelliSense, diagnostics, and refactors inside the official playground. |
| StackBlitz Vue starter | StackBlitz | Loads Volar’s Monaco bindings to power Vue-aware completions and hover in the web IDE. |
| CodeSandbox Projects (Vue) | 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 | Vue.js | Command-line TypeScript checker that reuses @vue/language-core + @volar/vue-typescript for SFC-aware diagnostics/builds. |
| Volar JSON/YAML LSP Example | This repo | Demonstrates a custom server that combines Volar runtime utilities with vscode-json-languageservice and yaml-language-server. |
| 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 | Windi CSS | Extends the Volar plugin ecosystem to provide class completions and diagnostics for Vue SFCs. |
| Vitepress/Vue DX language features | 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 | Prettier-backed formatting plugin shipped with Volar. | Example of extending the plugin API to add stylistic features. |
| 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 | 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:
- Repository or product link.
- Brief description of how it leverages Volar (packages, features).
- 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.