Update dependency @ota-meshi/eslint-plugin to ^0.8.0 (#78)

* Update dependency @ota-meshi/eslint-plugin to ^0.8.0

* fix

Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: yosuke ota <otameshiyo23@gmail.com>

Author: 3 people

package.json

@@ -44,7 +44,7 @@
         "svelte": "^3.37.0"
     },
     "devDependencies": {
-        "@ota-meshi/eslint-plugin": "^0.7.0",
+        "@ota-meshi/eslint-plugin": "^0.8.0",
         "@ota-meshi/eslint-plugin-svelte": "^0.8.1",
         "@types/eslint": "^7.2.0",
         "@types/eslint-scope": "^3.7.0",

src/context/index.ts

@@ -246,7 +246,7 @@ function* extractBlocks(code: string): IterableIterator<{
             const codeRange: [number, number] = [startTagEnd, endTagStart]
 
             const attrRe =
-                /(?<key>[^\s=]+)(?:=(?:"(?<val1>[^"]*)"|'(?<val2>[^"]*)'|(?<val3>[^\s=]+)))?/giu
+                /(?<key>[^\s=]+)(?:=(?:"(?<val1>[^"]*)"|'(?<val2>[^"]*)'|(?<val3>[^\s=]+)))?/gu
             const attrs: Record<string, string | undefined> = {}
             let attrRes
             while ((attrRes = attrRe.exec(attributes))) {

src/parser/converts/root.ts

@@ -137,19 +137,31 @@ function extractAttributes(
     ctx: Context,
 ) {
     const script = element.type === "SvelteScriptElement"
-    const code =
-        " ".repeat(element.range[0]) +
-        ctx.sourceCode.template
-            .slice(...element.range)
-            .replace(
-                script
-                    ? /<script(\s[\s\S]*?)?>([\s\S]*?)<\/script>/giu
-                    : /<style(\s[\s\S]*?)?>([\s\S]*?)<\/style>/giu,
-                (_tag, attributes: string | undefined, context: string) =>
-                    `${script ? "<div   " : "<div  "}${
-                        attributes || ""
-                    }>${" ".repeat(context.length)}</div>`,
-            )
+
+    let code = " ".repeat(element.range[0])
+
+    const elementCode = ctx.sourceCode.template.slice(...element.range)
+    const startRegex = script
+        ? /<script(\s[\s\S]*?)?>/giu
+        : /<style(\s[\s\S]*?)?>/giu
+    const endTag = script ? "</script>" : "</style>"
+    let re
+    let index = 0
+    while ((re = startRegex.exec(elementCode))) {
+        const [, attributes] = re
+
+        const endTagIndex = elementCode.indexOf(endTag, startRegex.lastIndex)
+        if (endTagIndex >= 0) {
+            const contextLength = endTagIndex - startRegex.lastIndex
+            code += elementCode.slice(index, re.index)
+            code += `${script ? "<div   " : "<div  "}${attributes || ""}>`
+            code += `${" ".repeat(contextLength)}</div>`
+            startRegex.lastIndex = index = endTagIndex + endTag.length
+        } else {
+            break
+        }
+    }
+    code += elementCode.slice(index)
     const svelteAst = parse(code) as SvAST.Ast
 
     const fakeElement = svelteAst.html.children.find(