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 install -D @master/eslint-config-css@rc @angular-eslint/template-parser eslint

Set up your config

Create .eslintrc.json if you don't have one.

Add @master/css to the extends section.
Add @angular-eslint/template-parser to the overrides section.

{
    "extends": ["@master/css"],
    "overrides": [
        {
            "files": ["*.blade.php"],
            "parser": "@angular-eslint/template-parser"
        }
    ]
}

Start linting your code

npx eslint *.blade.php

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