Handlebars: Stop formatting <style lang=""> as CSS (#20031)

Co-authored-by: fisker <lionkay@gmail.com>

changelog_unreleased/handlebars/20031.md

@@ -0,0 +1,23 @@
+#### Don't format `<style lang="">` as CSS (#20031 by @kovsu)
+
+<!-- prettier-ignore -->
+```hbs
+{{! Input }}
+<style lang="">
+  .a { color: red;
+  }
+</style>
+
+{{! Prettier stable }}
+<style lang="">
+  .a {
+    color: red;
+  }
+</style>
+
+{{! Prettier main }}
+<style lang="">
+  .a { color: red;
+  }
+</style>
+```

src/language-handlebars/embed.js

@@ -23,8 +23,7 @@ function embed(path /* , options*/) {
     languageAttribute &&
     !(
       languageAttribute.value.type === "TextNode" &&
-      (languageAttribute.value.chars === "" ||
-        languageAttribute.value.chars === "css")
+      languageAttribute.value.chars === "css"
     )
   ) {
     return;

tests/format/handlebars/style-tag/__snapshots__/format.test.js.snap

@@ -134,26 +134,21 @@ parsers: ["glimmer"]
   </style>
 </div>
 
-=====================================output=====================================
-<div>
-  <style lang="css">
-    .a {
-      color: red;
-    }
-  </style>
-</div>
-================================================================================
-`;
-
-exports[`with-lang-attribute-2.hbs format 1`] = `
-====================================options=====================================
-parsers: ["glimmer"]
-                                                      printWidth: 80 (default) |
-=====================================input======================================
 <div>
   <style lang>
 
 
+    .a { color: red;
+    }
+
+
+  </style>
+</div>
+
+<div>
+  <style lang="">
+
+
     .a {color: red;
     }
 
@@ -161,22 +156,6 @@ parsers: ["glimmer"]
   </style>
 </div>
 
-=====================================output=====================================
-<div>
-  <style lang>
-    .a {
-      color: red;
-    }
-  </style>
-</div>
-================================================================================
-`;
-
-exports[`with-lang-attribute-3.hbs format 1`] = `
-====================================options=====================================
-parsers: ["glimmer"]
-                                                      printWidth: 80 (default) |
-=====================================input======================================
 
   <style lang="unknown">
 
@@ -188,6 +167,28 @@ parsers: ["glimmer"]
   </style>
 
 =====================================output=====================================
+<div>
+  <style lang="css">
+    .a {
+      color: red;
+    }
+  </style>
+</div>
+
+<div>
+  <style lang>
+    .a { color: red;
+    }
+  </style>
+</div>
+
+<div>
+  <style lang="">
+    .a {color: red;
+    }
+  </style>
+</div>
+
 <style lang="unknown">
   .a {color: red;
   }

tests/format/handlebars/style-tag/with-lang-attribute-2.hbs

@@ -1,10 +0,0 @@
-<div>
-  <style lang>
-
-
-    .a {color: red;
-    }
-
-
-  </style>
-</div>

tests/format/handlebars/style-tag/with-lang-attribute-3.hbs

@@ -1,9 +0,0 @@
-
-  <style lang="unknown">
-
-
-    .a {color: red;
-    }
-
-
-  </style>

tests/format/handlebars/style-tag/with-lang-attribute.hbs

@@ -8,3 +8,35 @@
 
   </style>
 </div>
+
+<div>
+  <style lang>
+
+
+    .a { color: red;
+    }
+
+
+  </style>
+</div>
+
+<div>
+  <style lang="">
+
+
+    .a {color: red;
+    }
+
+
+  </style>
+</div>
+
+
+  <style lang="unknown">
+
+
+    .a {color: red;
+    }
+
+
+  </style>