Install Master CSS ESLint with Laravel

Guide to installing Master CSS ESLint in your Laravel project.

Installation

Install the plugin and parser into your project via package managers.

npm i -D @master/eslint-config-css@rc @angular-eslint/template-parser eslint

Set up ESLint config

Import and add the Master CSS ESLint Configuration css to eslint.config.js.

Use @angular-eslint/template-parser to parse .blade.php files.

import htmlParser from "@angular-eslint/template-parser"import css from '@master/eslint-config-css'export default [    {        files: ['**/*.blade.php'],        languageOptions: { parser: htmlParser }    },    css]

Start linting your code

npx eslint

Not working in Visual Studio Code? Next, set up the VSCode ESLint.