yeslint/configs/svelte.js

'use strict';

const generic = require('./generic.js');

/**
 * An extension on the default yeslint! generic config, with rules specific to
 * Svelte codebases and JavaScript source code for browser environments.
 *
 * @package yeslint!
 * @author Romein van Buren
 * @license MIT
 * @type {import('eslint').Linter.Config}
 */
const svelte = {
  parserOptions: {
    ...generic.parserOptions,
    ecmaVersion: 2020,
    sourceType: 'module',
  },
  env: {
    ...generic.browser,
    browser: true,
    node: true,
    es6: true,
  },
  extends: [
    ...generic.extends,
    'plugin:svelte/recommended',
  ],
  plugins: [
    ...generic.plugins,
    'svelte',
  ],
  overrides: [ {
    files: '*.svelte',
    parser: 'svelte-eslint-parser',
    rules: {
      'no-inner-declarations': 0,
      'svelte/no-inner-declarations': [
        'error',
        'functions',
      ],
      'svelte/html-quotes': [
        'error',
        {
          prefer: 'double',
          dynamic: {
            quoted: false,
            avoidInvalidUnquotedInHTML: false,
          },
        },
      ],
      'svelte/no-useless-mustaches': 'warn',
      'svelte/require-store-reactive-access': 'warn',
      'svelte/no-reactive-literals': 'error',
      'svelte/html-closing-bracket-spacing': 'warn',
      'svelte/indent': [
        'warn',
        {
          indent: 2,
          ignoredNodes: [],
          switchCase: 1,
          alignAttributesVertically: false,
        },
      ],
      'svelte/max-attributes-per-line': [
        'warn',
        {
          multiline: 1,
          singleline: 4,
        },
      ],
      'svelte/first-attribute-linebreak': [
        'warn',
        {
          multiline: 'below',
          singleline: 'beside',
        },
      ],
      'svelte/mustache-spacing': 'warn',
      'svelte/no-extra-reactive-curlies': 'error',
      'svelte/no-spaces-around-equal-signs-in-attribute': 'warn',
      'svelte/prefer-class-directive': 'warn',
      'svelte/shorthand-attribute': 'warn',
      'svelte/shorthand-directive': 'warn',
      'svelte/spaced-html-comment': 'warn',
      'svelte/no-at-html-tags': 0,
      'svelte/html-self-closing': [
        'warn',
        'all',
      ],
    },
  }  ],
  rules: {
    ...generic.rules,
    strict: 0,
  },
};

module.exports = svelte;