fix: force quote style inside style directives

fixes #457
sveltejs · Aug 20, 2024 · 0c5692a · 0c5692a
1 parent 727ddce
commit 0c5692a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # prettier-plugin-svelte changelog
 
+## 3.2.7 (unreleased)
+
+-   (fix) force quote style inside style directives
+
 ## 3.2.6
 
 -   (feat) Svelte 5: never quote single-expression-attributes

diff --git a/src/print/node-helpers.ts b/src/print/node-helpers.ts
@@ -533,7 +533,7 @@ export function isInsideQuotedAttribute(path: FastPath, options: ParserOptions):
 
     return stack.some(
         (node) =>
-            node.type === 'Attribute' &&
+            (node.type === 'Attribute' || node.type === 'StyleDirective') &&
             (!isLoneMustacheTag(node.value) ||
                 (options.svelteStrictMode && !options._svelte_is5Plus)),
     );

diff --git a/test/printer/samples/attributes-nested-quotes.html b/test/printer/samples/attributes-nested-quotes.html
@@ -0,0 +1,3 @@
+<div style:transform="translateX({condition ? '10%' : '20%'})"></div>
+<div class="my-class {condition ? 'a' : 'b'}"></div>
+<Component class="my-class {condition ? 'a' : 'b'}" />