Linting for Typescript Projects

Run the following command to add SwiftWC to your project:

npm

npm i -D eslint@latest @eslint/js@latest @swiftwc/eslint-plugin@latest

bun

bun add --exact eslint@latest @eslint/js@latest @swiftwc/eslint-plugin@latest --dev

Add this to your ESLint configuration file:

Modify eslint.config.js like this:

eslint.config.js

import html from "@html-eslint/eslint-plugin";
import parser from "@html-eslint/parser";
import swiftwc from "@swiftwc/eslint-plugin/html/en";

export default [
  {
    files: ["**/*.html"],
    languageOptions: {
      parser,
    },
    plugins: {
      html,
      swiftwc,
    },
    language: "html/html",
    rules: {
      ...swiftwc.configs.recommended.rules,
      // 👇🏻 customize above rules here
    },
  },
];

@html-eslint/eslint-plugin and @html-eslint/parser are required for linting HTML files

They are used to understand your code before applying any rules.

npm

npm i -D @html-eslint/eslint-plugin @html-eslint/parser

bun

bun add --exact @html-eslint/eslint-plugin @html-eslint/parser --dev