setCssModules(e.target.checked)}
@@ -707,7 +737,7 @@ function SyntaxSettings({
setTailwindDirectives(e.target.checked)}
diff --git a/src/playground/types.ts b/src/playground/types.ts
index fa99304dd..a1ea39066 100644
--- a/src/playground/types.ts
+++ b/src/playground/types.ts
@@ -189,6 +189,7 @@ export interface PlaygroundSettings {
ruleDomains: RuleDomains;
indentScriptAndStyle: boolean;
whitespaceSensitivity: WhitespaceSensitivity;
+ experimentalEmbeddedSnippetsEnabled: boolean;
experimentalFullSupportEnabled: boolean;
cssModules: boolean;
tailwindDirectives: boolean;
@@ -244,6 +245,7 @@ export const defaultPlaygroundState: PlaygroundState = {
ruleDomains: {},
indentScriptAndStyle: false,
whitespaceSensitivity: WhitespaceSensitivity.Css,
+ experimentalEmbeddedSnippetsEnabled: true,
experimentalFullSupportEnabled: true,
cssModules: false,
tailwindDirectives: true,
diff --git a/src/playground/workers/biomeWorker.ts b/src/playground/workers/biomeWorker.ts
index d12256ad3..3c92f1a15 100644
--- a/src/playground/workers/biomeWorker.ts
+++ b/src/playground/workers/biomeWorker.ts
@@ -93,6 +93,7 @@ self.addEventListener("message", async (e) => {
allowComments,
attributePosition,
ruleDomains,
+ experimentalEmbeddedSnippetsEnabled,
experimentalFullSupportEnabled,
cssModules,
tailwindDirectives,
@@ -152,6 +153,7 @@ self.addEventListener("message", async (e) => {
parser: {
unsafeParameterDecoratorsEnabled,
},
+ experimentalEmbeddedSnippetsEnabled,
},
css: {
formatter: {
diff --git a/src/playground/workers/prettierWorker.ts b/src/playground/workers/prettierWorker.ts
index e5c0fcd44..b30493f6c 100644
--- a/src/playground/workers/prettierWorker.ts
+++ b/src/playground/workers/prettierWorker.ts
@@ -60,6 +60,7 @@ self.addEventListener("message", async (e) => {
bracketSameLine,
attributePosition,
expand,
+ experimentalEmbeddedSnippetsEnabled,
indentScriptAndStyle,
whitespaceSensitivity,
} = settings;
@@ -82,6 +83,7 @@ self.addEventListener("message", async (e) => {
singleAttributePerLine:
attributePosition === AttributePosition.Multiline,
expand,
+ embeddedLanguageFormatting: experimentalEmbeddedSnippetsEnabled,
vueIndentScriptAndStyle: indentScriptAndStyle,
whitespaceSensitivity,
});
@@ -117,6 +119,7 @@ async function formatWithPrettier(
bracketSameLine: boolean;
singleAttributePerLine?: boolean;
expand: Expand;
+ embeddedLanguageFormatting: boolean;
vueIndentScriptAndStyle: boolean;
whitespaceSensitivity: WhitespaceSensitivity;
},
@@ -149,7 +152,9 @@ async function formatWithPrettier(
bracketSameLine: options.bracketSameLine,
singleAttributePerLine: options.singleAttributePerLine ?? false,
objectWrap: options.expand === Expand.Never ? "collapse" : "preserve",
- embeddedLanguageFormatting: "off",
+ embeddedLanguageFormatting: options.embeddedLanguageFormatting
+ ? "auto"
+ : "off",
vueIndentScriptAndStyle: options.vueIndentScriptAndStyle,
htmlWhitespaceSensitivity: options.whitespaceSensitivity,
};