Install Master CSS ESLint in Svelte

Guide to installing Master CSS ESLint in your Svelte project.

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

npm install -D @master/eslint-config-css@rc eslint-plugin-svelte eslint

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

{
    "extends": [
         "@master/css",
         "plugin:svelte/recommended"
    ]
}

Add the eslint.validate option of the extension to validate .svelte files because the extension targets only *.js or *.jsx files by default.

Check out the Visual Studio Code guide if you haven't installed the ESLint extension yet.

{
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "svelte"
    ]
}

npx eslint *.svelte