@nnry/eslint-config-svelte

Shared ESLint flat config for Svelte projects.

This package builds on top of @nnry/eslint-config and adds Svelte support with:

• eslint-plugin-svelte
• svelte-eslint-parser
• @typescript-eslint/parser

Install

Install the package and its peer dependencies:

pnpm add -D eslint @nnry/eslint-config @nnry/eslint-config-svelte eslint-plugin-svelte svelte-eslint-parser

If your Svelte files use TypeScript, also install:

pnpm add -D @typescript-eslint/parser

Usage

Create an eslint.config.js file:

import { defineConfig } from 'eslint/config';
import nnrylintSvelte from '@nnry/eslint-config-svelte';

export default defineConfig([
  ...nnrylintSvelte.configs.svelte,
]);

You can also import the config directly:

import { defineConfig } from 'eslint/config';
import { svelte } from '@nnry/eslint-config-svelte';

export default defineConfig([
  ...svelte,
]);

What this config includes

The exported svelte config applies:

• @nnry/eslint-config base rules
• @nnry/eslint-config stylistic rules
• eslint-plugin-svelte flat base config
• svelte-eslint-parser for *.svelte files
• @typescript-eslint/parser as the script parser inside Svelte files
• svelte/indent with 2-space indentation

Linting

Add a script to your project:

{
  "scripts": {
    "lint": "eslint ."
  }
}

Then run:

pnpm lint