Skip to content

Instantly share code, notes, and snippets.

@pboling
Created April 22, 2024 01:44
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pboling/e8945f4009e5e521c094616783bd4c13 to your computer and use it in GitHub Desktop.
Save pboling/e8945f4009e5e521c094616783bd4c13 to your computer and use it in GitHub Desktop.
A working ESLint Flat Config for Svelte with TypeScript
import eslint from '@eslint/js';
import pluginImport from 'eslint-plugin-import';
import svelteEslint from 'eslint-plugin-svelte';
import globals from 'globals';
import svelteParser from 'svelte-eslint-parser';
import tsEslint from 'typescript-eslint';
// TODO: Turn on jsdoc
// import jsdoc from 'eslint-plugin-jsdoc';
import markdown from 'eslint-plugin-markdown';
const testingDSL = {
it: 'readonly',
expect: 'readonly',
describe: 'readonly'
};
const ignores = [
// Sure, let's lint our lint config... :D
// ./eslint.config.js
'.DS_Store',
'.env',
'.env.*',
'.github',
// On CI our PNPM store is local to the application source
'.pnpm-store/**/*',
'.svelte-kit/**/*',
'.vscode',
'node_modules/**/*',
'build/**/*',
'package/**/*',
// Ignore files for PNPM, NPM and YARN
'pnpm-lock.yaml',
'package-lock.json',
'yarn.lock',
// i18n dictionaries and auto-generated data
'src/lib/paraglide/**/*'
];
/** @type {import('eslint').Linter.FlatConfig[]} */
export default [
{ ignores },
...markdown.configs.recommended,
eslint.configs.recommended,
...tsEslint.configs.recommended,
...svelteEslint.configs['flat/prettier'],
// jsdoc.configs['flat/recommended'],
{
files: ['**/*.svelte'],
languageOptions: {
parser: svelteParser,
parserOptions: {
parser: tsEslint.parser
},
globals: {
...globals.browser
}
}
},
{
files: ['**/*.svelte.test.ts'],
languageOptions: {
parser: svelteParser,
parserOptions: {
parser: tsEslint.parser
},
globals: {
...globals.browser,
...testingDSL
}
}
},
{
files: ['**/*.ts'],
languageOptions: {
parser: tsEslint.parser
}
},
{
files: ['**/*.test.ts'],
languageOptions: {
parser: tsEslint.parser,
globals: {
...testingDSL
}
}
},
{
files: ['**/*server.ts'],
languageOptions: {
parser: tsEslint.parser,
globals: {
...globals.node
}
}
},
{
files: ['**/*server.test.ts'],
languageOptions: {
parser: tsEslint.parser,
globals: {
...globals.node,
...testingDSL
}
}
},
{
plugins: {
'@typescript-eslint': tsEslint.plugin,
import: pluginImport
},
rules: {
semi: 'warn',
'svelte/sort-attributes': 'warn'
}
}
];
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment