mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-14 20:21:09 +02:00
90 lines
2.6 KiB
JavaScript
90 lines
2.6 KiB
JavaScript
/**
|
|
* Svelte/SvelteKit ESLint configuration
|
|
*
|
|
* Provides Svelte-specific linting rules for SvelteKit web applications.
|
|
* Includes support for Svelte 5 runes syntax.
|
|
*/
|
|
import sveltePlugin from 'eslint-plugin-svelte';
|
|
import tseslint from 'typescript-eslint';
|
|
|
|
/** @type {import('eslint').Linter.Config[]} */
|
|
export const svelteConfig = [
|
|
...sveltePlugin.configs['flat/recommended'],
|
|
{
|
|
files: ['**/*.svelte'],
|
|
languageOptions: {
|
|
parser: sveltePlugin.parser,
|
|
parserOptions: {
|
|
parser: tseslint.parser,
|
|
projectService: true,
|
|
extraFileExtensions: ['.svelte'],
|
|
},
|
|
},
|
|
rules: {
|
|
// ============================================
|
|
// ERRORS - Svelte-specific correctness
|
|
// ============================================
|
|
|
|
// Compilation errors
|
|
'svelte/valid-compile': 'error',
|
|
|
|
// Prevent common Svelte mistakes
|
|
'svelte/no-dom-manipulating': 'error',
|
|
'svelte/no-dupe-else-if-blocks': 'error',
|
|
'svelte/no-dupe-on-directives': 'error',
|
|
'svelte/no-dupe-style-properties': 'error',
|
|
'svelte/no-dupe-use-directives': 'error',
|
|
'svelte/no-dynamic-slot-name': 'error',
|
|
'svelte/no-not-function-handler': 'error',
|
|
'svelte/no-object-in-text-mustaches': 'error',
|
|
'svelte/no-shorthand-style-property-overrides': 'error',
|
|
'svelte/no-unknown-style-directive-property': 'error',
|
|
'svelte/require-store-callbacks-use-set-param': 'error',
|
|
|
|
// ============================================
|
|
// WARNINGS - Best practices
|
|
// ============================================
|
|
|
|
// Code quality
|
|
'svelte/no-at-html-tags': 'warn', // XSS risk, but sometimes needed
|
|
'svelte/no-reactive-functions': 'warn',
|
|
'svelte/no-reactive-literals': 'warn',
|
|
'svelte/no-unused-svelte-ignore': 'warn',
|
|
'svelte/prefer-class-directive': 'warn',
|
|
'svelte/prefer-style-directive': 'warn',
|
|
'svelte/require-each-key': 'warn',
|
|
|
|
// Svelte 5 runes
|
|
'svelte/valid-each-key': 'warn',
|
|
|
|
// ============================================
|
|
// OFF - Too strict or not applicable
|
|
// ============================================
|
|
|
|
// Allow inline handlers for simple cases
|
|
'svelte/no-inline-styles': 'off',
|
|
|
|
// TypeScript handles these in .svelte files
|
|
'no-undef': 'off', // $state, $derived, etc. are globals in Svelte 5
|
|
|
|
// Allow self-closing for components
|
|
'svelte/html-self-closing': 'off',
|
|
},
|
|
},
|
|
{
|
|
// Special rules for SvelteKit files
|
|
files: [
|
|
'**/+page.ts',
|
|
'**/+page.server.ts',
|
|
'**/+layout.ts',
|
|
'**/+layout.server.ts',
|
|
'**/+server.ts',
|
|
],
|
|
rules: {
|
|
// SvelteKit load functions often have specific signatures
|
|
'@typescript-eslint/explicit-function-return-type': 'off',
|
|
},
|
|
},
|
|
];
|
|
|
|
export default svelteConfig;
|