wip: parse pug content

Author: Christopher Quadflieg

src/html/parser.ts

@@ -51,6 +51,8 @@ import {
     getScriptParser,
     getParserLangFromSFC,
 } 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
@@ -300,6 +302,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 doc
     }
 

src/index.ts

@@ -106,6 +106,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, () =>
             getParserLangFromSFC(rootAST),

test/fixtures/ast/pug/source.vue

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