NewYour coding agent can read the release notes before it upgrades.Set up the MCP server →
npm · #3064 most downloaded on npm
<p> <a href="https://www.npmjs.com/package/@vue/language-core"><img src="https://img.shields.io/npm/v/@vue/language-core.svg?labelColor=18181B&color=1584FC" alt="NPM version"></a> <a href="https://github.com/vuejs/language-tools/blob/master/LICENSE"><
Last release 2 days ago
02 Oct 2026
Ships fairly regularly
a new release about every 2 weeks
Nearly every release is documented
notes for 56 of the last 60 stable releases
1 version withdrawn
withdrawn after publishing
3 years old
148 releases · first in 2023
security: improved handling of untrusted Vue files
defineModel (1be73b8).value (7ad4a94)vueCompilerOptions.plugins now overrides the inherited list instead of being deduplicated on resolve (4fa9e97) (c0e5d2e)Contributors: @johnsoncodehk, @serkodev, @KazariEX, @00200200, @camonunez, @Cherry, @hungateJoseph, @uturnr, @ValentinYoushkevich, @xia-chao
One column per quarter.
fix: generate full fragment props for type checking ( #6155 ) - Thanks to @serkodev !
This project is made possible thanks to our generous sponsors:
Become a sponsor to support Vue tooling development
Contributors: @serkodev, @pierreedbrg
fix: ignore trailing whitespace after generic parameter commas - Thanks to @KazariEX !
v-for item type over generic sources (#6141) - Thanks to @serkodev!typescript.js via --require to support read-only file systems (#6149) - Thanks to @serkodev!This project is made possible thanks to our generous sponsors:
Become a sponsor to support Vue tooling development
v-for item type over generic sources (8e78c5d)typescript.js via --require to support read-only file systems (0c47258)Contributors: @serkodev, @KazariEX, @lazerg
feat: check unused generic type parameters ( #6137 ) - Thanks to @KazariEX !
getProgramAndFile free of side effects (#6136) - Thanks to @seanogdev!typescript-native-bridge (#6129)This project is made possible thanks to our generous sponsors:
Become a sponsor to support Vue tooling development
getProgramAndFile free of side effects (c99eb00)typescript-native-bridge (c4e58ea)Contributors: @KazariEX, @johnsoncodehk, @lazerg, @seanogdev, @valentinpalkovic
feat: support vapor directives ( #6126 ) - Thanks to @liangmiQwQ !
@typescript/typescript6 (#6123) - Thanks to @WaldemarEnns!This project is made possible thanks to our generous sponsors:
Become a sponsor to support Vue tooling development
Boundary.start and drop the unmapped string literal key generation branch (894a2aa) (4e343d4)@typescript/typescript6 (1ef7ecb)Contributors: @KazariEX, @liangmiQwQ, @WaldemarEnns
fix: wrap single expression event handlers to avoid ASI after return ( #6115 ) - Thanks to @KazariEX !
This project is made possible thanks to our generous sponsors:
Become a sponsor to support Vue tooling development
return (b1a8452)__VLS_StyleScopedClasses to generated types (8023ac4)Contributors: @KazariEX, @johnsoncodehk
refactor: centralize code features and deprecate allCodeFeatures - Thanks to @KazariEX !
.d.ts boundary (#6104) - Thanks to @Holiden!WeakMap to cache inline TS ASTs - Thanks to @KazariEX!v-bind parsing behavior - Thanks to @KazariEX!allCodeFeatures - Thanks to @KazariEX!This project is made possible thanks to our generous sponsors:
Become a sponsor to support Vue tooling development
.d.ts boundary (bff182a)v-bind parsing behavior (5b450ce)WeakMap (f69712f) (c82592d)allCodeFeatures (5cdf4da)Contributors: @KazariEX, @Holiden
fix: include event modifiers in duplicate listener checks ( #6097 ) - Thanks to @KazariEX !
This project is made possible thanks to our generous sponsors:
Become a sponsor to support Vue tooling development
fix: only exclude already-set props from inherited attrs when checkRequiredFallthroughAttributes is enabled ( #6088 ) - Thanks to @KazariEX !
checkRequiredFallthroughAttributes is enabled (#6088) - Thanks to @KazariEX!htmlAttributes option (#6089) - Thanks to @KazariEX!This project is made possible thanks to our generous sponsors:
Become a sponsor to support Vue tooling development
htmlAttributes option (3adbe2c)checkRequiredFallthroughAttributes is enabled (9bc36fc)class and style as a boolean property (f80e063)Contributors: @KazariEX, @whysopaul
fix: prevent grammar scopes leakage in capitalized tags ( #6073 ) - Thanks to @KazariEX !
auto-version workflow to prevent injection (#6074) - Thanks to @arpitjain099!This project is made possible thanks to our generous sponsors:
Become a sponsor to support Vue tooling development
auto-version workflow to prevent injection (b51c92d)Contributors: @KazariEX, @arpitjain099
feat: preserve literal types for inline v-for sources ( #6067 ) - Thanks to @kkesidis !
v-for sources (#6067) - Thanks to @kkesidis!v-bind shorthand identifier skipping with interpolation - Thanks to @KazariEX!This project is made possible thanks to our generous sponsors:
Become a sponsor to support Vue tooling development
v-for sources (11b390c)v-bind shorthand identifier skipping with interpolation (4f50ebe)Contributors: @KazariEX, @kkesidis, @suisanka
fix: avoid extraneous children error for conditional slots (#6056) - Thanks to @KazariEX!
<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
Contributors: @KazariEX
Previously, we inferred props used for autocomplete from the component itself's type, which did not work well with components whose props need to be i
Previously, we inferred props used for autocomplete from the component itself's type, which did not work well with components whose props need to be inferred dynamically, such as generics or discriminated unions.
Now, we have improved this feature to better align with TS behavior. See the following example:
<script lang="ts" setup>
defineProps<
| { type: "foo"; foo: string }
| { type: "bar"; bar: string }
>();
</script>
<template>
<Self type="foo" :| />
<!-- ^ [foo, ...] -->
<Self type="bar" :| />
<!-- ^ [bar, ...] -->
</template>
When triggering completions at the two positions above, we will now get the props that are actually available in each corresponding case.
(PR: #5709)
Consider the following structure:
<!-- basic.vue -->
<script lang="ts" setup>
defineProps<{
foo: string;
bar: string;
}>();
</script>
<!-- comp.vue -->
<script lang="ts" setup>
import Basic from "./basic.vue";
</script>
<template>
<Basic />
</template>
When the fallthroughAttributes option is enabled on Comp, Comp inherits all props from Basic, allowing us to get prop completions for Basic when using Comp.
By default, however, the props inherited from Basic are all optional. This means we cannot enforce passing those required props when using Comp. At the same time, even if the required props from Basic are passed to Comp, Basic will still report missing prop errors.
After enabling the new checkRequiredFallthroughAttributes option on Comp, Comp will inherit Basic's props exactly as they are, and the missing prop errors on Basic inside Comp will disappear. This is because doing so is equivalent to promising that these required props should be passed when using Comp. Additionally, if some of the props required by Basic have already been passed directly to Basic, those props will be excluded from the inherited props.
(PR: #6049)
js/ts.tsserver.experimental.enableProjectDiagnostics option is enabled, Vue files in large projects will no longer trigger diagnostics in an infinite loop (PR: #6051)Please refer to CHANGELOG.md for details.
<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
v-if branch fragments when collecting single root nodes (6c13831)Sfc APIs to IR (dc941c7)html.customData (94da05a)="" only for plain boolean props completion edits, and reset to the default data provider after running with the Vue data provider (c224e6a) (55af099)extraFileExtensions in the tsserver configure request payload (818226a)Contributors: @KazariEX, @Bomberus
fix: do not process inline markdown syntax in semantic-aware segments (#6038) - Thanks to @KazariEX!
<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
Contributors: @KazariEX, @TRIS-H
fix: replace inline code blocks after sfc blocks processing (#6024) - Thanks to @KazariEX!
GlobalComponents (#6026) - Thanks to @Gehbt!@import navigation (#6033) - Thanks to @KazariEX!reactive-vscode to v1.0.1 (#6019) - Thanks to @kermanx!<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
GlobalComponents (e3298b6)@import navigation (d1b01ec)Contributors: @KazariEX, @Gehbt
fix: preserve non-ASCII characters in prop default values (#6012) - Thanks to @ef81sp!
<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
Contributors: @ef81sp, @KazariEX
fix: generate $slots type in template correctly with defineSlots (#5984) - Thanks to @KazariEX!
$slots type in template correctly with defineSlots (#5984) - Thanks to @KazariEX!v-for (#5987) - Thanks to @ascott18!<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
$slots type in template correctly with defineSlots (b04ff1a)v-for (ada2857)Contributors: @KazariEX, @ascott18, @ebiryu
fix: re-parse template when interpolation syntax breaks (#5971) - Thanks to @Dsaquel!
plugins option - Thanks to @KazariEX!<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
plugins option (0c4c509) (3ffeab3)Contributors: @baptistejamin, @Dsaquel, @johnsoncodehk, @KazariEX, @liangmiQwQ
feat: place plugin configs under ctx.config and support type annotation via generics (#5944) - Thanks to @KazariEX!
ctx.config and support type annotation via generics (#5944) - Thanks to @KazariEX!<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
ctx.config and support type annotation via generics (b2d5e31)Contributors: @ghiscoding, @KazariEX
feat: support configuration for language plugins (#5678) - Thanks to @KazariEX!
defineModel breaking ast in lang="js" (#5935) - Thanks to @KazariEX!<style> and <script> tags (#5925) - Thanks to @serkodev!<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
defineModel breaking the AST in lang="js" (a522afa)yield* on strings, and use the builtin method from @vue/shared to check builtin directives (0aa74d1) (e40f116)<style> and <script> tags (e76cf2e)Contributors: @KazariEX, @serkodev
fix: correct code features on v-bind shorthands of special attributes - Thanks to @KazariEX!
="" for boolean props completion edits (#5888) - Thanks to @KazariEX!<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
v-bind shorthands of special attributes (a5b6635)="" for boolean props completion edits (f1314ef)Contributors: @KazariEX, @johnsoncodehk
fix: infer array type in v-for (#5896) - Thanks to @serkodev!
v-for (#5896) - Thanks to @serkodev!option is false (#5891) - Thanks to @KazariEX!:xxx (shorthand) when no prefix is typed, instead of both xxx and :xxx<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
option is false (719f1bc)Contributors: @johnsoncodehk, @KazariEX, @serkodev
refactor: deprecate "noDeclarations" and "forceUseTs" options
fast-diff with custom character-by-character alignment algorithm (#5849) (#5851)tags to slots and exposed (#5862) - Thanks to @aj-dev!exposed (#5868) - Thanks to @aj-dev!ts.CompletionEntryData (#5869) - Thanks to @KazariEX!v-for type inference (#5836)v-for key type with Object.keys (#5837) - Thanks to @serkodev!<!-- @strictTemplates --> magic comment (#5845)<script src=""> (#5838)createIfBranch (#5844) - Thanks to @serkodev!ComponentType helper<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
v-for type inference (e0fb9e8)v-for key type with Object.keys (1159f1e)<!-- @strictTemplates --> magic comment (4277ab6)<script src=""> (145ee73)createIfBranch (35e2c5a)tags to slots and exposed (a144b6b)exposed (232665d)ComponentType helper (19a81d4)ts.CompletionEntryData (e768518)fast-diff with custom character-by-character alignment algorithm (704b30a)Contributors: @johnsoncodehk, @serkodev, @aj-dev, @KazariEX
feat(vscode): support multiline attribute for and tag (#5830) - Thanks to @serkodev!
<script> and <style> tag (#5830) - Thanks to @serkodev!preferences and formatOptions in tsserver (#5829)<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
preferences and formatOptions in tsserver (8b9d74c)<script> and <style> tags (3a84ff6)Contributors: @johnsoncodehk, @serkodev
feat(language-core): cache virtual code by scriptId (#5811) - Thanks to @serkodev!
scriptId (#5811) - Thanks to @serkodev!Identifier.text property (#5810)__VLS_Slots generation<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
scriptId (b05c012)__VLS_Slots generation and generate the script separator on demand (9608709) (c65e5a5)Identifier.text property (4a947ef)Contributors: @johnsoncodehk, @serkodev
refactor(component-meta): deprecated rawType and __internal__.tsLs
<script setup> (#5805)createParsedCommandLineByJson parsed incorrect options since v3.1.5 (https://github.com/vuejs/language-tools/pull/5768#issuecomment-3569623037)vue.server.path compatible with Windows (#5772)getVIfNode to support v-else-if directives (#5765) - Thanks to @serkodev!{} instead of its string value for style="..." (#5781) - Thanks to @KazariEX!v-bind="$attrs" loses navigation when inferTemplateDollarAttrs is disabled (#5783)const props = completion in StringLiteral (#5786)$el type for generic components using inferComponentDollarEl (#5794)<script> content generates before <script setup> (#5795)bypassDefineComponent hack for better JS support (#4876) (#5379)Prettify<T> caused generic props gets inferred as unknown (#5667) - Thanks to @so1ve!< as operator in SFC scripts (#5801) - Thanks to @serkodev!isTypeScriptDocument in VSCode for typescript.preferences.autoImportSpecifierExcludeRegexes config support (#5364)vapor attr (#5496):class - Thanks to @KazariEX!debugger from virtual code for tsslint compatibilityref="xxx"rawType and __internal__.tsLs (#5808)createResolveModuleName (https://github.com/volarjs/volar.js/pull/293) (#5644) - Thanks to @serkodev!<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
Prettify<T> caused generic props to be inferred as unknown (adeba0a)$el type for generic components using inferComponentDollarEl (54a19d4)<script> content generates before <script setup>, and generate __VLS_TypePropsToOption on demand (15c3005) (2f2352d)v-bind="$attrs" navigation when inferTemplateDollarAttrs is disabled (d747456){} instead of its string value for style="..." (97c239d)bypassDefineComponent hack for better JS support (14f63fd)vapor attr (b2ebfe0)__VLS_unref helper (748a658) (05dd36a)const props = completion in StringLiteral (4a16e57)rawType and __internal__.tsLs fields (487dc29)<script setup> (732cb86)ts.CompletionEntryData (e768518)__VLS_components (b6254ec)isTypeScriptDocument for VSCode (0c80460)< as an operator in SFC scripts (1ab9928)Contributors: @johnsoncodehk, @serkodev, @KazariEX, @RayGuo-ergou
feat(language-service): support tsconfig path alias resolution for document links (#5562) - Thanks to @KazariEX!
serverInfo to initialized result (#5767) - Thanks to @kada49!template (#5755) - Thanks to @serkodev and @KazariEX!vue-tsc crash during single file checks (#5768) - Thanks to @KazariEX!<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
defineModel for generic component types (5d841f4)vue-tsc crash during single file checks (11a448c)v-bind shorthand, and remove special codegen logic for the style attribute (26b464f) (41f1ffc)serverInfo to the initialized result (0b8a880)template (d937a84)Contributors: @KazariEX, @serkodev, @kada49
fix(language-service): prevent auto-insertion of html snippets in template interpolation (#5744) - Thanks to @serkodev!
@ts-expect-error directive on components with loose props checks (#5750) - Thanks to @serkodev and @KazariEX!v-else (#5753) - Thanks to @serkodev and @KazariEX!<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
@vue-expect-error directive on components with loose props checks, including in v-else branches (6646704) (f66d3d1)v-else (2abec30)Contributors: @serkodev, @johnsoncodehk, @KazariEX
> We removed the builtin support for skipping declaration files when triggering Go to Definition on auto imported components in template. Please use h
[!warning] We removed the builtin support for skipping declaration files when triggering Go to Definition on auto imported components in template. Please use https://github.com/KazariEX/dxup/tree/main/packages/unimport instead.
<template> (#5734) - Thanks to @KazariEX!lang="html" (#5728) - Thanks to @serkodev!<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
__VLS_elements into global types and rename it to __VLS_intrinsics (9a2857e) (50a00f6)<template> (1e7fe05)lang="html" (84f0aa5)Contributors: @KazariEX, @serkodev
fix(component-meta): import type helpers by relative path
propTypes has no elements (#5704) - Thanks to @so1ve!vue-tsc broken link to example boilerplate in README.md (#5721) - Thanks to @heyakyra!<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
propTypes has no elements (426f8d5)vue-tsc broken link to the example boilerplate in README.md (fd05a1c)Contributors: @RayGuo-ergou, @heyakyra, @johnsoncodehk
fix(component-type-helpers): remove deprecated $scopedSlots support for Vue 2
--tsdk command line arg (#5691)Ref by RefSymbol property (#5687) - Thanks to @KazariEX!__vue__ in project instead of program (#5690)$scopedSlots support for Vue 2__VLS_export (#5696) - Thanks to @KazariEX!writeGlobalTypes without side effects<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
__VLS_export, and replace markdown links after SFC block processing (52a6fc4) (9835ea7)writeGlobalTypes without side effects (335eca3) (c99b0ab)--tsdk command line arg (77430b1)$scopedSlots support for Vue 2 (7f65ebb)Ref by the RefSymbol property (49aa565)__vue__ in the project instead of the program (7a75463)Contributors: @KazariEX, @johnsoncodehk
> Vue 2 and vue-class-component support has been removed, please refer to Discussion #5455 for detail.
[!IMPORTANT]
Vue 2 andvue-class-componentsupport has been removed, please refer to <a href="https://github.com/vuejs/language-tools/discussions/5455" target="_blank">Discussion #5455</a> for detail.
Also, thanks to the motivating launch of Vue ECharts v8!
<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
Contributors: @KazariEX, @johnsoncodehk
Nothing published for this version
Nothing published for this version
fix: place __vue__ in project instead of program
__vue__ in project instead of program (7a75463)Contributors: @johnsoncodehk
feat: support --tsdk command line arg
feat(vscode): introduce vue.server.path setting
vue.server.path setting (#5647)VueVirtualCode in constructor (#5635) - Thanks to @KazariEX!typescriptServerPlugin languages without FS hackfile scheme files (#5653) - Thanks to @KazariEX!Please refer to CHANGELOG.md for details.
<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
VueVirtualCode in the constructor (9bfbfcc)file scheme files (f7bdeaa)vue.server.path setting (b274db2)typescriptServerPlugin languages without an FS hack (a40c6d8)Contributors: @johnsoncodehk, @KazariEX
fix(vscode): show welcome page only when opening a Vue file
@typescript-eslint/no-unnecessary-condition (#5630)Please refer to CHANGELOG.md for details.
<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
responseRequired in custom requests (72a400e)Contributors: @johnsoncodehk, @KazariEX
Nothing published for this version
Nothing published for this version
fix(language-core): wrap :class expression with parens - Thanks to @KazariEX!
:class expression with parens - Thanks to @KazariEX!target option (#5583) - Thanks to @gxres042!vue-component-type-helpers to lib/helpers (#5600)configFileName default value (#5606)js/ts.hover.maximumLength and typescript.experimental.expandableHover (#5577)exclude config suggestion from global types error message (#5579) - Thanks to @Ciallo-Chiakivue-component-type-helpers to current version (#5589) - Thanks to @kingyue737!Please refer to CHANGELOG.md for details.
<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
:class expression with parens (bfdbaf0)vueCompilerOptions (b3a39de)configFileName default value (56f1267)vue-component-type-helpers to lib/helpers (c211f3e)target option (b6aad73)eqeqeq rule (4488f64)Contributors: @johnsoncodehk, @KazariEX, @gxres042
feat(language-core): introduce compileSFCStyle to provide style related infomation (#5548) - Thanks to @KazariEX!
compileSFCStyle to provide style related infomation (#5548) - Thanks to @KazariEX!v-for (#5553) - Thanks to @KazariEX!modelModifiers for explicitly declared default model name (#5558) - Thanks to @KazariEX!.value insertionclass scope fallback for component semantic tokens (#5559) - Thanks to @KazariEX!globalTypesPath for FS filesrestartExtensionHostPlease refer to CHANGELOG.md for details.
<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
compileSFCStyle to provide style related information (4718cc2)modelModifiers for an explicitly declared default model name (0e0ffd9)$event, and simplify event codegen (eea37a7) (12b863e)v-for (5084123).value insertion (3e6393b)globalTypesPath for FS files (d407159)restartExtensionHost (fba08b3)class scope fallback for component semantic tokens (dff519a)Contributors: @KazariEX, @johnsoncodehk
feat(language-service): check casing when dropping component into template - Thanks to @KazariEX!
skipTemplateCodegen when exposing $slots - Thanks to @KazariEX!checkUnknownEvents and checkUnknownComponents in sfc (#5537) - Thanks to @KazariEX!Please refer to CHANGELOG.md for details.
<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
skipTemplateCodegen when exposing $slots (7953154)Contributors: @KazariEX, @Akryum
fix(language-core): find node_modules based on file's directory (#5525) - Thanks to @KazariEX!
node_modules based on file's directory (#5525) - Thanks to @KazariEX!Please refer to CHANGELOG.md for details.
<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
node_modules based on the file's directory (4df0f6a)runTsc (e1095ed)Contributors: @KazariEX, @escaton, @johnsoncodehk
feat(language-core): introduce globalTypesPath option for non-npm like environment (#5505) - Thanks to @KazariEX!
globalTypesPath option for non-npm like environment (#5505) - Thanks to @KazariEX!/ or ) - Thanks to @KazariEX!colorizedBracketPairs config for plaintext<component> without is prop as normal component - Thanks to @KazariEX!@vue/typescript-plugin last (#5483)name value of <slot> - Thanks to @KazariEX!allowJs to reactivity analyze host - Thanks to @KazariEX!md for markdown (#5497) - Thanks to @KazariEX!module from template completion - Thanks to @KazariEX!minimatch to picomatch (#5499) - Thanks to @KazariEX!.d.${ext}.ts file exists (volarjs/volar.js#277)Please refer to CHANGELOG.md for details.
<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
globalTypesPath option for non-npm like environments (9ad6714)<component> without an is prop as a normal component (028f573)name value of <slot> (ed487f6)md for markdown (0d5c7eb)allowJs to the reactivity analyze host (5ee3ef6)module from template completion (7462fa9)/ or ) (68d98dc)colorizedBracketPairs config for plaintext (3000a93)@vue/typescript-plugin last (34b5dd2)useWebviewPanel (5b47f4f)Contributors: @KazariEX, @johnsoncodehk
fix(language-core): remove calculation logic of element inner loc (#5460) - Thanks to @KazariEX!
v-else (#5470) - Thanks to @KazariEX!getModeForUsageLocation to calculate the resolution modePlease refer to CHANGELOG.md for details.
<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
v-else (2536006)Contributors: @KazariEX, @AndreyYolkin, @johnsoncodehk
> Deprecation Notice: Dropping Vue 2 and vue-class-component Support in v3.1: #5455
[!IMPORTANT]
Deprecation Notice: Dropping Vue 2 and vue-class-component Support in v3.1: #5455
[!TIP]
Language Server Upgrade guide for non-vscode editors: #5456
sortImports and removeUnusedImports commands. (PR: #5444)(PR: #5330, #5340, #5404)
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)Some settings have new names:
vue.complete.casing.props → vue.suggest.propNameCasingvue.complete.casing.tags → vue.suggest.componentNameCasingvue.complete.defineAssignment → vue.suggest.defineAssignmentPlease 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!
<p align="center">This project is made possible thanks to our generous sponsors:</p>
<table> <tbody> <tr> <td align="center" valign="middle" colspan="6"> <b>Special Sponsor</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <br> <a href="https://voidzero.dev/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/VoidZero.svg" height="60" /> </a> <h3>Next Generation Tooling</h3> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Platinum Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="50%" colspan="3"> <a href="https://vuejs.org/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Vue.svg" height="80" /> </a> <p>An approachable, performant and versatile framework for building web user interfaces.</p> </td> <td align="center" valign="middle" width="50%" colspan="6"> <a href="https://stackblitz.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/StackBlitz.svg" width="240" /> </a> <p>Stay in the flow with instant dev experiences.<br>No more hours stashing/pulling/installing locally</p> <p><b> — just click, and start coding.</b></p> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Gold Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <a href="https://www.jetbrains.com/"> <img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/JetBrains.svg" width="80" /> </a> </td> </tr> <tr> <td align="center" valign="middle" colspan="6"> <b>Silver Sponsors</b> </td> </tr> <tr> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> <a href="https://www.prefect.io/"><img src="https://raw.githubusercontent.com/johnsoncodehk/sponsors/master/logos/Prefect.svg" width="200" /></a> </td> <td align="center" valign="middle" width="33.3%" colspan="2"> </td> </tr> </tbody> </table>
<p align="center"> <a href="https://github.com/sponsors/johnsoncodehk" target="_blank">Become a sponsor</a> to support Vue tooling development </p>
strictVModel, strictCssModules and globalTypesPath options (1b74d13) (48b7d52)v-on syntax, and document links for template refs (638b949) (7c2618e)src paths and useCssModule/useTemplateRef code features (59be4fd) (32c3f28) (28308b4) (9b750ed)var for the hoisted attrsVar (1d5883e) (9602589)undefined from optional prop types with default in templates and Prettify<T> generic inferencing (7c53715)defineProp support (14ec3d8)data- attribute completion from SFC level nodes (1b25cb6) (c23b332)ComponentAttrs type for attribute extraction (221c641)typescript.sortImports and typescript.removeUnusedImports commands (59f8126)zh-CN, zh-TW, ru and ja (cecf83c)typescript-language-features module loading race condition (32c9336)complete to suggest for clarity (d494495)Contributors: @KazariEX, @johnsoncodehk, @alex-snezhko, @Dylancyclone, @RayGuo-ergou, @violet-miku, @zhiyuanzmj
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Your coding agent can read these notes before it upgrades. Set up the MCP server →