[Idea] Extend html-eslint rules to frameworks & template engines

[yeonjuan]

It might be valuable to make html-eslint rules reusable not only for plain HTML files but also for frameworks (React, Vue, Angular) and template engines (e.g., Handlebars, EJS, Pug).

The idea is to separate the core HTML checking logic into a @html-eslint/core package, and then provide adapters like @html-eslint/react, @html-eslint/vue, @html-eslint/angular, or @html-eslint/handlebars. Each adapter would parse its syntax and run the shared rules through the core engine.

This could bring consistent HTML linting (attributes, accessibility, best practices, SEO/security checks) across plain HTML, JSX/TSX, Vue SFCs, Angular templates, and popular templating engines.

[3ru]

Hi @yeonjuan, I really like this idea!

I imagine this would be quite a significant undertaking though. Just curious, what's your current motivation level for this, and do you have a rough timeline in mind?

[yeonjuan]

@3ru Hi! Thanks for taking an interest in this. 👍
I do think this feature would be really useful, but it’s still in the idea stage, so I haven’t thought about a timeline yet. As you mentioned, it will likely require quite a bit of work, so I was curious to see what others who might be interested in this project think about it. That’s why I opened this issue.