wip: parse pug content

Author: Christopher Quadflieg

src/html/parser.ts

@@ -47,6 +47,8 @@ import { IntermediateTokenizer } from "./intermediate-tokenizer"
 import type { Tokenizer } from "./tokenizer"
 import type { ParserOptions } from "../common/parser-options"
 import { isSFCFile, getScriptParser } from "../common/parser-options"
+// import type { Token } from "pug-lexer";
+import lex from "pug-lexer";
 
 const DIRECTIVE_NAME = /^(?:v-|[.:@#]).*[^.:@#]$/u
 const DT_DD = /^d[dt]$/u
@@ -292,6 +294,14 @@ export class Parser {
         }
         this.postProcessesForScript = []
 
+        // Process pug
+        const match = /<template\s+lang="pug">(?<content>.*)<\/template>/isu.exec(this.text)
+        if (match && match.groups && match.groups.content) {
+            const pugTokens = lex(match.groups.content)
+            console.log(pugTokens);
+
+        }
+
         return this.document
     }
 

src/index.ts

@@ -93,6 +93,8 @@ export function parseForESLint(
             template != null && (templateLang === "html" || templateLang === "pug")
                 ? Object.assign(template, concreteInfo)
                 : undefined
+        // if (templateLang === "pug")
+        //   console.log(templateBody)
 
         const scriptParser = getScriptParser(options.parser, rootAST, "script")
         let scriptSetup: VElement | undefined

test/fixtures/ast/pug/source.vue

@@ -1,3 +1,3 @@
 <template lang="pug">
-    Hello!
+p {{ greeting }} World!
 </template>