v2.1.8

Features

• vscode: reactions visualization now identifies more use cases ^Insiders
• language-core: auto infer $el type (#4805) - Thanks to @KazariEX!
• language-core: typed directive arg and modifiers (#4813) - Thanks to @KazariEX!

Bug Fixes

• language-core: avoid generic type loss due to destructured props (#4821) - Thanks to @KazariEX!
• language-core: handle v-for with v-once correctly (#4830) - Thanks to @KazariEX!
• language-core: avoid generating zero-length mappings for interpolation edges
• language-core: don't assign this to __VLS_ctx (#4845) - Thanks to @KazariEX!
• language-service: initialize scope with null prototype object (#4855) - Thanks to @KazariEX!
• language-core: inlay hints for <component :is> and <slot :name> (#4661) - Thanks to @KazariEX, @so1ve!
• language-core: should error when invalid syntax at script end (#4692) - Thanks to @KazariEX!
• language-core: correct type inference of defineModel & defineEmits in generic (#4823) - Thanks to @KazariEX!
• language-core: inject generics of useTemplateRef into correct location (#4829) - Thanks to @KazariEX!
• language-core: prevent the generation of generics in JS (#4836) - Thanks to @KazariEX, @zhiyuanzmj!
• language-core: generate correct reference for v-on on <slot> (#4864) - Thanks to @KazariEX!
• language-core: match classname before ) (#4887) - Thanks to @KazariEX!
• language-service: handle internal item key with leading slash correctly (#4894) - Thanks to @KazariEX!
• language-core: correctly obtain the index of style modules (#4907) - Thanks to @KazariEX!
• language-core: refer absolute path of global types file (#4924) - Thanks to @depressedX!
• component-meta: error when signatures is undefined (#4930) - Thanks to @Hannesrasmussen!
• language-core: intersect props of generic component with attrs (#4886) - Thanks to @KazariEX!
• language-core: fix incorrect syntax for class component virtual code
• language-core: generate value instead of model name into tuple (#4892) - Thanks to @KazariEX!
• language-core: infer template ref's type of native elements with v-for correctly (#4933) - Thanks to @KazariEX!
• language-core: should wrap item with Reactive on v-for (#4902) - Thanks to @KazariEX!

Performance

• language-service: find destructured props only with enabled setting (#4815) - Thanks to @KazariEX!

Other Changes

• Upgraded Volar from v2.4.1 to v2.4.8:
  • Changing vue files causes internal state to desync in Sublime Text (#4909) - Thanks to @rchl!
  • The syntax highlighting is not applied when destructuring props (#4811)
• chore: fix nvim config snippet in README (#4881) - Thanks to @LiamEderzeel!
• chore: remove side effects (#4871) - Thanks to @vikingair!
• chore: remove importsNotUsedAsValues (#4897) - Thanks to @KazariEX!
• chore(vscode): switch to "module": "CommonJS" (#4944) - Thanks to @KazariEX!
• test: fix incorrect default value (#4934) - Thanks to @jh-leong!
• test(tsc): add a test case for class component

Please refer to CHANGELOG.md for details.

Sponsors

Special Sponsor
Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
Platinum Sponsors
An approachable, performant and versatile framework for building web user interfaces.			Astro powers the world's fastest websites, client-side web apps, dynamic API endpoints, and everything in-between.
Essential tools for software developers and teams.			Open Source enables Microsoft products and services to bring choice, technology and community to our customers.
Silver Sponsors

Become a sponsor

v2.1.6

Features

• language-plugin-pug: support initial indentation (#4774)
• language-service: JSDoc display support when typing props on component template (#4796) - Thanks to @joy-yu!
• language-core: typed directives in template (#4807) - Thanks to @KazariEX!

Bug Fixes

• language-core: wrap template refs with unref in interpolation (#4777) - Thanks to @KazariEX!
• language-core: ensure to pass tsc on inline global types (#4782) - Thanks to @KazariEX!
• language-core: infer native template ref as build-in element interface (#4786) - Thanks to @KazariEX!
• language-core: generate __VLS_StyleModules after template (#4790) - Thanks to @KazariEX!
• language-core: make expose of non-generic template ref required (#4795) - Thanks to @zhiyuanzmj!
• language-core: avoid using __typeProps with runtime props (#4800) - Thanks to @KazariEX!
• language-core: ignore unknown attrs error when strictTemplates is not enabled (#4785)
• language-core: prevent append globalTypes to virtual file (#4806) - Thanks to @zhiyuanzmj!
• language-core: prevent type error when use defineSlots and non-template (#4809) - Thanks to @zhiyuanzmj!
• typescript-plugin: disconnect socket on error (#4672)

Performance

• language-core: don't emit event lnlayhint when content is none (#4776) - Thanks to @Gehbt!

Other Changes

• language-core: split __VLS_templateResult (#4781) - Thanks to @KazariEX!
• language-core: wrap template virtual code into a function (#4784)
• language-core: move templateRef into composibles (#4791) - Thanks to @KazariEX!
• language-core: generate global types for the first parsed Vue component if cannot write global types file

Tests

• language-server: add renaming case for template ref() (#4794) - Thanks to @KazariEX!
• tsc: update to Vue 3.5 (#4725)
• tsc: unknown props on non-strict generic component (#4792)

Please refer to CHANGELOG.md for details.

Sponsors

Special Sponsor
Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
Platinum Sponsors
An approachable, performant and versatile framework for building web user interfaces.			Astro powers the world's fastest websites, client-side web apps, dynamic API endpoints, and everything in-between.
Essential tools for software developers and teams.			Open Source enables Microsoft products and services to bring choice, technology and community to our customers.
Silver Sponsors

Become a sponsor

v2.1.4

Features

• typescript-plugin, language-server: generate global types file into node_modules/.vue-global-types (#4752) - Thanks to @KazariEX!
• language-core: navigation support for template-ref (#4726) - Thanks to @KazariEX!

Bug Fixes

• language-core, typescript-plugin, language-server: apply snake case on globalTypes filename (#4749) - Thanks to @KazariEX!
• language-core: hoist $refs type (#4763)
• language-core: disable lib check on global types file (#4767) - Thanks to @KazariEX!
• language-core: prevent circular reference of templateRef (#4768) - Thanks to @zhiyuanzmj!
• language-core: using interface merging for GlobalComponents
• language-core: fallthroughAttributes causes global components to be self-referential (#4761)
• language-core: auto-completion for the last line of template block (#4771) - Thanks to @zhiyuanzmj!
• language-core: update ast correctly on repeated v-for modifications (#4772) - Thanks to @KazariEX!
• language-server: leaking named pipes (#4672)
• typescript-plugin: compatible with Yarn PnP (#4751)
• vscode: whitelist ms-dynamics-smb.al extension for Vue Hybrid Mode. (#4765) - Thanks to @kyleweishaupt!

Other Changes

• Add optional "dependencies" textarea to issue template (#4758) - Thanks to @davidmatter!

Please refer to CHANGELOG.md for details.

Sponsors

Special Sponsor
Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
Platinum Sponsors
An approachable, performant and versatile framework for building web user interfaces.			Astro powers the world's fastest websites, client-side web apps, dynamic API endpoints, and everything in-between.
Essential tools for software developers and teams.			Open Source enables Microsoft products and services to bring choice, technology and community to our customers.
Silver Sponsors

Become a sponsor

v2.1.2

Bug Fixes

• language-core, typescript-plugin, language-server: write globalTypes into dist for correct export (#4740) (#4737) (#4738) (#4739) - Thanks to @KazariEX!
• language-core: don't default vueCompilerOptions.lib to @vue/runtime-dom for Vue 2

Please refer to CHANGELOG.md for details.

Sponsors

Special Sponsor
Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
Platinum Sponsors
An approachable, performant and versatile framework for building web user interfaces.			Astro powers the world's fastest websites, client-side web apps, dynamic API endpoints, and everything in-between.
Essential tools for software developers and teams.			Open Source enables Microsoft products and services to bring choice, technology and community to our customers.
Silver Sponsors

Become a sponsor

v2.1.0

Features

• language-core: inlay hints for destructured props (#4634) - Thanks to @KazariEX!
• language-core: typed fallthrough attributes (#4103) - Thanks to @A5rocks, @so1ve!
• language-core: document links for classname within :class (#4642) - Thanks to @KazariEX!
• language-core: auto infer type for $refs & useTemplateRef (#4644) - Thanks to @zhiyuanzmj!
• language-core: type support for CSS Modules API (#4674) - Thanks to @KazariEX!
• language-service: better completion for directives (#4640) - Thanks to @KazariEX!
• language-service: better sorting & filtering of completion (#4671) - Thanks to @KazariEX!
• language-service: add style scoped and module completion (#4705) - Thanks to @runyasak!

Bug Fixes

• vscode: type of vue.server.hybridMode config (#4703) - Thanks to @kermanx!
• language-core: dependency on vulnerable version of vue-template-compiler (#4613) - Thanks to @yyx990803!
• language-core: support parse method to access ctx var in object (#4609) - Thanks to @linghaoSu!
• language-core: escape \ and ' in className avoid type error (#4619) - Thanks to @linghaoSu!
• language-core: semantic highlight of the end tag of namespaced elements (#4623) - Thanks to @kermanx!
• language-core: nullable modelvalues (#4648) - Thanks to @davidmatter!
• language-core: should try casting dynamic slot name into constant (#4669) - Thanks to @kermanx!
• language-core: local name support for prop using runtime api (#4650) - Thanks to @KazariEX!
• language-core: optimize matching of scoped class and v-bind() (#4679) - Thanks to @KazariEX!
• language-core: should preserve generic info in directive (#4686) - Thanks to @kermanx!
• language-core: generate ref as identifier instead of interpolation (#4688) - Thanks to @KazariEX!
• language-core: correct type narrowing from script to template (#4689) - Thanks to @KazariEX!
• language-core: should camelize prop name in experimentalModelPropName (#4691) - Thanks to @kermanx!
• language-core: drop duplicate hints on incomplete tag (#4696) - Thanks to @KazariEX!
• language-core: correct inlay hints for v-bind with modifier (#4721) - Thanks to @KazariEX!
• language-core: transform range of file-md correctly (#4735) - Thanks to @KazariEX!
• language-plugin-pug: should cache proxyed object (#4626) - Thanks to @kermanx!
• language-plugin-pug: compute offset correctly of pug class (#4652) - Thanks to @KazariEX!
• language-service: completion documentations for binding attributes (#4667) - Thanks to @KazariEX!
• language-service: avoid converting internal id of special tags (#4643) - Thanks to @KazariEX!
• language-service: reinstate the completion for modifiers (#4639) - Thanks to @KazariEX!
• language-service: consistent data from provider for sfc completion (#4645) - Thanks to @KazariEX!
• typescript-plugin: unknown request type warning (#4715) - Thanks to @davidmatter!

Refactors

• language-core: extract SFC root tags to separate virtual code
• language-core: removed __hint trick from codegen
• language-core: rewrite a part of confusing codegen code
• language-core: reduce virtual code generated by component tags (#4714)
• language-core: do not wrap template virtual code with function (#4731)
• language-core: write real files to FS for shared global types (#4736)
• component-meta: remove deprecated createComponentMetaCheckerByJsonConfig, createComponentMetaChecker api

Other Changes

• Upgraded Volar from v2.4.0-alpha.18 to v2.4.1:
  • Ensure unopened files are synced to project (#4711) (#4632) - Thanks to @davidmatter!
• ci: integrated pkg.pr.new
• tsc: test all typecheck cases in one tsconfig (#4723)
• tsc: add test for TS-next (#4724)
• tsc: add tests for for #3779, #3820 (#3838) - Thanks to @so1ve!
• vscode: add grammar test (#3861) - Thanks to @so1ve!
• language-service: migrate tests to @volar/test-utils (#4719)
• language-core: add scoped classes renaming case (#4727) - Thanks to @KazariEX!

Please refer to CHANGELOG.md for details.

Sponsors

Special Sponsor
Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
Platinum Sponsors
An approachable, performant and versatile framework for building web user interfaces.			Astro powers the world's fastest websites, client-side web apps, dynamic API endpoints, and everything in-between.
Essential tools for software developers and teams.			Open Source enables Microsoft products and services to bring choice, technology and community to our customers.
Silver Sponsors

Become a sponsor

v2.0.28

Features

• vscode: focus mode ^Insiders (volarjs/insiders#24)
• language-core: Plugin API 2.1
  • Added plugin hooks: getLanguageId, isValidFile, parseSFC2
  • Improve backward compatibility (#4585) - Thanks @zhiyuanzmj
• language-core: support default prop when using __typeProps (#4602) - Thanks @zhiyuanzmj
• language-core: improve nested plugins (#4581) - Thanks @zhiyuanzmj
• language-service: remove v-bind code action (#4601)
• vscode: add empty pattern to codeblock attributes scope (#4590) - Thanks @kermanx

Fixes

• tsc: errors should be thrown instead of being console.log printed
• language-server: observe named pipes changes when server startup (#4292)
• language-core: infer define model type from options type (#4545) - Thanks @davidmatter
• language-core: type-checking not working with hyphen in slot name with JS (#4478) - Thanks @kermanx
• language-core: add type check for v-model without argument (#4598) - Thanks @zhiyuanzmj
• language-service: filter special tags (#4596) - Thanks @so1ve
• typescript-plugin: improve named pipes reliability (#4603)
• language-core: property access is incorrectly identified as compound expression (#4600)
• language-core: fix compatibility of generic component virtual code with TS 5.5 (#4577)
• tsc: TS4082 not reported for functional component (#4569)

Other Changes

• Upgraded Volar from v2.4.0-alpha.15 to v2.4.0-alpha.18:
  • Fix VS Code IntelliSense will be lost in new created files (#4424)
  • Add workspace symbols support in Hybrid Mode (#4595)
  • Add workspace addMissingImports action support in Hybrid Mode (#4586)
• Fix yarn 4 compatibility (#4587)
• Add vue vine to hybrid mode compatible list (#4543) - Thanks @so1ve
• Add global components prop validation test (#4542) - Thanks @davidmatter

Please refer to CHANGELOG.md for details.

Sponsors

Special Sponsor
Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
Platinum Sponsors
An approachable, performant and versatile framework for building web user interfaces.			Astro powers the world's fastest websites, client-side web apps, dynamic API endpoints, and everything in-between.
Essential tools for software developers and teams.			Open Source enables Microsoft products and services to bring choice, technology and community to our customers.
Silver Sponsors

Become a sponsor

v2.0.26

Features

• language-service: Support auto-complete for more preprocessing languages.
• language-core: Improve type compatibility with Vue 3.5. (#4474) - Thanks, @zhiyuanzmj.

Bug Fixes

• vscode: Fix insider version display condition. ^Insiders
• language-service: Fix vue-twoslash-queries not working in LSP mode.
• language-service: Add null handling for script tag completion items. (#4520)
• language-core: Fix any in templates if the first checked file was not root. (#4526) - Thanks, @daniluk4000.

Other Changes

• Upgraded Volar from v2.4.0-alpha.2 to v2.4.0-alpha.15:
  • Fixed an issue where, when Hybrid Mode is disabled, TS support for Vue files not included in tsconfig may be missing.
  • Improved the consistency of vue-tsc and tsc behavior. (#3526)
  • Fixed the --clean flag support for vue-tsc.
• Updated the high-level overview mermaid diagram.
• Added 'expected' and 'actually happening' sections to the bug report template. (#4515) - Thanks, @davidmatter.

Please refer to CHANGELOG.md for details.

Sponsors

Special Sponsor
Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
Platinum Sponsors
An approachable, performant and versatile framework for building web user interfaces.	Astro powers the world's fastest websites, client-side web apps, dynamic API endpoints, and everything in-between.
Essential tools for software developers and teams.	Open Source enables Microsoft products and services to bring choice, technology and community to our customers.
Silver Sponsors

Become a sponsor

v2.0.24

Features

• vscode: pop message box if new insiders version available ^insiders
• vscode: if insiders versions information failed to fetch from GitHub, try to fetch from CDN ^insiders
• language-service: better sfc-level tag name completion (#4506) - Thanks @kermanx

Bug Fixes

• tsc: update required volar version (#4498) - Thanks @davidmatter
• tsc: bump peer typescript version (#4513) - Thanks @so1ve

Refactors

• language-server: reorganize the code structure (#4507)

Other Changes

• Upgrade Volar from v2.3.1 to v2.4.0-alpha.2.
  • Hybrid Mode compatibility improvements with other TS plugins (volarjs/volar.js#216)
• docs: add nvim-cmp integration (#4463) - Thanks @RayGuo-ergou
• docs: update mermaid
• The following extensions have been added to Hybrid Mode’s compatibility whitelist (#4206):
  • p42ai.refactor
  • nrwl.angular-console
  • styled-components.vscode-styled-components
  • Divlo.vscode-styled-jsx-languageserver

Please refer to CHANGELOG.md for details.

Sponsors

Special Sponsor
Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
Platinum Sponsors
An approachable, performant and versatile framework for building web user interfaces.	Astro powers the world's fastest websites, client-side web apps, dynamic API endpoints, and everything in-between.
Essential tools for software developers and teams.	Open Source enables Microsoft products and services to bring choice, technology and community to our customers.
Silver Sponsors

Become a sponsor

v2.0.22

Bug Fixes

• vscode: directive syntax highlighting (#4482) - Thanks @kermanx
• language-core: move declare defineProp out of function scope (#4454) - Thanks @zhiyuanzmj
• language-core: compatible with TS 5.5 (#4492)

Other Changes

• Upgrade Volar from v2.3.0-alpha.14 to v2.3.1.
  • Error tolerant to contentChanges length (#4457)
• Add feature request template (#4490) - Thanks @so1ve
• docs: fix wrong links in CHANGELOG.md (#4475) - Thanks @kermanx

Please refer to CHANGELOG.md for details.

Insiders Program 🚀

This project is community-driven. If you would like to support this project, consider joining the Insiders Program to improve the sustainability of this project and unlock more features.

Sponsors

Special Sponsor
Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
Platinum Sponsors
An approachable, performant and versatile framework for building web user interfaces.	Astro powers the world's fastest websites, client-side web apps, dynamic API endpoints, and everything in-between.
Essential tools for software developers and teams.	Open Source enables Microsoft products and services to bring choice, technology and community to our customers.
Silver Sponsors

Become a sponsor

v2.0.21

Bug Fixes

• fix(typescript-plugin): TS plugin cause type checking broken in .ts files (#4453)

Please refer to CHANGELOG.md for details.

Insiders Program 🚀

This project is community-driven. If you would like to support this project, consider joining the Insiders Program to improve the sustainability of this project and unlock more features.

Sponsors

Special Sponsor
Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
Platinum Sponsors
An approachable, performant and versatile framework for building web user interfaces.	Astro powers the world's fastest websites, client-side web apps, dynamic API endpoints, and everything in-between.
Essential tools for software developers and teams.	Open Source enables Microsoft products and services to bring choice, technology and community to our customers.
Silver Sponsors

Become a sponsor