From 88dbecc4b3c88fb8668a47269123b0516f6228bb Mon Sep 17 00:00:00 2001
From: SerKo <serko.dev@gmail.com>
Date: Sun, 30 Nov 2025 05:15:22 +0800
Subject: [PATCH 1/4] feat: add `vue.format.takeOver` setting

---
 extensions/vscode/lib/generated-meta.ts       | 19 ++++-
 extensions/vscode/package.json                | 21 ++++++
 extensions/vscode/package.nls.json            |  1 +
 packages/language-service/index.ts            |  2 +
 .../lib/plugins/vue-format-takeover.ts        | 71 +++++++++++++++++++
 5 files changed, 113 insertions(+), 1 deletion(-)
 create mode 100644 packages/language-service/lib/plugins/vue-format-takeover.ts

diff --git a/extensions/vscode/lib/generated-meta.ts b/extensions/vscode/lib/generated-meta.ts
index 0a1c45a05a..00568bbc07 100644
--- a/extensions/vscode/lib/generated-meta.ts
+++ b/extensions/vscode/lib/generated-meta.ts
@@ -4,7 +4,7 @@
 // Meta info
 export const publisher = 'Vue';
 export const name = 'volar';
-export const version = '3.1.0';
+export const version = '3.1.5';
 export const displayName = 'Vue (Official)';
 export const description = 'Language Support for Vue';
 export const extensionId = `${publisher}.${name}`;
@@ -56,6 +56,7 @@ export type ConfigKey =
 	| 'vue.format.template.initialIndent'
 	| 'vue.format.script.initialIndent'
 	| 'vue.format.style.initialIndent'
+	| 'vue.format.takeOver'
 	| 'vue.format.wrapAttributes';
 
 export interface ConfigKeyTypeMap {
@@ -79,6 +80,7 @@ export interface ConfigKeyTypeMap {
 	'vue.format.template.initialIndent': boolean;
 	'vue.format.script.initialIndent': boolean;
 	'vue.format.style.initialIndent': boolean;
+	'vue.format.takeOver': { 'script'?: boolean; 'template'?: boolean; 'style'?: boolean };
 	'vue.format.wrapAttributes':
 		| 'auto'
 		| 'force'
@@ -110,6 +112,7 @@ export interface ConfigShorthandMap {
 	formatTemplateInitialIndent: 'vue.format.template.initialIndent';
 	formatScriptInitialIndent: 'vue.format.script.initialIndent';
 	formatStyleInitialIndent: 'vue.format.style.initialIndent';
+	formatTakeOver: 'vue.format.takeOver';
 	formatWrapAttributes: 'vue.format.wrapAttributes';
 }
 
@@ -134,6 +137,7 @@ export interface ConfigShorthandTypeMap {
 	formatTemplateInitialIndent: boolean;
 	formatScriptInitialIndent: boolean;
 	formatStyleInitialIndent: boolean;
+	formatTakeOver: { 'script'?: boolean; 'template'?: boolean; 'style'?: boolean };
 	formatWrapAttributes:
 		| 'auto'
 		| 'force'
@@ -333,6 +337,15 @@ export const configs = {
 		key: 'vue.format.style.initialIndent',
 		default: false,
 	} as ConfigItem<'vue.format.style.initialIndent'>,
+	/**
+	 * @key `vue.format.takeOver`
+	 * @default `{"root":true,"script":true,"template":true,"style":true}`
+	 * @type `object`
+	 */
+	formatTakeOver: {
+		key: 'vue.format.takeOver',
+		default: { 'root': true, 'script': true, 'template': true, 'style': true },
+	} as ConfigItem<'vue.format.takeOver'>,
 	/**
 	 * @key `vue.format.wrapAttributes`
 	 * @default `"auto"`
@@ -365,6 +378,7 @@ export interface ScopedConfigKeyTypeMap {
 	'format.template.initialIndent': boolean;
 	'format.script.initialIndent': boolean;
 	'format.style.initialIndent': boolean;
+	'format.takeOver': { 'script'?: boolean; 'template'?: boolean; 'style'?: boolean };
 	'format.wrapAttributes':
 		| 'auto'
 		| 'force'
@@ -398,6 +412,7 @@ export const scopedConfigs = {
 		'format.template.initialIndent': true,
 		'format.script.initialIndent': false,
 		'format.style.initialIndent': false,
+		'format.takeOver': { 'root': true, 'script': true, 'template': true, 'style': true },
 		'format.wrapAttributes': 'auto',
 	} satisfies ScopedConfigKeyTypeMap,
 };
@@ -445,6 +460,7 @@ export interface NestedConfigs {
 			'style': {
 				'initialIndent': boolean;
 			};
+			'takeOver': { 'script'?: boolean; 'template'?: boolean; 'style'?: boolean };
 			'wrapAttributes':
 				| 'auto'
 				| 'force'
@@ -499,6 +515,7 @@ export interface NestedScopedConfigs {
 		'style': {
 			'initialIndent': boolean;
 		};
+		'takeOver': { 'script'?: boolean; 'template'?: boolean; 'style'?: boolean };
 		'wrapAttributes':
 			| 'auto'
 			| 'force'
diff --git a/extensions/vscode/package.json b/extensions/vscode/package.json
index 1eacc9c7ff..dee2184b55 100644
--- a/extensions/vscode/package.json
+++ b/extensions/vscode/package.json
@@ -380,6 +380,27 @@
 					"default": false,
 					"markdownDescription": "%configuration.format.style.initialIndent%"
 				},
+				"vue.format.takeOver": {
+					"type": "object",
+					"default": {
+						"root": true,
+						"script": true,
+						"template": true,
+						"style": true
+					},
+					"properties": {
+						"script": {
+							"type": "boolean"
+						},
+						"template": {
+							"type": "boolean"
+						},
+						"style": {
+							"type": "boolean"
+						}
+					},
+					"markdownDescription": "%configuration.format.takeOver%"
+				},
 				"vue.format.wrapAttributes": {
 					"type": "string",
 					"default": "auto",
diff --git a/extensions/vscode/package.nls.json b/extensions/vscode/package.nls.json
index e1d4ca00f4..125f444697 100644
--- a/extensions/vscode/package.nls.json
+++ b/extensions/vscode/package.nls.json
@@ -17,6 +17,7 @@
 	"configuration.format.script.initialIndent": "Initial indent for `<script>` block.",
 	"configuration.format.style.initialIndent": "Initial indent for `<style>` block.",
 	"configuration.format.wrapAttributes": "Wrap attributes.",
+	"configuration.format.takeOver": "Choose which SFC blocks should enable formats.",
 	"configuration.editor.focusMode": "Fade top-level SFC tags.",
 	"configuration.editor.reactivityVisualization": "Reactivity system visualization.",
 	"configuration.editor.templateInterpolationDecorators": "Enhanced template interpolation highlighting.",
diff --git a/packages/language-service/index.ts b/packages/language-service/index.ts
index 6e75d1c858..6fc96f34d9 100644
--- a/packages/language-service/index.ts
+++ b/packages/language-service/index.ts
@@ -20,6 +20,7 @@ import { create as createVueDirectiveCommentsPlugin } from './lib/plugins/vue-di
 import { create as createVueDocumentDropPlugin } from './lib/plugins/vue-document-drop';
 import { create as createVueDocumentHighlightsPlugin } from './lib/plugins/vue-document-highlights';
 import { create as createVueExtractFilePlugin } from './lib/plugins/vue-extract-file';
+import { create as createVueFormatTakeOverPlugin } from './lib/plugins/vue-format-takeover';
 import { create as createVueGlobalTypesErrorPlugin } from './lib/plugins/vue-global-types-error';
 import { create as createVueInlayHintsPlugin } from './lib/plugins/vue-inlayhints';
 import { create as createVueMissingPropsHintsPlugin } from './lib/plugins/vue-missing-props-hints';
@@ -43,6 +44,7 @@ export function createVueLanguageServicePlugins(
 	return [
 		createJsonPlugin(),
 		createPugFormatPlugin(),
+		createVueFormatTakeOverPlugin(),
 		createVueAutoSpacePlugin(),
 		createVueCompilerDomErrorsPlugin(),
 		createVueDirectiveCommentsPlugin(),
diff --git a/packages/language-service/lib/plugins/vue-format-takeover.ts b/packages/language-service/lib/plugins/vue-format-takeover.ts
new file mode 100644
index 0000000000..e0fa317a39
--- /dev/null
+++ b/packages/language-service/lib/plugins/vue-format-takeover.ts
@@ -0,0 +1,71 @@
+import type { LanguageServicePlugin, LanguageServicePluginInstance, TextDocument } from '@volar/language-service';
+import { URI } from 'vscode-uri';
+
+export interface FormatTakeOverConfig {
+	root?: boolean;
+	script?: boolean;
+	template?: boolean;
+	style?: boolean;
+}
+
+const defaultOptions: Required<FormatTakeOverConfig> = {
+	root: true,
+	script: true,
+	template: true,
+	style: true,
+};
+
+export function create(): LanguageServicePlugin {
+	return {
+		name: 'vue-format-takeover',
+		capabilities: {
+			documentFormattingProvider: true,
+			documentOnTypeFormattingProvider: {
+				triggerCharacters: [],
+			},
+		},
+		create(context): LanguageServicePluginInstance {
+			const getOptions = async () => ({
+				...defaultOptions,
+				...(await context.env.getConfiguration<FormatTakeOverConfig>?.('vue.format.takeOver') ?? {}),
+			});
+
+			async function shouldSkip(document: TextDocument): Promise<boolean> {
+				const decoded = context.decodeEmbeddedDocumentUri(URI.parse(document.uri));
+				if (!decoded) {
+					return false;
+				}
+
+				const [, embeddedCodeId] = decoded;
+				const options = await getOptions();
+
+				if (embeddedCodeId.startsWith('template') || embeddedCodeId.startsWith('root')) {
+					return !options.template;
+				}
+				if (embeddedCodeId.startsWith('script')) {
+					return !options.script;
+				}
+				if (embeddedCodeId.startsWith('style')) {
+					return !options.style;
+				}
+
+				return false;
+			}
+
+			return {
+				async provideDocumentFormattingEdits(document) {
+					if (await shouldSkip(document)) {
+						return [];
+					}
+					return undefined;
+				},
+				async provideOnTypeFormattingEdits(document) {
+					if (await shouldSkip(document)) {
+						return [];
+					}
+					return undefined;
+				},
+			};
+		},
+	};
+}

From b82528dd62914c479a29cad3d99856042df2b28a Mon Sep 17 00:00:00 2001
From: SerKo <serko.dev@gmail.com>
Date: Sun, 30 Nov 2025 19:51:07 +0800
Subject: [PATCH 2/4] refactor: update setting keys

---
 extensions/vscode/lib/generated-meta.ts       | 64 ++++++++++++++-----
 extensions/vscode/package.json                | 34 ++++------
 extensions/vscode/package.nls.ja.json         |  3 +
 extensions/vscode/package.nls.json            |  4 +-
 extensions/vscode/package.nls.ru.json         |  3 +
 extensions/vscode/package.nls.zh-CN.json      |  3 +
 extensions/vscode/package.nls.zh-TW.json      |  3 +
 .../lib/plugins/vue-format-takeover.ts        | 36 +++--------
 8 files changed, 88 insertions(+), 62 deletions(-)

diff --git a/extensions/vscode/lib/generated-meta.ts b/extensions/vscode/lib/generated-meta.ts
index 00568bbc07..1c879f726c 100644
--- a/extensions/vscode/lib/generated-meta.ts
+++ b/extensions/vscode/lib/generated-meta.ts
@@ -56,7 +56,9 @@ export type ConfigKey =
 	| 'vue.format.template.initialIndent'
 	| 'vue.format.script.initialIndent'
 	| 'vue.format.style.initialIndent'
-	| 'vue.format.takeOver'
+	| 'vue.format.script.enabled'
+	| 'vue.format.template.enabled'
+	| 'vue.format.style.enabled'
 	| 'vue.format.wrapAttributes';
 
 export interface ConfigKeyTypeMap {
@@ -80,7 +82,9 @@ export interface ConfigKeyTypeMap {
 	'vue.format.template.initialIndent': boolean;
 	'vue.format.script.initialIndent': boolean;
 	'vue.format.style.initialIndent': boolean;
-	'vue.format.takeOver': { 'script'?: boolean; 'template'?: boolean; 'style'?: boolean };
+	'vue.format.script.enabled': boolean;
+	'vue.format.template.enabled': boolean;
+	'vue.format.style.enabled': boolean;
 	'vue.format.wrapAttributes':
 		| 'auto'
 		| 'force'
@@ -112,7 +116,9 @@ export interface ConfigShorthandMap {
 	formatTemplateInitialIndent: 'vue.format.template.initialIndent';
 	formatScriptInitialIndent: 'vue.format.script.initialIndent';
 	formatStyleInitialIndent: 'vue.format.style.initialIndent';
-	formatTakeOver: 'vue.format.takeOver';
+	formatScriptEnabled: 'vue.format.script.enabled';
+	formatTemplateEnabled: 'vue.format.template.enabled';
+	formatStyleEnabled: 'vue.format.style.enabled';
 	formatWrapAttributes: 'vue.format.wrapAttributes';
 }
 
@@ -137,7 +143,9 @@ export interface ConfigShorthandTypeMap {
 	formatTemplateInitialIndent: boolean;
 	formatScriptInitialIndent: boolean;
 	formatStyleInitialIndent: boolean;
-	formatTakeOver: { 'script'?: boolean; 'template'?: boolean; 'style'?: boolean };
+	formatScriptEnabled: boolean;
+	formatTemplateEnabled: boolean;
+	formatStyleEnabled: boolean;
 	formatWrapAttributes:
 		| 'auto'
 		| 'force'
@@ -338,14 +346,32 @@ export const configs = {
 		default: false,
 	} as ConfigItem<'vue.format.style.initialIndent'>,
 	/**
-	 * @key `vue.format.takeOver`
-	 * @default `{"root":true,"script":true,"template":true,"style":true}`
-	 * @type `object`
+	 * @key `vue.format.script.enabled`
+	 * @default `true`
+	 * @type `boolean`
+	 */
+	formatScriptEnabled: {
+		key: 'vue.format.script.enabled',
+		default: true,
+	} as ConfigItem<'vue.format.script.enabled'>,
+	/**
+	 * @key `vue.format.template.enabled`
+	 * @default `true`
+	 * @type `boolean`
 	 */
-	formatTakeOver: {
-		key: 'vue.format.takeOver',
-		default: { 'root': true, 'script': true, 'template': true, 'style': true },
-	} as ConfigItem<'vue.format.takeOver'>,
+	formatTemplateEnabled: {
+		key: 'vue.format.template.enabled',
+		default: true,
+	} as ConfigItem<'vue.format.template.enabled'>,
+	/**
+	 * @key `vue.format.style.enabled`
+	 * @default `true`
+	 * @type `boolean`
+	 */
+	formatStyleEnabled: {
+		key: 'vue.format.style.enabled',
+		default: true,
+	} as ConfigItem<'vue.format.style.enabled'>,
 	/**
 	 * @key `vue.format.wrapAttributes`
 	 * @default `"auto"`
@@ -378,7 +404,9 @@ export interface ScopedConfigKeyTypeMap {
 	'format.template.initialIndent': boolean;
 	'format.script.initialIndent': boolean;
 	'format.style.initialIndent': boolean;
-	'format.takeOver': { 'script'?: boolean; 'template'?: boolean; 'style'?: boolean };
+	'format.script.enabled': boolean;
+	'format.template.enabled': boolean;
+	'format.style.enabled': boolean;
 	'format.wrapAttributes':
 		| 'auto'
 		| 'force'
@@ -412,7 +440,9 @@ export const scopedConfigs = {
 		'format.template.initialIndent': true,
 		'format.script.initialIndent': false,
 		'format.style.initialIndent': false,
-		'format.takeOver': { 'root': true, 'script': true, 'template': true, 'style': true },
+		'format.script.enabled': true,
+		'format.template.enabled': true,
+		'format.style.enabled': true,
 		'format.wrapAttributes': 'auto',
 	} satisfies ScopedConfigKeyTypeMap,
 };
@@ -453,14 +483,16 @@ export interface NestedConfigs {
 		'format': {
 			'template': {
 				'initialIndent': boolean;
+				'enabled': boolean;
 			};
 			'script': {
 				'initialIndent': boolean;
+				'enabled': boolean;
 			};
 			'style': {
 				'initialIndent': boolean;
+				'enabled': boolean;
 			};
-			'takeOver': { 'script'?: boolean; 'template'?: boolean; 'style'?: boolean };
 			'wrapAttributes':
 				| 'auto'
 				| 'force'
@@ -508,14 +540,16 @@ export interface NestedScopedConfigs {
 	'format': {
 		'template': {
 			'initialIndent': boolean;
+			'enabled': boolean;
 		};
 		'script': {
 			'initialIndent': boolean;
+			'enabled': boolean;
 		};
 		'style': {
 			'initialIndent': boolean;
+			'enabled': boolean;
 		};
-		'takeOver': { 'script'?: boolean; 'template'?: boolean; 'style'?: boolean };
 		'wrapAttributes':
 			| 'auto'
 			| 'force'
diff --git a/extensions/vscode/package.json b/extensions/vscode/package.json
index dee2184b55..94fd13694f 100644
--- a/extensions/vscode/package.json
+++ b/extensions/vscode/package.json
@@ -380,26 +380,20 @@
 					"default": false,
 					"markdownDescription": "%configuration.format.style.initialIndent%"
 				},
-				"vue.format.takeOver": {
-					"type": "object",
-					"default": {
-						"root": true,
-						"script": true,
-						"template": true,
-						"style": true
-					},
-					"properties": {
-						"script": {
-							"type": "boolean"
-						},
-						"template": {
-							"type": "boolean"
-						},
-						"style": {
-							"type": "boolean"
-						}
-					},
-					"markdownDescription": "%configuration.format.takeOver%"
+				"vue.format.script.enabled": {
+					"type": "boolean",
+					"default": true,
+					"markdownDescription": "%configuration.format.script.enabled%"
+				},
+				"vue.format.template.enabled": {
+					"type": "boolean",
+					"default": true,
+					"markdownDescription": "%configuration.format.template.enabled%"
+				},
+				"vue.format.style.enabled": {
+					"type": "boolean",
+					"default": true,
+					"markdownDescription": "%configuration.format.style.enabled%"
 				},
 				"vue.format.wrapAttributes": {
 					"type": "string",
diff --git a/extensions/vscode/package.nls.ja.json b/extensions/vscode/package.nls.ja.json
index 746dee9bdf..c474e3dd54 100644
--- a/extensions/vscode/package.nls.ja.json
+++ b/extensions/vscode/package.nls.ja.json
@@ -16,6 +16,9 @@
 	"configuration.format.template.initialIndent": "`<template>` ブロックの初期インデント。",
 	"configuration.format.script.initialIndent": "`<script>` ブロックの初期インデント。",
 	"configuration.format.style.initialIndent": "`<style>` ブロックの初期インデント。",
+	"configuration.format.template.enabled": "`<template>` ブロックのフォーマットを有効化。",
+	"configuration.format.script.enabled": "`<script>` ブロックのフォーマットを有効化。",
+	"configuration.format.style.enabled": "`<style>` ブロックのフォーマットを有効化。",
 	"configuration.format.wrapAttributes": "属性を折り返します。",
 	"configuration.editor.focusMode": "トップレベル SFC タグをフェード。",
 	"configuration.editor.reactivityVisualization": "リアクティブシステムの可視化。",
diff --git a/extensions/vscode/package.nls.json b/extensions/vscode/package.nls.json
index 125f444697..9a8c3b5534 100644
--- a/extensions/vscode/package.nls.json
+++ b/extensions/vscode/package.nls.json
@@ -16,8 +16,10 @@
 	"configuration.format.template.initialIndent": "Initial indent for `<template>` block.",
 	"configuration.format.script.initialIndent": "Initial indent for `<script>` block.",
 	"configuration.format.style.initialIndent": "Initial indent for `<style>` block.",
+	"configuration.format.template.enabled": "Enable formatting for `<template>` block.",
+	"configuration.format.script.enabled": "Enable formatting for `<script>` block.",
+	"configuration.format.style.enabled": "Enable formatting for `<style>` block.",
 	"configuration.format.wrapAttributes": "Wrap attributes.",
-	"configuration.format.takeOver": "Choose which SFC blocks should enable formats.",
 	"configuration.editor.focusMode": "Fade top-level SFC tags.",
 	"configuration.editor.reactivityVisualization": "Reactivity system visualization.",
 	"configuration.editor.templateInterpolationDecorators": "Enhanced template interpolation highlighting.",
diff --git a/extensions/vscode/package.nls.ru.json b/extensions/vscode/package.nls.ru.json
index fae2952b3a..6b206c5b26 100644
--- a/extensions/vscode/package.nls.ru.json
+++ b/extensions/vscode/package.nls.ru.json
@@ -16,6 +16,9 @@
 	"configuration.format.template.initialIndent": "Начальный отступ для блока `<template>`.",
 	"configuration.format.script.initialIndent": "Начальный отступ для блока `<script>`.",
 	"configuration.format.style.initialIndent": "Начальный отступ для блока `<style>`.",
+	"configuration.format.template.enabled": "Включить форматирование для блока `<template>`.",
+	"configuration.format.script.enabled": "Включить форматирование для блока `<script>`.",
+	"configuration.format.style.enabled": "Включить форматирование для блока `<style>`.",
 	"configuration.format.wrapAttributes": "Переносить атрибуты.",
 	"configuration.editor.focusMode": "Затемнить теги SFC верхнего уровня.",
 	"configuration.editor.reactivityVisualization": "Визуализация системы реактивности.",
diff --git a/extensions/vscode/package.nls.zh-CN.json b/extensions/vscode/package.nls.zh-CN.json
index 201adc7cce..cac86de9de 100644
--- a/extensions/vscode/package.nls.zh-CN.json
+++ b/extensions/vscode/package.nls.zh-CN.json
@@ -16,6 +16,9 @@
 	"configuration.format.template.initialIndent": "`<template>` 块的初始缩进。",
 	"configuration.format.script.initialIndent": "`<script>` 块的初始缩进。",
 	"configuration.format.style.initialIndent": "`<style>` 块的初始缩进。",
+	"configuration.format.template.enabled": "启用 `<template>` 块的格式化。",
+	"configuration.format.script.enabled": "启用 `<script>` 块的格式化。",
+	"configuration.format.style.enabled": "启用 `<style>` 块的格式化。",
 	"configuration.format.wrapAttributes": "对属性进行换行。",
 	"configuration.editor.focusMode": "淡化顶层 SFC 标签。",
 	"configuration.editor.reactivityVisualization": "响应性系统可视化。",
diff --git a/extensions/vscode/package.nls.zh-TW.json b/extensions/vscode/package.nls.zh-TW.json
index a88660677a..8961dc40f3 100644
--- a/extensions/vscode/package.nls.zh-TW.json
+++ b/extensions/vscode/package.nls.zh-TW.json
@@ -16,6 +16,9 @@
 	"configuration.format.template.initialIndent": "`<template>` 區塊的初始縮排。",
 	"configuration.format.script.initialIndent": "`<script>` 區塊的初始縮排。",
 	"configuration.format.style.initialIndent": "`<style>` 區塊的初始縮排。",
+	"configuration.format.template.enabled": "啟用 `<template>` 區塊的格式化。",
+	"configuration.format.script.enabled": "啟用 `<script>` 區塊的格式化。",
+	"configuration.format.style.enabled": "啟用 `<style>` 區塊的格式化。",
 	"configuration.format.wrapAttributes": "對屬性進行換行。",
 	"configuration.editor.focusMode": "淡化頂層 SFC 標籤。",
 	"configuration.editor.reactivityVisualization": "響應性系統視覺化。",
diff --git a/packages/language-service/lib/plugins/vue-format-takeover.ts b/packages/language-service/lib/plugins/vue-format-takeover.ts
index e0fa317a39..d69f700bcf 100644
--- a/packages/language-service/lib/plugins/vue-format-takeover.ts
+++ b/packages/language-service/lib/plugins/vue-format-takeover.ts
@@ -1,20 +1,6 @@
 import type { LanguageServicePlugin, LanguageServicePluginInstance, TextDocument } from '@volar/language-service';
 import { URI } from 'vscode-uri';
 
-export interface FormatTakeOverConfig {
-	root?: boolean;
-	script?: boolean;
-	template?: boolean;
-	style?: boolean;
-}
-
-const defaultOptions: Required<FormatTakeOverConfig> = {
-	root: true,
-	script: true,
-	template: true,
-	style: true,
-};
-
 export function create(): LanguageServicePlugin {
 	return {
 		name: 'vue-format-takeover',
@@ -25,11 +11,6 @@ export function create(): LanguageServicePlugin {
 			},
 		},
 		create(context): LanguageServicePluginInstance {
-			const getOptions = async () => ({
-				...defaultOptions,
-				...(await context.env.getConfiguration<FormatTakeOverConfig>?.('vue.format.takeOver') ?? {}),
-			});
-
 			async function shouldSkip(document: TextDocument): Promise<boolean> {
 				const decoded = context.decodeEmbeddedDocumentUri(URI.parse(document.uri));
 				if (!decoded) {
@@ -37,16 +18,19 @@ export function create(): LanguageServicePlugin {
 				}
 
 				const [, embeddedCodeId] = decoded;
-				const options = await getOptions();
 
-				if (embeddedCodeId.startsWith('template') || embeddedCodeId.startsWith('root')) {
-					return !options.template;
+				if (embeddedCodeId === 'script_raw' || embeddedCodeId === 'scriptsetup_raw') {
+					return await context.env.getConfiguration<boolean>?.('vue.format.script.enabled') === false;
 				}
-				if (embeddedCodeId.startsWith('script')) {
-					return !options.script;
+				if (embeddedCodeId.startsWith('style_')) {
+					return await context.env.getConfiguration<boolean>?.('vue.format.style.enabled') === false;
 				}
-				if (embeddedCodeId.startsWith('style')) {
-					return !options.style;
+				if (
+					embeddedCodeId === 'template'
+					|| embeddedCodeId.startsWith('template_inline_ts_')
+					|| embeddedCodeId === 'root_tags'
+				) {
+					return await context.env.getConfiguration<boolean>?.('vue.format.template.enabled') === false;
 				}
 
 				return false;

From bf919ca249f3fb07ef9d597008886326b58483d7 Mon Sep 17 00:00:00 2001
From: SerKo <serko.dev@gmail.com>
Date: Sun, 30 Nov 2025 20:06:40 +0800
Subject: [PATCH 3/4] test: add

---
 .../tests/format/enabled-separately.spec.ts   | 80 +++++++++++++++++++
 1 file changed, 80 insertions(+)
 create mode 100644 packages/language-service/tests/format/enabled-separately.spec.ts

diff --git a/packages/language-service/tests/format/enabled-separately.spec.ts b/packages/language-service/tests/format/enabled-separately.spec.ts
new file mode 100644
index 0000000000..9ed1826946
--- /dev/null
+++ b/packages/language-service/tests/format/enabled-separately.spec.ts
@@ -0,0 +1,80 @@
+import { defineFormatTest } from '../utils/format';
+
+const snippet = `
+<template>
+<div />
+</template>
+<script>
+if (true)
+console.log('hello');
+</script>
+<style>
+body {
+color: red;
+}
+</style>`;
+
+const units = {
+	'vue.format.style.enabled': {
+		description: 'disable style formatting',
+		output: `
+<template>
+\t<div />
+</template>
+<script>
+if (true)
+\tconsole.log('hello');
+</script>
+<style>
+body {
+color: red;
+}
+</style>
+`,
+	},
+	'vue.format.script.enabled': {
+		description: 'disable script formatting',
+		output: `
+<template>
+\t<div />
+</template>
+<script>
+if (true)
+console.log('hello');
+</script>
+<style>
+body {
+\tcolor: red;
+}
+</style>
+`,
+	},
+	'vue.format.template.enabled': {
+		description: 'disable template formatting',
+		output: `
+<template>
+<div />
+</template>
+<script>
+if (true)
+\tconsole.log('hello');
+</script>
+<style>
+body {
+\tcolor: red;
+}
+</style>
+`,
+	},
+};
+
+for (const [setting, { description, output }] of Object.entries(units)) {
+	const title = '#' + __filename.split('.')[0];
+	defineFormatTest({
+		title: title + ' (' + description + ')',
+		languageId: 'vue',
+		input: snippet.trim(),
+		output: output.trim(),
+		settings: { [setting]: false },
+	});
+}

From ba79a861612004cf1b113bf6b57011601c9c7e7f Mon Sep 17 00:00:00 2001
From: Johnson Chu <johnsoncodehk@gmail.com>
Date: Sun, 30 Nov 2025 20:29:33 +0800
Subject: [PATCH 4/4] Update vue-format-takeover.ts

---
 .../lib/plugins/vue-format-takeover.ts        | 29 +++++++++----------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/packages/language-service/lib/plugins/vue-format-takeover.ts b/packages/language-service/lib/plugins/vue-format-takeover.ts
index d69f700bcf..7736e2b9ad 100644
--- a/packages/language-service/lib/plugins/vue-format-takeover.ts
+++ b/packages/language-service/lib/plugins/vue-format-takeover.ts
@@ -11,6 +11,20 @@ export function create(): LanguageServicePlugin {
 			},
 		},
 		create(context): LanguageServicePluginInstance {
+			return {
+				async provideDocumentFormattingEdits(document) {
+					if (await shouldSkip(document)) {
+						return [];
+					}
+					return undefined;
+				},
+				async provideOnTypeFormattingEdits(document) {
+					if (await shouldSkip(document)) {
+						return [];
+					}
+					return undefined;
+				},
+			};
 			async function shouldSkip(document: TextDocument): Promise<boolean> {
 				const decoded = context.decodeEmbeddedDocumentUri(URI.parse(document.uri));
 				if (!decoded) {
@@ -35,21 +49,6 @@ export function create(): LanguageServicePlugin {
 
 				return false;
 			}
-
-			return {
-				async provideDocumentFormattingEdits(document) {
-					if (await shouldSkip(document)) {
-						return [];
-					}
-					return undefined;
-				},
-				async provideOnTypeFormattingEdits(document) {
-					if (await shouldSkip(document)) {
-						return [];
-					}
-					return undefined;
-				},
-			};
 		},
 	};
 }