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