From c9a2174635593c0230aa3b675fe55264d13128b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B1=B1=E5=90=B9=E8=89=B2=E5=BE=A1=E5=AE=88?=
 <85992002+KazariEX@users.noreply.github.com>
Date: Sat, 21 Dec 2024 04:38:58 +0800
Subject: [PATCH] feat(vscode): add examples to inlay hints configuration
 (#5068)

---
 .gitignore                              |   1 -
 extensions/vscode/README.md             |  16 +-
 extensions/vscode/package.json          |  14 +-
 extensions/vscode/src/generated-meta.ts | 615 ++++++++++++++++++++++++
 pnpm-lock.yaml                          |  18 -
 tsslint.config.ts                       |   1 -
 6 files changed, 629 insertions(+), 36 deletions(-)
 create mode 100644 extensions/vscode/src/generated-meta.ts

diff --git a/.gitignore b/.gitignore
index 7b42626d66..433b140dac 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,7 +6,6 @@ node_modules
 .vscode-test-web
 extensions/*/meta.json
 extensions/*/stats.html
-extensions/vscode/src/generated-meta.ts
 
 packages/*/*.d.ts
 packages/*/*.js
diff --git a/extensions/vscode/README.md b/extensions/vscode/README.md
index 0271f714fe..6dbe71267a 100644
--- a/extensions/vscode/README.md
+++ b/extensions/vscode/README.md
@@ -259,13 +259,13 @@ Finally you need to make VS Code recognize your new extension and automatically
 
 <!-- commands -->
 
-| Command                        | Title                                                  |
-| ------------------------------ | ------------------------------------------------------ |
-| `vue.action.restartServer`     | Vue: Restart Vue and TS servers                        |
-| `vue.action.doctor`            | Vue: Doctor                                            |
-| `vue.action.writeVirtualFiles` | Vue (Debug): Write Virtual Files                       |
-| `vue.action.splitEditors`      | Vue: Split &lt;script&gt;, <template>, <style> Editors |
-| `vue.findAllFileReferences`    | Vue: Find File References via Vue Language Server      |
+| Command                        | Title                                                   |
+| ------------------------------ | ------------------------------------------------------- |
+| `vue.action.restartServer`     | Vue: Restart Vue and TS servers                         |
+| `vue.action.doctor`            | Vue: Doctor                                             |
+| `vue.action.writeVirtualFiles` | Vue (Debug): Write Virtual Files                        |
+| `vue.action.splitEditors`      | Vue: Split `<script>`, `<template>`, `<style>` Editors  |
+| `vue.findAllFileReferences`    | Vue: Find File References via Vue Language Server       |
 
 <!-- commands -->
 
@@ -292,7 +292,7 @@ Finally you need to make VS Code recognize your new extension and automatically
 | `vue.complete.casing.props`           | Preferred attr name case.                                                                                                                                          | `string`         | `"autoKebab"`                       |
 | `vue.complete.defineAssignment`       | Auto add `const props = ` before `defineProps` when selecting the completion item `props`. (also `emit` and `slots`)                                               | `boolean`        | `true`                              |
 | `vue.autoInsert.dotValue`             | Auto-complete Ref value with `.value`.                                                                                                                             | `boolean`        | `false`                             |
-| `vue.autoInsert.bracketSpacing`       | Auto add space between double curly brackets: {{&vert;}} -&gt; {{ | }}                                                                                             | `boolean`        | `true`                              |
+| `vue.autoInsert.bracketSpacing`       | Auto add space between double curly brackets: <code>{{&vert;}}</code> -> <code>{{ &vert; }}</code>                                                                 | `boolean`        | `true`                              |
 | `vue.inlayHints.destructuredProps`    | Show inlay hints for destructured props.                                                                                                                           | `boolean`        | `false`                             |
 | `vue.inlayHints.missingProps`         | Show inlay hints for missing required props.                                                                                                                       | `boolean`        | `false`                             |
 | `vue.inlayHints.inlineHandlerLeading` | Show inlay hints for event argument in inline handlers.                                                                                                            | `boolean`        | `false`                             |
diff --git a/extensions/vscode/package.json b/extensions/vscode/package.json
index 510653134d..02176e0cf4 100644
--- a/extensions/vscode/package.json
+++ b/extensions/vscode/package.json
@@ -402,27 +402,27 @@
 				"vue.inlayHints.destructuredProps": {
 					"type": "boolean",
 					"default": false,
-					"description": "Show inlay hints for destructured props."
+					"markdownDescription": "Show inlay hints for destructured props:\n\n```ts\nwatch(() => /* props. */foo, () => { ... });\n```"
 				},
 				"vue.inlayHints.missingProps": {
 					"type": "boolean",
 					"default": false,
-					"description": "Show inlay hints for missing required props."
+					"markdownDescription": "Show inlay hints for missing required props:\n\n```html\n<Comp />\n<!-- ^ foo! -->\n```"
 				},
 				"vue.inlayHints.inlineHandlerLeading": {
 					"type": "boolean",
 					"default": false,
-					"description": "Show inlay hints for event argument in inline handlers."
+					"markdownDescription": "Show inlay hints for event argument in inline handlers:\n\n```html\n<Comp @foo=\"/* $event => */console.log($event)\" />\n```"
 				},
 				"vue.inlayHints.optionsWrapper": {
 					"type": "boolean",
 					"default": false,
-					"description": "Show inlay hints for component options wrapper for type support."
+					"markdownDescription": "Show inlay hints for component options wrapper for type support:\n\n```vue\n<script lang=\"ts\">\nexport default /* (await import('vue')).defineComponent( */{}/* ) */;\n</script>\n```"
 				},
 				"vue.inlayHints.vBindShorthand": {
 					"type": "boolean",
 					"default": false,
-					"description": "Show inlay hints for v-bind shorthand."
+					"markdownDescription": "Show inlay hints for v-bind shorthand:\n\n```html\n<Comp :foo />\n     <!-- ^ =\"foo\" -->\n```"
 				},
 				"vue.format.template.initialIndent": {
 					"type": "boolean",
@@ -559,8 +559,7 @@
 		"pack:next": "pnpm run build && vsce package",
 		"release": "pnpm run build:minify && vsce publish",
 		"release:next": "pnpm run build && vsce publish --pre-release",
-		"size": "pnpm run build:minify -- --metafile && esbuild-visualizer --metadata ./meta.json && open ./stats.html",
-		"postinstall": "vscode-ext-gen --scope vue"
+		"size": "pnpm run build:minify -- --metafile && esbuild-visualizer --metadata ./meta.json && open ./stats.html"
 	},
 	"devDependencies": {
 		"@types/semver": "^7.5.3",
@@ -574,7 +573,6 @@
 		"esbuild-visualizer": "latest",
 		"reactive-vscode": "^0.2.9",
 		"semver": "^7.5.4",
-		"vscode-ext-gen": "^0.5.0",
 		"vscode-tmlanguage-snapshot": "latest"
 	}
 }
diff --git a/extensions/vscode/src/generated-meta.ts b/extensions/vscode/src/generated-meta.ts
new file mode 100644
index 0000000000..667f89646e
--- /dev/null
+++ b/extensions/vscode/src/generated-meta.ts
@@ -0,0 +1,615 @@
+// This file is generated by `vscode-ext-gen`. Do not modify manually.
+// @see https://github.com/antfu/vscode-ext-gen
+
+// Meta info
+export const publisher = "Vue"
+export const name = "volar"
+export const version = "2.1.10"
+export const displayName = "Vue - Official"
+export const description = "Language Support for Vue"
+export const extensionId = `${publisher}.${name}`
+
+/**
+ * Type union of all commands
+ */
+export type CommandKey =
+	| "vue.action.restartServer"
+	| "vue.action.doctor"
+	| "vue.action.writeVirtualFiles"
+	| "vue.action.splitEditors"
+	| "vue.findAllFileReferences"
+
+/**
+ * Commands map registed by `Vue.volar`
+ */
+export const commands = {
+	/**
+	 * Restart Vue and TS servers
+	 * @value `vue.action.restartServer`
+	 */
+	actionRestartServer: "vue.action.restartServer",
+	/**
+	 * Doctor
+	 * @value `vue.action.doctor`
+	 */
+	actionDoctor: "vue.action.doctor",
+	/**
+	 * Write Virtual Files
+	 * @value `vue.action.writeVirtualFiles`
+	 */
+	actionWriteVirtualFiles: "vue.action.writeVirtualFiles",
+	/**
+	 * Split <script>, <template>, <style> Editors
+	 * @value `vue.action.splitEditors`
+	 */
+	actionSplitEditors: "vue.action.splitEditors",
+	/**
+	 * Find File References via Vue Language Server
+	 * @value `vue.findAllFileReferences`
+	 */
+	findAllFileReferences: "vue.findAllFileReferences",
+} satisfies Record<string, CommandKey>
+
+/**
+ * Type union of all configs
+ */
+export type ConfigKey =
+	| "vue.trace.server"
+	| "vue.server.hybridMode"
+	| "vue.server.compatibleExtensions"
+	| "vue.server.includeLanguages"
+	| "vue.server.maxOldSpaceSize"
+	| "vue.doctor.status"
+	| "vue.splitEditors.icon"
+	| "vue.splitEditors.layout.left"
+	| "vue.splitEditors.layout.right"
+	| "vue.updateImportsOnFileMove.enabled"
+	| "vue.codeActions.enabled"
+	| "vue.codeActions.askNewComponentName"
+	| "vue.codeLens.enabled"
+	| "vue.complete.casing.tags"
+	| "vue.complete.casing.props"
+	| "vue.complete.defineAssignment"
+	| "vue.autoInsert.dotValue"
+	| "vue.autoInsert.bracketSpacing"
+	| "vue.inlayHints.destructuredProps"
+	| "vue.inlayHints.missingProps"
+	| "vue.inlayHints.inlineHandlerLeading"
+	| "vue.inlayHints.optionsWrapper"
+	| "vue.inlayHints.vBindShorthand"
+	| "vue.format.template.initialIndent"
+	| "vue.format.style.initialIndent"
+	| "vue.format.script.initialIndent"
+	| "vue.format.wrapAttributes"
+
+export interface ConfigKeyTypeMap {
+	"vue.trace.server": ("off" | "messages" | "verbose");
+	"vue.server.hybridMode": (boolean | "auto" | "typeScriptPluginOnly" | true | false);
+	"vue.server.compatibleExtensions": string[];
+	"vue.server.includeLanguages": string[];
+	"vue.server.maxOldSpaceSize": (number | unknown | null);
+	"vue.doctor.status": boolean;
+	"vue.splitEditors.icon": boolean;
+	"vue.splitEditors.layout.left": string[];
+	"vue.splitEditors.layout.right": string[];
+	"vue.updateImportsOnFileMove.enabled": boolean;
+	"vue.codeActions.enabled": boolean;
+	"vue.codeActions.askNewComponentName": boolean;
+	"vue.codeLens.enabled": boolean;
+	"vue.complete.casing.tags": ("autoKebab" | "autoPascal" | "kebab" | "pascal");
+	"vue.complete.casing.props": ("autoKebab" | "autoCamel" | "kebab" | "camel");
+	"vue.complete.defineAssignment": boolean;
+	"vue.autoInsert.dotValue": boolean;
+	"vue.autoInsert.bracketSpacing": boolean;
+	"vue.inlayHints.destructuredProps": boolean;
+	"vue.inlayHints.missingProps": boolean;
+	"vue.inlayHints.inlineHandlerLeading": boolean;
+	"vue.inlayHints.optionsWrapper": boolean;
+	"vue.inlayHints.vBindShorthand": boolean;
+	"vue.format.template.initialIndent": boolean;
+	"vue.format.style.initialIndent": boolean;
+	"vue.format.script.initialIndent": boolean;
+	"vue.format.wrapAttributes": ("auto" | "force" | "force-aligned" | "force-expand-multiline" | "aligned-multiple" | "preserve" | "preserve-aligned");
+}
+
+export interface ConfigShorthandMap {
+	traceServer: "vue.trace.server";
+	serverHybridMode: "vue.server.hybridMode";
+	serverCompatibleExtensions: "vue.server.compatibleExtensions";
+	serverIncludeLanguages: "vue.server.includeLanguages";
+	serverMaxOldSpaceSize: "vue.server.maxOldSpaceSize";
+	doctorStatus: "vue.doctor.status";
+	splitEditorsIcon: "vue.splitEditors.icon";
+	splitEditorsLayoutLeft: "vue.splitEditors.layout.left";
+	splitEditorsLayoutRight: "vue.splitEditors.layout.right";
+	updateImportsOnFileMoveEnabled: "vue.updateImportsOnFileMove.enabled";
+	codeActionsEnabled: "vue.codeActions.enabled";
+	codeActionsAskNewComponentName: "vue.codeActions.askNewComponentName";
+	codeLensEnabled: "vue.codeLens.enabled";
+	completeCasingTags: "vue.complete.casing.tags";
+	completeCasingProps: "vue.complete.casing.props";
+	completeDefineAssignment: "vue.complete.defineAssignment";
+	autoInsertDotValue: "vue.autoInsert.dotValue";
+	autoInsertBracketSpacing: "vue.autoInsert.bracketSpacing";
+	inlayHintsDestructuredProps: "vue.inlayHints.destructuredProps";
+	inlayHintsMissingProps: "vue.inlayHints.missingProps";
+	inlayHintsInlineHandlerLeading: "vue.inlayHints.inlineHandlerLeading";
+	inlayHintsOptionsWrapper: "vue.inlayHints.optionsWrapper";
+	inlayHintsVBindShorthand: "vue.inlayHints.vBindShorthand";
+	formatTemplateInitialIndent: "vue.format.template.initialIndent";
+	formatStyleInitialIndent: "vue.format.style.initialIndent";
+	formatScriptInitialIndent: "vue.format.script.initialIndent";
+	formatWrapAttributes: "vue.format.wrapAttributes";
+}
+
+export interface ConfigItem<T extends keyof ConfigKeyTypeMap> {
+	key: T;
+	default: ConfigKeyTypeMap[T];
+}
+
+
+/**
+ * Configs map registered by `Vue.volar`
+ */
+export const configs = {
+	/**
+	 * Traces the communication between VS Code and the language server.
+	 * @key `vue.trace.server`
+	 * @default `"off"`
+	 * @type `string`
+	 */
+	traceServer: {
+		key: "vue.trace.server",
+		default: "off",
+	} as ConfigItem<"vue.trace.server">,
+	/**
+	 * Vue language server only handles CSS and HTML language support, and tsserver takes over TS language support via TS plugin.
+	 * @key `vue.server.hybridMode`
+	 * @default `"auto"`
+	 * @type `boolean,string`
+	 */
+	serverHybridMode: {
+		key: "vue.server.hybridMode",
+		default: "auto",
+	} as ConfigItem<"vue.server.hybridMode">,
+	/**
+	 * Set compatible extensions to skip automatic detection of Hybrid Mode.
+	 * @key `vue.server.compatibleExtensions`
+	 * @default `[]`
+	 * @type `array`
+	 */
+	serverCompatibleExtensions: {
+		key: "vue.server.compatibleExtensions",
+		default: [],
+	} as ConfigItem<"vue.server.compatibleExtensions">,
+	/**
+	 * 
+	 * @key `vue.server.includeLanguages`
+	 * @default `["vue"]`
+	 * @type `array`
+	 */
+	serverIncludeLanguages: {
+		key: "vue.server.includeLanguages",
+		default: ["vue"],
+	} as ConfigItem<"vue.server.includeLanguages">,
+	/**
+	 * Set --max-old-space-size option on server process. If you have problem on frequently "Request textDocument/** failed." error, try setting higher memory(MB) on it.
+	 * @key `vue.server.maxOldSpaceSize`
+	 * @default `null`
+	 * @type `number,null`
+	 */
+	serverMaxOldSpaceSize: {
+		key: "vue.server.maxOldSpaceSize",
+		default: null,
+	} as ConfigItem<"vue.server.maxOldSpaceSize">,
+	/**
+	 * Show known problems in status bar.
+	 * @key `vue.doctor.status`
+	 * @default `true`
+	 * @type `boolean`
+	 */
+	doctorStatus: {
+		key: "vue.doctor.status",
+		default: true,
+	} as ConfigItem<"vue.doctor.status">,
+	/**
+	 * Show split editor icon in title area of editor.
+	 * @key `vue.splitEditors.icon`
+	 * @default `false`
+	 * @type `boolean`
+	 */
+	splitEditorsIcon: {
+		key: "vue.splitEditors.icon",
+		default: false,
+	} as ConfigItem<"vue.splitEditors.icon">,
+	/**
+	 * 
+	 * @key `vue.splitEditors.layout.left`
+	 * @default `["script","scriptSetup","styles"]`
+	 * @type `array`
+	 */
+	splitEditorsLayoutLeft: {
+		key: "vue.splitEditors.layout.left",
+		default: ["script", "scriptSetup", "styles"],
+	} as ConfigItem<"vue.splitEditors.layout.left">,
+	/**
+	 * 
+	 * @key `vue.splitEditors.layout.right`
+	 * @default `["template","customBlocks"]`
+	 * @type `array`
+	 */
+	splitEditorsLayoutRight: {
+		key: "vue.splitEditors.layout.right",
+		default: ["template", "customBlocks"],
+	} as ConfigItem<"vue.splitEditors.layout.right">,
+	/**
+	 * Enabled update imports on file move.
+	 * @key `vue.updateImportsOnFileMove.enabled`
+	 * @default `true`
+	 * @type `boolean`
+	 */
+	updateImportsOnFileMoveEnabled: {
+		key: "vue.updateImportsOnFileMove.enabled",
+		default: true,
+	} as ConfigItem<"vue.updateImportsOnFileMove.enabled">,
+	/**
+	 * Enabled code actions.
+	 * @key `vue.codeActions.enabled`
+	 * @default `true`
+	 * @type `boolean`
+	 */
+	codeActionsEnabled: {
+		key: "vue.codeActions.enabled",
+		default: true,
+	} as ConfigItem<"vue.codeActions.enabled">,
+	/**
+	 * Ask for new component name when extract component.
+	 * @key `vue.codeActions.askNewComponentName`
+	 * @default `true`
+	 * @type `boolean`
+	 */
+	codeActionsAskNewComponentName: {
+		key: "vue.codeActions.askNewComponentName",
+		default: true,
+	} as ConfigItem<"vue.codeActions.askNewComponentName">,
+	/**
+	 * Enabled code lens.
+	 * @key `vue.codeLens.enabled`
+	 * @default `true`
+	 * @type `boolean`
+	 */
+	codeLensEnabled: {
+		key: "vue.codeLens.enabled",
+		default: true,
+	} as ConfigItem<"vue.codeLens.enabled">,
+	/**
+	 * Preferred tag name case.
+	 * @key `vue.complete.casing.tags`
+	 * @default `"autoPascal"`
+	 * @type `string`
+	 */
+	completeCasingTags: {
+		key: "vue.complete.casing.tags",
+		default: "autoPascal",
+	} as ConfigItem<"vue.complete.casing.tags">,
+	/**
+	 * Preferred attr name case.
+	 * @key `vue.complete.casing.props`
+	 * @default `"autoKebab"`
+	 * @type `string`
+	 */
+	completeCasingProps: {
+		key: "vue.complete.casing.props",
+		default: "autoKebab",
+	} as ConfigItem<"vue.complete.casing.props">,
+	/**
+	 * Auto add `const props = ` before `defineProps` when selecting the completion item `props`. (also `emit` and `slots`)
+	 * @key `vue.complete.defineAssignment`
+	 * @default `true`
+	 * @type `boolean`
+	 */
+	completeDefineAssignment: {
+		key: "vue.complete.defineAssignment",
+		default: true,
+	} as ConfigItem<"vue.complete.defineAssignment">,
+	/**
+	 * Auto-complete Ref value with `.value`.
+	 * @key `vue.autoInsert.dotValue`
+	 * @default `false`
+	 * @type `boolean`
+	 */
+	autoInsertDotValue: {
+		key: "vue.autoInsert.dotValue",
+		default: false,
+	} as ConfigItem<"vue.autoInsert.dotValue">,
+	/**
+	 * Auto add space between double curly brackets: {{|}} -> {{ | }}
+	 * @key `vue.autoInsert.bracketSpacing`
+	 * @default `true`
+	 * @type `boolean`
+	 */
+	autoInsertBracketSpacing: {
+		key: "vue.autoInsert.bracketSpacing",
+		default: true,
+	} as ConfigItem<"vue.autoInsert.bracketSpacing">,
+	/**
+	 * Show inlay hints for destructured props.
+	 * @key `vue.inlayHints.destructuredProps`
+	 * @default `false`
+	 * @type `boolean`
+	 */
+	inlayHintsDestructuredProps: {
+		key: "vue.inlayHints.destructuredProps",
+		default: false,
+	} as ConfigItem<"vue.inlayHints.destructuredProps">,
+	/**
+	 * Show inlay hints for missing required props.
+	 * @key `vue.inlayHints.missingProps`
+	 * @default `false`
+	 * @type `boolean`
+	 */
+	inlayHintsMissingProps: {
+		key: "vue.inlayHints.missingProps",
+		default: false,
+	} as ConfigItem<"vue.inlayHints.missingProps">,
+	/**
+	 * Show inlay hints for event argument in inline handlers.
+	 * @key `vue.inlayHints.inlineHandlerLeading`
+	 * @default `false`
+	 * @type `boolean`
+	 */
+	inlayHintsInlineHandlerLeading: {
+		key: "vue.inlayHints.inlineHandlerLeading",
+		default: false,
+	} as ConfigItem<"vue.inlayHints.inlineHandlerLeading">,
+	/**
+	 * Show inlay hints for component options wrapper for type support.
+	 * @key `vue.inlayHints.optionsWrapper`
+	 * @default `false`
+	 * @type `boolean`
+	 */
+	inlayHintsOptionsWrapper: {
+		key: "vue.inlayHints.optionsWrapper",
+		default: false,
+	} as ConfigItem<"vue.inlayHints.optionsWrapper">,
+	/**
+	 * Show inlay hints for v-bind shorthand.
+	 * @key `vue.inlayHints.vBindShorthand`
+	 * @default `false`
+	 * @type `boolean`
+	 */
+	inlayHintsVBindShorthand: {
+		key: "vue.inlayHints.vBindShorthand",
+		default: false,
+	} as ConfigItem<"vue.inlayHints.vBindShorthand">,
+	/**
+	 * 
+	 * @key `vue.format.template.initialIndent`
+	 * @default `true`
+	 * @type `boolean`
+	 */
+	formatTemplateInitialIndent: {
+		key: "vue.format.template.initialIndent",
+		default: true,
+	} as ConfigItem<"vue.format.template.initialIndent">,
+	/**
+	 * 
+	 * @key `vue.format.style.initialIndent`
+	 * @default `false`
+	 * @type `boolean`
+	 */
+	formatStyleInitialIndent: {
+		key: "vue.format.style.initialIndent",
+		default: false,
+	} as ConfigItem<"vue.format.style.initialIndent">,
+	/**
+	 * 
+	 * @key `vue.format.script.initialIndent`
+	 * @default `false`
+	 * @type `boolean`
+	 */
+	formatScriptInitialIndent: {
+		key: "vue.format.script.initialIndent",
+		default: false,
+	} as ConfigItem<"vue.format.script.initialIndent">,
+	/**
+	 * 
+	 * @key `vue.format.wrapAttributes`
+	 * @default `"auto"`
+	 * @type `string`
+	 */
+	formatWrapAttributes: {
+		key: "vue.format.wrapAttributes",
+		default: "auto",
+	} as ConfigItem<"vue.format.wrapAttributes">,
+}
+
+export interface ScopedConfigKeyTypeMap {
+	"trace.server": ("off" | "messages" | "verbose");
+	"server.hybridMode": (boolean | "auto" | "typeScriptPluginOnly" | true | false);
+	"server.compatibleExtensions": string[];
+	"server.includeLanguages": string[];
+	"server.maxOldSpaceSize": (number | unknown | null);
+	"doctor.status": boolean;
+	"splitEditors.icon": boolean;
+	"splitEditors.layout.left": string[];
+	"splitEditors.layout.right": string[];
+	"updateImportsOnFileMove.enabled": boolean;
+	"codeActions.enabled": boolean;
+	"codeActions.askNewComponentName": boolean;
+	"codeLens.enabled": boolean;
+	"complete.casing.tags": ("autoKebab" | "autoPascal" | "kebab" | "pascal");
+	"complete.casing.props": ("autoKebab" | "autoCamel" | "kebab" | "camel");
+	"complete.defineAssignment": boolean;
+	"autoInsert.dotValue": boolean;
+	"autoInsert.bracketSpacing": boolean;
+	"inlayHints.destructuredProps": boolean;
+	"inlayHints.missingProps": boolean;
+	"inlayHints.inlineHandlerLeading": boolean;
+	"inlayHints.optionsWrapper": boolean;
+	"inlayHints.vBindShorthand": boolean;
+	"format.template.initialIndent": boolean;
+	"format.style.initialIndent": boolean;
+	"format.script.initialIndent": boolean;
+	"format.wrapAttributes": ("auto" | "force" | "force-aligned" | "force-expand-multiline" | "aligned-multiple" | "preserve" | "preserve-aligned");
+}
+
+export const scopedConfigs = {
+	scope: "vue",
+	defaults: {
+		"trace.server": "off",
+		"server.hybridMode": "auto",
+		"server.compatibleExtensions": [],
+		"server.includeLanguages": ["vue"],
+		"server.maxOldSpaceSize": null,
+		"doctor.status": true,
+		"splitEditors.icon": false,
+		"splitEditors.layout.left": ["script", "scriptSetup", "styles"],
+		"splitEditors.layout.right": ["template", "customBlocks"],
+		"updateImportsOnFileMove.enabled": true,
+		"codeActions.enabled": true,
+		"codeActions.askNewComponentName": true,
+		"codeLens.enabled": true,
+		"complete.casing.tags": "autoPascal",
+		"complete.casing.props": "autoKebab",
+		"complete.defineAssignment": true,
+		"autoInsert.dotValue": false,
+		"autoInsert.bracketSpacing": true,
+		"inlayHints.destructuredProps": false,
+		"inlayHints.missingProps": false,
+		"inlayHints.inlineHandlerLeading": false,
+		"inlayHints.optionsWrapper": false,
+		"inlayHints.vBindShorthand": false,
+		"format.template.initialIndent": true,
+		"format.style.initialIndent": false,
+		"format.script.initialIndent": false,
+		"format.wrapAttributes": "auto",
+	} satisfies ScopedConfigKeyTypeMap,
+}
+
+export interface NestedConfigs {
+	"vue": {
+		"trace": {
+			"server": ("off" | "messages" | "verbose"),
+		},
+		"server": {
+			"hybridMode": (boolean | "auto" | "typeScriptPluginOnly" | true | false),
+			"compatibleExtensions": string[],
+			"includeLanguages": string[],
+			"maxOldSpaceSize": (number | unknown | null),
+		},
+		"doctor": {
+			"status": boolean,
+		},
+		"splitEditors": {
+			"icon": boolean,
+			"layout": {
+				"left": string[],
+				"right": string[],
+			},
+		},
+		"updateImportsOnFileMove": {
+			"enabled": boolean,
+		},
+		"codeActions": {
+			"enabled": boolean,
+			"askNewComponentName": boolean,
+		},
+		"codeLens": {
+			"enabled": boolean,
+		},
+		"complete": {
+			"casing": {
+				"tags": ("autoKebab" | "autoPascal" | "kebab" | "pascal"),
+				"props": ("autoKebab" | "autoCamel" | "kebab" | "camel"),
+			},
+			"defineAssignment": boolean,
+		},
+		"autoInsert": {
+			"dotValue": boolean,
+			"bracketSpacing": boolean,
+		},
+		"inlayHints": {
+			"destructuredProps": boolean,
+			"missingProps": boolean,
+			"inlineHandlerLeading": boolean,
+			"optionsWrapper": boolean,
+			"vBindShorthand": boolean,
+		},
+		"format": {
+			"template": {
+				"initialIndent": boolean,
+			},
+			"style": {
+				"initialIndent": boolean,
+			},
+			"script": {
+				"initialIndent": boolean,
+			},
+			"wrapAttributes": ("auto" | "force" | "force-aligned" | "force-expand-multiline" | "aligned-multiple" | "preserve" | "preserve-aligned"),
+		},
+	};
+}
+
+export interface NestedScopedConfigs {
+	"trace": {
+		"server": ("off" | "messages" | "verbose"),
+	};
+	"server": {
+		"hybridMode": (boolean | "auto" | "typeScriptPluginOnly" | true | false),
+		"compatibleExtensions": string[],
+		"includeLanguages": string[],
+		"maxOldSpaceSize": (number | unknown | null),
+	};
+	"doctor": {
+		"status": boolean,
+	};
+	"splitEditors": {
+		"icon": boolean,
+		"layout": {
+			"left": string[],
+			"right": string[],
+		},
+	};
+	"updateImportsOnFileMove": {
+		"enabled": boolean,
+	};
+	"codeActions": {
+		"enabled": boolean,
+		"askNewComponentName": boolean,
+	};
+	"codeLens": {
+		"enabled": boolean,
+	};
+	"complete": {
+		"casing": {
+			"tags": ("autoKebab" | "autoPascal" | "kebab" | "pascal"),
+			"props": ("autoKebab" | "autoCamel" | "kebab" | "camel"),
+		},
+		"defineAssignment": boolean,
+	};
+	"autoInsert": {
+		"dotValue": boolean,
+		"bracketSpacing": boolean,
+	};
+	"inlayHints": {
+		"destructuredProps": boolean,
+		"missingProps": boolean,
+		"inlineHandlerLeading": boolean,
+		"optionsWrapper": boolean,
+		"vBindShorthand": boolean,
+	};
+	"format": {
+		"template": {
+			"initialIndent": boolean,
+		},
+		"style": {
+			"initialIndent": boolean,
+		},
+		"script": {
+			"initialIndent": boolean,
+		},
+		"wrapAttributes": ("auto" | "force" | "force-aligned" | "force-expand-multiline" | "aligned-multiple" | "preserve" | "preserve-aligned"),
+	};
+}
+
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1837a0aa6b..4496f4825b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -62,9 +62,6 @@ importers:
       semver:
         specifier: ^7.5.4
         version: 7.6.3
-      vscode-ext-gen:
-        specifier: ^0.5.0
-        version: 0.5.3
       vscode-tmlanguage-snapshot:
         specifier: latest
         version: 0.1.3
@@ -2736,9 +2733,6 @@ packages:
   sax@1.4.1:
     resolution: {integrity: sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==}
 
-  scule@1.3.0:
-    resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
-
   semver@5.7.2:
     resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
     hasBin: true
@@ -3203,10 +3197,6 @@ packages:
   vscode-css-languageservice@6.3.2:
     resolution: {integrity: sha512-GEpPxrUTAeXWdZWHev1OJU9lz2Q2/PPBxQ2TIRmLGvQiH3WZbqaNoute0n0ewxlgtjzTW3AKZT+NHySk5Rf4Eg==}
 
-  vscode-ext-gen@0.5.3:
-    resolution: {integrity: sha512-MNaP3oJe8xsved5gM0QdRT1lXQ9lOhsGUR7Lw9qbd/CwTKQUA6pIIbvTBtMgqzUyZlwAhvHl1n46Ureo4heF3A==}
-    hasBin: true
-
   vscode-html-languageservice@5.3.1:
     resolution: {integrity: sha512-ysUh4hFeW/WOWz/TO9gm08xigiSsV/FOAZ+DolgJfeLftna54YdmZ4A+lIn46RbdO3/Qv5QHTn1ZGqmrXQhZyA==}
 
@@ -6068,8 +6058,6 @@ snapshots:
 
   sax@1.4.1: {}
 
-  scule@1.3.0: {}
-
   semver@5.7.2: {}
 
   semver@7.6.3: {}
@@ -6520,12 +6508,6 @@ snapshots:
       vscode-languageserver-types: 3.17.5
       vscode-uri: 3.0.8
 
-  vscode-ext-gen@0.5.3:
-    dependencies:
-      cac: 6.7.14
-      scule: 1.3.0
-      yargs: 17.7.2
-
   vscode-html-languageservice@5.3.1:
     dependencies:
       '@vscode/l10n': 0.0.18
diff --git a/tsslint.config.ts b/tsslint.config.ts
index 3c5cdbf55e..7cafb6886b 100644
--- a/tsslint.config.ts
+++ b/tsslint.config.ts
@@ -4,7 +4,6 @@ import config from 'https://raw.githubusercontent.com/johnsoncodehk/tsslint-conf
 export default defineConfig({
 	exclude: [
 		'**/*.vue',
-		'extensions/vscode/src/generated-meta.ts',
 	],
 	rules: config.rules,
 });