fix: parsing error when <style lang="scss" global> (#222)

* fix: parsing error when `<style lang="scss" global>` * Create two-shrimps-suffer.md
sveltejs · Sep 28, 2022 · df22f7f · df22f7f
1 parent 98881d5
commit df22f7f
Show file tree

Hide file tree

Showing 10 changed files with 1,587 additions and 7 deletions.
diff --git a/.changeset/two-shrimps-suffer.md b/.changeset/two-shrimps-suffer.md
@@ -0,0 +1,5 @@
+---
+"svelte-eslint-parser": patch
+---
+
+fix: parsing error when `<style lang="scss" global>`
diff --git a/src/parser/html.ts b/src/parser/html.ts
@@ -30,8 +30,7 @@ export function parseAttributes(
       index++;
       continue;
     }
-    if (char === ">") break;
-    if (char === "/" && code[index + 1] === ">") break;
+    if (char === ">" || (char === "/" && code[index + 1] === ">")) break;
     const attrData = parseAttribute(code, index);
     attributes.push(attrData.attribute);
     index = attrData.index;
@@ -96,7 +95,11 @@ function parseAttributeKey(
   let index = key.end;
   while (index < code.length) {
     const char = code[index];
-    if (char === "=") {
+    if (
+      char === "=" ||
+      char === ">" ||
+      (char === "/" && code[index + 1] === ">")
+    ) {
       break;
     }
     if (spacePattern.test(char)) {

diff --git a/tests/fixtures/parser/ast/style-global01-input.svelte b/tests/fixtures/parser/ast/style-global01-input.svelte
@@ -0,0 +1,7 @@
+<div />
+<!-- https://github.com/sveltejs/svelte-preprocess#global-style -->
+<style global>
+div {
+    color: red;
+}
+</style>