Bug Fixes

• fix(language-core): find node_modules based on file's directory (#5525) - Thanks to @KazariEX!
• fix(language-core): do not spread exposed object (#5526) - Thanks to @KazariEX!
• fix(vscode): prompt manual reload in remote envs (#5530)

Other Changes

• refactor(tsc): return the result of runTsc (#5517) - Thanks to @escaton!

Please refer to CHANGELOG.md for details.

❤️ Thanks to Our Sponsors

This project is made possible thanks to our generous sponsors:

Special Sponsor
Next Generation Tooling
Platinum Sponsors
An approachable, performant and versatile framework for building web user interfaces.			Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
Gold Sponsors
Silver Sponsors

Become a sponsor to support Vue tooling development

Features

• feat(language-core): introduce globalTypesPath option for non-npm like environment (#5505) - Thanks to @KazariEX!
• feat: forward tsserver's semantic tokens via language server (#5512) - Thanks to @KazariEX!

Bug Fixes

• fix(vscode): correct syntax highlight of control directives ending with / or ) - Thanks to @KazariEX!
• fix(language-core): infer parameter type of union slots to be union instead of intersection (#5475) - Thanks to @KazariEX!
• fix(vscode): remove colorizedBracketPairs config for plaintext
• fix(language-core): avoid early access to local types to skip unnecessary type generation - Thanks to @KazariEX!
• fix(language-core): treat <component> without is prop as normal component - Thanks to @KazariEX!
• fix(vscode): make sure tsserver loads @vue/typescript-plugin last (#5483)
• fix(language-core): only keep navigation code feature on static name value of <slot> - Thanks to @KazariEX!
• fix(language-server): add allowJs to reactivity analyze host - Thanks to @KazariEX!
• fix(language-core): do not set template lang to md for markdown (#5497) - Thanks to @KazariEX!
• fix(typescript-plugin): exclude items of kind module from template completion - Thanks to @KazariEX!
• fix(language-core): walk identifiers correctly within type nodes in interpolation (#5501) - Thanks to @KazariEX!
• fix(language-service): correct position calculation of twoslash queries (#5503) - Thanks to @KazariEX!
• fix(language-core): avoid redundant increment of block variable depth (#5511) - Thanks to @KazariEX!
• fix(language-service): re-implement twoslash queries in script - Thanks to @KazariEX!

Other Changes

• refactor(vscode): make welcome page code public - Thanks to @KazariEX!
• refactor(vscode): add premium feature settings
• chore: migrate from minimatch to picomatch (#5499) - Thanks to @KazariEX!
• chore: update volar to 2.4.19
  • fix(typescript): skip source file search when .d.${ext}.ts file exists (volarjs/volar.js#277)
• revert: type support of slot children (#5137) (#5514) - Thanks to @KazariEX!

Please refer to CHANGELOG.md for details.

❤️ Thanks to Our Sponsors

This project is made possible thanks to our generous sponsors:

Special Sponsor
Next Generation Tooling
Platinum Sponsors
An approachable, performant and versatile framework for building web user interfaces.			Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
Gold Sponsors
Silver Sponsors

Become a sponsor to support Vue tooling development

Bug Fixes

• fix(language-core): remove calculation logic of element inner loc (#5460) - Thanks to @KazariEX!
• fix(vscode): correct syntax highlight of v-else (#5470) - Thanks to @KazariEX!

Other Changes

• docs(vscode): update Russian translation for VS Code extension (#5461) - Thanks to @AndreyYolkin!
• chore(vscode): add error message for incompatible extensions
• chore: update volar to 2.4.17
  • typescript: correctly use getModeForUsageLocation to calculate the resolution mode

Please refer to CHANGELOG.md for details.

❤️ Thanks to Our Sponsors

This project is made possible thanks to our generous sponsors:

Special Sponsor
Next Generation Tooling
Platinum Sponsors
An approachable, performant and versatile framework for building web user interfaces.			Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
Gold Sponsors
Silver Sponsors

Become a sponsor to support Vue tooling development

Stability Improvements

• Hybrid Mode Always On: Now always enabled to make the system simpler and more reliable. (PR: #5248)
• Better Connection: Improved how Vue talks to TypeScript server, making it more stable. (PR: #5252, #5395, #5443)
• Version Matching: Vue language server now requires specific Volar versions to work the same in all editors. (PR: #5345)
• Fixed Startup Issue: Solved problems when both TypeScript and Vue extensions start together. (PR: #5260)

UX & DX Improvements

Navigation & Tooling

• Global components now jump to their source files rather than type definitions. (PR: #5221)
• Added support for TypeScript's sortImports and removeUnusedImports commands. (PR: #5444)
• Implemented template refs document linking. (PR: #5385)

Localization Support

• VSCode extension added multilingual support for:
  • Chinese (Simplified/Traditional)
  • Russian
  • Japanese

(PR: #5330, #5340, #5404)

Streamlined UI

• v3 does not have any status bar items
  

Compiler Options Updates

New TSConfig options:

• strictSlotChildren: Strict type constraints of slot children. (PR: #5137)
• strictVModel: Strict type constraints of v-model. (PR: #5229)
• strictCssModules: Strict type checking of CSS modules. (PR: #5164)
• resolveStyleImports: Specifies whether to generate type imports for external CSS files by <style src=\"...\"> or @import \"...\". (PR: #5136)

Renamed Settings

Some settings have new names:

• vue.complete.casing.props → vue.suggest.propNameCasing
• vue.complete.casing.tags → vue.suggest.componentNameCasing
• vue.complete.defineAssignment → vue.suggest.defineAssignment

Details

Please refer to CHANGELOG.md for details.

Thanks to @johnsoncodehk, @KazariEX, @alex-snezhko, @PurplePlanen, @zyoshoka, @Dylancyclone, @tomblachut, @brc-dd, @zhiyuanzmj, @Akryum, @so1ve, @kshksdrt, @marktlinn, @lukashass, @menuRivera, @RayGuo-ergou!

❤️ Thanks to Our Sponsors

This project is made possible thanks to our generous sponsors:

Special Sponsor
Next Generation Tooling
Platinum Sponsors
An approachable, performant and versatile framework for building web user interfaces.			Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
Gold Sponsors
Silver Sponsors

Become a sponsor to support Vue tooling development

Bug Fixes

• revert "fix(language-core): validate v-model variable against model type"

Please refer to CHANGELOG.md for details.

Sponsors

Special Sponsor
Next Generation Tooling
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.			Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
Silver Sponsors

Become a sponsor

Features

• feat(language-core): infer prop JSDoc from defineModel's leading comments (#5211) - Thanks to @KazariEX!

Bug Fixes

• fix(language-core): map camelized prop name correctly (#5207) - Thanks to @KazariEX!
• fix(component-meta): resolve defineModel options to collect default value (#5209) - Thanks to @KazariEX!
• fix(language-core): avoid duplicate generation of defineExpose's codes - Thanks to @KazariEX!
• fix(language-core): generate camelized prop name for defineModel (#5213) - Thanks to @KazariEX!
• fix(language-core): validate v-model variable against model type (#5214) - Thanks to @KazariEX!
• fix(language-core): use keywords instead of semicolons to separate script sections (#5217) - Thanks to @KazariEX!

Other Changes

• ci: auto close issues with can't reproduce label - Thanks to @KazariEX!
• refactor(language-core): defer the calculation of linkedCodeMappings offsets (#5220) - Thanks to @KazariEX!

Please refer to CHANGELOG.md for details.

Sponsors

Special Sponsor
Next Generation Tooling
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.			Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
Silver Sponsors

Become a sponsor

Features

• feat(language-service): map sfc compiler errors outside the template inner content (#5045) - Thanks to @KazariEX!
• feat(language-core): introduce options to control type inference of $attrs, $el, $refs and $slots (#5135) - Thanks to @KazariEX!
• feat(language-core): enhance single root nodes collection (#4819) - Thanks to @KazariEX!

Bug Fixes

• fix(language-core): move generateSfcBlockSection to the end to fix missing comma errors (#5184) - Thanks to @zhiyuanzmj!
• fix(language-core): handle edge case of default slot name mismatch - Thanks to @KazariEX!
• fix(language-core): combine dollar variable keys from the upper level interface - Thanks to @KazariEX!
• fix(language-core): hoist the variables that may cause TS4081 (#5192) - Thanks to @KazariEX!
• fix(language-core): adjust regex match for @vue-generic to improve offset calculation (#5193) - Thanks to @Gehbt!
• fix(language-core): correct codegen of native element refs - Thanks to @KazariEX!
• fix(language-core): ignore latex block content (#5151) - Thanks to @KazariEX!
• fix(language-core): do not emit undefined for model with default value (#5198) - Thanks to @RylanBueckert-Broadsign!
• fix(language-service): typescript-semantic renaming first in style blocks (#4685) - Thanks to @KazariEX!
• fix(typescript-plugin): prevent removed components from appearing in the completion list - Thanks to @KazariEX!

Other Changes

• refactor(language-core): drop invalid v-scope implemention - Thanks to @KazariEX!
• refactor(language-core): improve type declaration of v-for - Thanks to @KazariEX!
• test: enable declaration to track more errors - Thanks to @KazariEX!
• refactor(language-core): remove semantic highlight of style module names - Thanks to @KazariEX!
• chore(language-core): add docs for @vue-expect-error support (#5176) - Thanks to @machty!
• ci: upload extension as artifact for each commit - Thanks to @KazariEX!

Please refer to CHANGELOG.md for details.

Sponsors

Special Sponsor
Next Generation Tooling
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.			Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
Silver Sponsors

Become a sponsor

Features

• feat(language-core): navigation support for $attrs, $slots, $refs and $el in the template (#5056) - Thanks to @KazariEX!
• feat(language-service): support global directives completion (#4989) - Thanks to @KazariEX!
• feat(language-core): type support of useAttrs (#5106) - Thanks to @KazariEX!
• feat(language-core): add options for fine-grained configuration of strictTemplates (#5138)
• feat(language-service): display deprecated info of props in completion (#5134) - Thanks to @KazariEX!
• feat(component-meta): collect destructured props defaults (#5101) - Thanks to @Akryum!
• feat(language-core): add checkUnknownDirectives option (#5141) - Thanks to @KazariEX!
• feat(language-core): support <script vapor> - Thanks to @KazariEX!

Bug Fixes

• fix(language-core): ignore ts errors in function-scoped declare expressions (#5090) - Thanks to @zhiyuanzmj!
• fix(language-core, typescript-plugin): handle self-reference component correctly (#5102) - Thanks to @KazariEX!
• fix(language-core): do not generate element for <template> with v-slot (#5077) - Thanks to @KazariEX!
• fix(language-service): set code action kinds to avoid warning (#5096) - Thanks to @KazariEX!
• fix(language-core): handle parentheses in v-for exp
• fix(language-core): slot exp formatting virtual code syntax incorrect
• fix(language-core): arrow function formatting virtual code syntax incorrect in interpolation
• fix(language-core): improve multiple lines event formatting result
• fix(language-core): prefer loc.source instead of node content
• fix(language-core): intersect local $attrs with __VLS_ctx.$attrs (#5113) - Thanks to @KazariEX!
• fix(language-core): only generate model modifiers for components - Thanks to @KazariEX!
• fix(language-plugin-pug): ignore duplicate attribute error of class (#5100) - Thanks to @KazariEX!
• fix(language-core): align types of v-for with core (#5084) - Thanks to @KazariEX!
• fix(language-core): map interpolation error with multiple variables correctly (#5158) - Thanks to @KazariEX!
• fix(vscode): ask user to reload extension host when configuration changes (#5160) - Thanks to @typed-sigterm!
• fix(typescript-plugin): update component names correctly for the first time - Thanks to @KazariEX!
• fix(language-core): add undefined to first param type of optional model emits (#5171) - Thanks to @KazariEX!
• fix(language-core): intersect __VLS_slots with __VLS_ctx.$slots (#5083) - Thanks to @KazariEX!
• fix(language-core): complete codegen of slot name prop (#5139) - Thanks to @KazariEX!

Other Changes

• refactor(language-service): read ast from codegen instead of parsing it repeatedly (#5086) - Thanks to @KazariEX!
• refactor(language-core): rewrite vueCompilerOptions resolution logic
• refactor(component-meta): read scriptSetupRanges from codegen - Thanks to @KazariEX!
• refactor(component-meta): read node directly instead of creating sub ast - Thanks to @KazariEX!
• refactor(component-meta): read ast from sfc.script - Thanks to @KazariEX!
• refactor(language-core): generate the type of slots with function property (#5173) - Thanks to @KazariEX!
• refactor(language-core): reduce codegen size of template returns - Thanks to @KazariEX!
• refactor(language-core): remove semantic highlight of directives - Thanks to @KazariEX!
• refactor: update alien-signals to 1.0.3 (#5181) - Thanks to @KazariEX!

Please refer to CHANGELOG.md for details.

Sponsors

Special Sponsor
Next Generation Tooling
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.			Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
Silver Sponsors

Become a sponsor

Features

• feat(language-core): support @vue-generic (#4971) - Thanks to @KazariEX!
• feat(vscode): add configuration for skipping automatic detection of Hybrid Mode (#5046) - Thanks to @KazariEX!
• feat(language-service): crawl html data of data-allow-mismatch - Thanks to @KazariEX!
• feat(language-core): type support of $attrs (#5076) - Thanks to @KazariEX!
• feat(language-core): type support of useSlots and $slots (#5055) - Thanks to @KazariEX!
• feat(language-core): type support of v-model modifiers (#5061) - Thanks to @KazariEX!
• feat(language-service): process references data at runtime to reduce bundle size (#5054) - Thanks to @KazariEX!
• feat(language-core): support the use of sfc root comment to configure vueCompilerOptions (#4987) - Thanks to @KazariEX!
• feat(vscode): add timeout logic for insiders fetching (#5048) - Thanks to @KazariEX!
• feat(vscode): add examples to inlay hints configuration (#5068) - Thanks to @KazariEX!

Performance

• perf(typescript-plugin): use named pipe servers more efficiently (#5070)

Bug Fixes

• fix(language-core): generate script setup starting from last leading comment without @ts-check - Thanks to @KazariEX!
• fix(language-core): make model modifiers optional (#4978) - Thanks to @stafyniaksacha!
• fix(language-core): always report missing props on <slot> (#4982) - Thanks to @KazariEX!
• fix(language-core): avoid unchecked index access when parsing defineEmits (#5028) - Thanks to @KazariEX!
• fix(language-service): handle text edit of special closing tags completion correctly (#5016) - Thanks to @KazariEX!
• fix(language-core): don't generate variable access of template refs using useTemplateRef (#5032) - Thanks to @KazariEX!
• fix(vscode): update enabledHybridMode before activate extension (#5019) - Thanks to @nieyuyao!
• fix(tsc): point to shimmed tsc entry point to support ts 5.7 (#5020) - Thanks to @davidmatter!
• fix(vscode): add GitHub.copilot-chat to hybrid mode compatible list (#5047) - Thanks to @KazariEX!
• fix(language-core): generate generics normally when useTemplateRef has no parameters (#5051) - Thanks to @KazariEX!
• fix(language-core): avoid clipping prop name using .prop or .attr on v-model - Thanks to @KazariEX!
• fix(language-core): handle named default import of components correctly (#5066) - Thanks to @KazariEX!
• fix(language-core): disable navigation feature on non-binding prop values (#5040) - Thanks to @KazariEX!
• fix(language-core): do not generate useTemplateRef parameter repeatedly (#5009)
• fix(language-core): generate macros after script setup content (#5071) - Thanks to @KazariEX!
• fix(language-core): correct type and completion support of vue: event (#4969) - Thanks to @KazariEX!
• fix(language-core): prevent visiting functional components for parseScriptSetupRanges (#5049) - Thanks to @zhiyuanzmj!
• fix(language-service): don't provide modifier completion for @ and : (#5052) - Thanks to @KazariEX!
• fix(language-core): consistent interpolation behavior of shorthand binding (#4975) - Thanks to @KazariEX!
• fix(language-core): resolve components with various name cases correctly (#5067) - Thanks to @KazariEX!
• fix(language-core): map v-slot correctly to report error when missing default slot - Thanks to @KazariEX!
• fix(language-core): map component loc to instance variable for verification - Thanks to @KazariEX!

Other Changes

• refactor: improve code consistency (#4976) - Thanks to @KazariEX!
• docs: update nvim guide (#4984) - Thanks to @zeromask1337!
• docs: fix broken marketplace page (#5004) - Thanks to @rioj7!
• chore: upgrade reactive-vscode to v0.2.7 (#4997) - Thanks to @kermanx!
• refactor(language-service): consistent style of source and virtual code operation (#5053) - Thanks to @KazariEX!
• refactor(language-core): remove unnecessary linked code mappings of defineProp (#5058) - Thanks to @KazariEX!
• refactor(language-core): simplify current component info passing (#5078) - Thanks to @KazariEX!
• Upgraded Volar from v2.4.8 to v2.4.11:
  • fix(typescript): avoid crash when converting relatedInformation from overly large files
  • fix(typescript): fix interactive refactors (volarjs/volar.js#244) - Thanks to @andrewbranch!
  • fix(typescript): should not suppressing getLanguageId crashes (volarjs/volar.js#253)
  • fix(typescript): force update the opened script snapshot after the language plugin is ready (volarjs/volar.js#254)
  • feat(typescript): add typescriptObject option to runTsc (volarjs/volar.js#245) - Thanks to @zhiyuanzmj!
  • fix(typescript): fix issue with transpiled TypeScript files not being registered with a project at all (volarjs/volar.js#250) - Thanks to @piotrtomiak!
  • docs(source-map): updated API section based on #207 (volarjs/volar.js#248) - Thanks to @alamhubb!
  • fix(typescript): resolve the shim used for tsc in Typescript v5.7 and up (#252) - Thanks to @kitsune7!

Please refer to CHANGELOG.md for details.

Sponsors

Special Sponsor
Next Generation Tooling
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.			Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
Silver Sponsors

Become a sponsor

🥚

Features

• language-service: auto insert const props = with props completion (#4942) - Thanks to @KazariEX!

Bug Fixes

• language-core: revert #4902
• language-core: inject as assertion of useCssModule into correct location (#4952) - Thanks to @KazariEX!
• language-core: hold prev track id correctly (#4961) - Thanks to @KazariEX!
• language-core: generate style modules type as needed (#4953) - Thanks to @KazariEX!
• language-core: reference global types file with relative path (#4966)

Refactors

• vscode: rewrite with Reactive VSCode (#4945) - Thanks to @KazariEX, @kermanx!

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