@planfredapp/eslint-config 1.0.9

package/README.md

@@ -0,0 +1,111 @@
+# planfred-eslint-config
+
+Shared ESLint configurations for the Planfred monorepo.
+
+## Available Configurations
+
+### Base Configuration
+
+The base configuration includes common rules and plugins used across all projects:
+
+- Standard JavaScript rules
+- Import/export rules
+- Node.js specific rules
+- Promise handling rules
+- Stylistic rules
+
+### Vue Configuration
+
+Extends the base configuration with Vue.js specific rules:
+
+- Vue component rules
+- Template-specific styling rules
+- Component naming conventions
+- Vue-specific import path rules
+
+### Cypress Configuration
+
+Extends the base configuration with Cypress testing rules:
+
+- TypeScript support
+- Cypress-specific globals and rules
+- Test-specific linting rules
+
+### Test Configuration
+
+Extends the base configuration with testing framework rules:
+
+- Vitest support
+- Test-specific globals
+- Testing best practices
+
+## Usage
+
+### In ESLint Config Files
+
+```javascript
+// For base configuration
+import baseConfig from '@planfred/eslint-config/base'
+
+export default [
+  ...baseConfig,
+  // your specific overrides
+]
+
+// For Vue projects
+import vueConfig from '@planfred/eslint-config/vue'
+
+export default [
+  ...vueConfig,
+  // your specific overrides
+]
+
+// For Cypress tests
+import cypressConfig from '@planfred/eslint-config/cypress'
+
+export default [
+  ...cypressConfig,
+  // your specific overrides
+]
+
+// For test files
+import testConfig from '@planfred/eslint-config/test'
+
+export default [
+  ...testConfig,
+  // your specific overrides
+]
+```
+
+### Package.json Dependencies
+
+Add the shared config as a dependency in your package.json using the GitHub repository URL:
+
+```json
+{
+  "dependencies": {
+    "@planfred/eslint-config": "git+https://github.com/planfred/eslint-config.git"
+  }
+}
+```
+
+Alternatively, you can use a specific version or branch:
+
+```json
+{
+  "dependencies": {
+    "@planfred/eslint-config": "git+https://github.com/planfred/eslint-config.git#v1.0.0"
+  }
+}
+```
+
+## Configuration Structure
+
+The shared configurations are organized as follows:
+
+- `base.js` - Core configuration with common rules
+- `vue.js` - Vue.js specific configuration extending base
+- `cypress.js` - Cypress testing configuration extending base
+- `test.js` - General testing configuration extending base
+
+Each configuration can be extended and overridden as needed in individual projects.

package/base.js

@@ -0,0 +1,457 @@
+/** @type {import('eslint').Linter.Config[]} */
+import js from '@eslint/js'
+import stylisticPlugin from '@stylistic/eslint-plugin'
+import importPlugin from 'eslint-plugin-import'
+import nodePlugin from 'eslint-plugin-n'
+import promisePlugin from 'eslint-plugin-promise'
+import globals from 'globals'
+
+export default [
+  js.configs.recommended,
+  {
+    plugins: {
+      import: importPlugin,
+      promise: promisePlugin,
+      n: nodePlugin,
+      stylistic: stylisticPlugin,
+    },
+    languageOptions: {
+      sourceType: 'module',
+      globals: {
+        ...globals.node,
+        ...globals.browser,
+      },
+    },
+    rules: {
+      'comma-dangle': 'off', // turn off because of stylistic/comma-dangle
+      'no-console': 'off',
+
+      // standard rules
+      'no-var': 'warn',
+      'object-shorthand': ['warn', 'properties'],
+      'accessor-pairs': [
+        'error',
+        {
+          setWithoutGet: true,
+          enforceForClassMembers: true,
+        },
+      ],
+      'array-callback-return': [
+        'error',
+        {
+          allowImplicit: false,
+          checkForEach: false,
+        },
+      ],
+      camelcase: [
+        'error',
+        {
+          allow: ['^UNSAFE_'],
+          properties: 'never',
+          ignoreGlobals: true,
+        },
+      ],
+      'comma-style': ['error', 'last'],
+      'constructor-super': 'error',
+      curly: ['error', 'multi-line'],
+      'default-case-last': 'error',
+      'dot-notation': ['error', { allowKeywords: true }],
+      eqeqeq: ['error', 'always', { null: 'ignore' }],
+      'new-cap': [
+        'error',
+        {
+          newIsCap: true,
+          capIsNew: false,
+          properties: true,
+        },
+      ],
+      'no-array-constructor': 'error',
+      'no-async-promise-executor': 'error',
+      'no-caller': 'error',
+      'no-case-declarations': 'error',
+      'no-class-assign': 'error',
+      'no-compare-neg-zero': 'error',
+      'no-cond-assign': 'error',
+      'no-const-assign': 'error',
+      'no-constant-condition': ['error', { checkLoops: false }],
+      'no-control-regex': 'error',
+      'no-debugger': 'error',
+      'no-delete-var': 'error',
+      'no-dupe-args': 'error',
+      'no-dupe-class-members': 'error',
+      'no-dupe-keys': 'error',
+      'no-duplicate-case': 'error',
+      'no-useless-backreference': 'error',
+      'no-empty': ['error', { allowEmptyCatch: true }],
+      'no-empty-character-class': 'error',
+      'no-empty-pattern': 'error',
+      'no-eval': 'error',
+      'no-ex-assign': 'error',
+      'no-extend-native': 'error',
+      'no-extra-bind': 'error',
+      'no-extra-boolean-cast': 'error',
+      'no-fallthrough': 'error',
+      'no-func-assign': 'error',
+      'no-global-assign': 'error',
+      'no-implied-eval': 'error',
+      'no-import-assign': 'error',
+      'no-invalid-regexp': 'error',
+      'no-irregular-whitespace': 'error',
+      'no-iterator': 'error',
+      'no-labels': [
+        'error',
+        {
+          allowLoop: false,
+          allowSwitch: false,
+        },
+      ],
+      'no-lone-blocks': 'error',
+      'no-loss-of-precision': 'error',
+      'no-misleading-character-class': 'error',
+      'no-multi-str': 'error',
+      'no-prototype-builtins': 'error',
+      'no-useless-catch': 'error',
+      'no-new': 'error',
+      'no-new-func': 'error',
+      'no-new-object': 'error',
+      'no-new-symbol': 'error',
+      'no-new-wrappers': 'error',
+      'no-obj-calls': 'error',
+      'no-octal': 'error',
+      'no-octal-escape': 'error',
+      'no-proto': 'error',
+      'no-redeclare': ['error', { builtinGlobals: false }],
+      'no-regex-spaces': 'error',
+      'no-return-assign': ['error', 'except-parens'],
+      'no-self-assign': ['error', { props: true }],
+      'no-self-compare': 'error',
+      'no-sequences': 'error',
+      'no-shadow-restricted-names': 'error',
+      'no-sparse-arrays': 'error',
+      'no-template-curly-in-string': 'error',
+      'no-this-before-super': 'error',
+      'no-throw-literal': 'error',
+      'no-undef': 'error',
+      'no-undef-init': 'error',
+      'no-unexpected-multiline': 'error',
+      'no-unmodified-loop-condition': 'error',
+      'no-unneeded-ternary': ['error', { defaultAssignment: false }],
+      'no-unreachable': 'error',
+      'no-unreachable-loop': 'error',
+      'no-unsafe-finally': 'error',
+      'no-unsafe-negation': 'error',
+      'no-unused-expressions': [
+        'error',
+        {
+          allowShortCircuit: true,
+          allowTernary: true,
+          allowTaggedTemplates: true,
+        },
+      ],
+      'no-unused-vars': [
+        'error',
+        {
+          args: 'none',
+          caughtErrors: 'none',
+          ignoreRestSiblings: true,
+          vars: 'all',
+          argsIgnorePattern: '^_',
+          destructuredArrayIgnorePattern: '^_',
+        },
+      ],
+      'no-use-before-define': [
+        'error',
+        {
+          functions: false,
+          classes: false,
+          variables: false,
+        },
+      ],
+      'no-useless-call': 'error',
+      'no-useless-computed-key': 'error',
+      'no-useless-constructor': 'error',
+      'no-useless-escape': 'error',
+      'no-useless-rename': 'error',
+      'no-useless-return': 'error',
+      'no-void': 'error',
+      'no-with': 'error',
+      'one-var': ['error', { initialized: 'never' }],
+      'prefer-const': ['error', { destructuring: 'all' }],
+      'prefer-promise-reject-errors': 'error',
+      'prefer-regex-literals': ['error', { disallowRedundantWrapping: true }],
+      'symbol-description': 'error',
+      'unicode-bom': ['error', 'never'],
+      'use-isnan': [
+        'error',
+        {
+          enforceForSwitchCase: true,
+          enforceForIndexOf: true,
+        },
+      ],
+      'valid-typeof': ['error', { requireStringLiterals: true }],
+      yoda: ['error', 'never'],
+
+      // import rules
+      'import/export': 'error',
+      'import/first': 'error',
+      'import/order': [
+        'error',
+        {
+          'newlines-between': 'always',
+          groups: [
+            ['builtin', 'external'],
+            'internal',
+            ['parent', 'sibling', 'index'],
+          ],
+          alphabetize: {
+            order: 'asc',
+            caseInsensitive: true,
+          },
+        },
+      ],
+      'import/no-absolute-path': [
+        'error',
+        {
+          esmodule: true,
+          commonjs: true,
+          amd: false,
+        },
+      ],
+      'import/no-duplicates': 'error',
+      'import/no-named-default': 'error',
+      'import/no-webpack-loader-syntax': 'error',
+
+      // n rules
+      'n/handle-callback-err': ['error', '^(err|error)$'],
+      'n/no-callback-literal': 'error',
+      'n/no-deprecated-api': 'error',
+      'n/no-exports-assign': 'error',
+      'n/no-new-require': 'error',
+      'n/no-path-concat': 'error',
+      'n/process-exit-as-throw': 'error',
+
+      // promise rules
+      'promise/param-names': 'error',
+
+      // custom style rules
+      'stylistic/array-bracket-newline': ['warn', 'consistent'],
+      'stylistic/array-element-newline': [
+        'warn',
+        { ArrayExpression: 'consistent' },
+      ],
+      'stylistic/arrow-parens': 'off',
+      'stylistic/template-curly-spacing': ['off'],
+
+      // standard style rules
+      'stylistic/array-bracket-spacing': ['error', 'never'],
+      'stylistic/arrow-spacing': [
+        'error',
+        {
+          before: true,
+          after: true,
+        },
+      ],
+      'stylistic/block-spacing': ['error', 'always'],
+      'stylistic/brace-style': ['error', '1tbs', { allowSingleLine: true }],
+      'stylistic/comma-dangle': [
+        'error',
+        {
+          arrays: 'always-multiline',
+          objects: 'always-multiline',
+          imports: 'always-multiline',
+          exports: 'always-multiline',
+          functions: 'always-multiline',
+        },
+      ],
+      'stylistic/comma-spacing': [
+        'error',
+        {
+          before: false,
+          after: true,
+        },
+      ],
+      'stylistic/computed-property-spacing': [
+        'error',
+        'never',
+        { enforceForClassMembers: true },
+      ],
+      'stylistic/dot-location': ['error', 'property'],
+      'stylistic/eol-last': 'error',
+      'stylistic/function-call-spacing': ['error', 'never'],
+      'stylistic/generator-star-spacing': [
+        'error',
+        {
+          before: true,
+          after: true,
+        },
+      ],
+      'stylistic/indent': [
+        'error',
+        2,
+        {
+          SwitchCase: 1,
+          VariableDeclarator: 1,
+          outerIIFEBody: 1,
+          MemberExpression: 1,
+          FunctionDeclaration: {
+            parameters: 1,
+            body: 1,
+          },
+          FunctionExpression: {
+            parameters: 1,
+            body: 1,
+          },
+          CallExpression: { arguments: 1 },
+          ArrayExpression: 1,
+          ObjectExpression: 1,
+          ImportDeclaration: 1,
+          flatTernaryExpressions: false,
+          ignoreComments: false,
+          ignoredNodes: [
+            'TemplateLiteral *',
+            'JSXElement',
+            'JSXElement > *',
+            'JSXAttribute',
+            'JSXIdentifier',
+            'JSXNamespacedName',
+            'JSXMemberExpression',
+            'JSXSpreadAttribute',
+            'JSXExpressionContainer',
+            'JSXOpeningElement',
+            'JSXClosingElement',
+            'JSXFragment',
+            'JSXOpeningFragment',
+            'JSXClosingFragment',
+            'JSXText',
+            'JSXEmptyExpression',
+            'JSXSpreadChild',
+          ],
+          offsetTernaryExpressions: true,
+        },
+      ],
+      'stylistic/key-spacing': [
+        'error',
+        {
+          beforeColon: false,
+          afterColon: true,
+        },
+      ],
+      'stylistic/keyword-spacing': [
+        'error',
+        {
+          before: true,
+          after: true,
+        },
+      ],
+      'stylistic/lines-between-class-members': [
+        'error',
+        'always',
+        { exceptAfterSingleLine: true },
+      ],
+      'stylistic/multiline-ternary': ['error', 'always-multiline'],
+      'stylistic/new-parens': 'error',
+      'stylistic/no-extra-parens': ['error', 'functions'],
+      'stylistic/no-floating-decimal': 'error',
+      'stylistic/no-mixed-operators': [
+        'error',
+        {
+          groups: [
+            ['==', '!=', '===', '!==', '>', '>=', '<', '<='],
+            ['&&', '||'],
+            ['in', 'instanceof'],
+          ],
+          allowSamePrecedence: true,
+        },
+      ],
+      'stylistic/no-mixed-spaces-and-tabs': 'error',
+      'stylistic/no-multi-spaces': 'error',
+      'stylistic/no-multiple-empty-lines': [
+        'error',
+        {
+          max: 1,
+          maxBOF: 0,
+          maxEOF: 0,
+        },
+      ],
+      'stylistic/no-tabs': 'error',
+      'stylistic/no-trailing-spaces': 'error',
+      'stylistic/no-whitespace-before-property': 'error',
+      'stylistic/object-curly-newline': [
+        'error',
+        {
+          multiline: true,
+          consistent: true,
+        },
+      ],
+      'stylistic/object-curly-spacing': ['error', 'always'],
+      'stylistic/object-property-newline': 'error',
+      'stylistic/operator-linebreak': [
+        'error',
+        'after',
+        {
+          overrides: {
+            '?': 'before',
+            ':': 'before',
+            '|>': 'before',
+          },
+        },
+      ],
+      'stylistic/padded-blocks': [
+        'error',
+        {
+          blocks: 'never',
+          switches: 'never',
+          classes: 'never',
+        },
+      ],
+      'stylistic/quote-props': ['error', 'as-needed'],
+      'stylistic/quotes': [
+        'error',
+        'single',
+        {
+          avoidEscape: true,
+          allowTemplateLiterals: 'never',
+        },
+      ],
+      'stylistic/rest-spread-spacing': ['error', 'never'],
+      'stylistic/semi': ['error', 'never'],
+      'stylistic/semi-spacing': [
+        'error',
+        {
+          before: false,
+          after: true,
+        },
+      ],
+      'stylistic/space-before-blocks': ['error', 'always'],
+      'stylistic/space-before-function-paren': ['error', 'always'],
+      'stylistic/space-in-parens': ['error', 'never'],
+      'stylistic/space-infix-ops': 'error',
+      'stylistic/space-unary-ops': [
+        'error',
+        {
+          words: true,
+          nonwords: false,
+        },
+      ],
+      'stylistic/spaced-comment': [
+        'error',
+        'always',
+        {
+          line: { markers: ['*package', '!', '/', ',', '='] },
+          block: {
+            balanced: true,
+            markers: ['*package', '!', ',', ':', '::', 'flow-include'],
+            exceptions: ['*'],
+          },
+        },
+      ],
+      'stylistic/template-tag-spacing': ['error', 'never'],
+      'stylistic/wrap-iife': [
+        'error',
+        'any',
+        { functionPrototypeMethods: true },
+      ],
+      'stylistic/yield-star-spacing': ['error', 'both'],
+    },
+  },
+]

package/cypress.js

@@ -0,0 +1,30 @@
+/** @type {import('eslint').Linter.Config[]} */
+import cypressPlugin from 'eslint-plugin-cypress/flat'
+import noOnlyTestsPlugin from 'eslint-plugin-no-only-tests'
+import globals from 'globals'
+import tsEslint from 'typescript-eslint'
+
+import baseConfig from './base.js'
+
+export default [
+  ...baseConfig,
+  ...tsEslint.configs.recommended,
+  cypressPlugin.configs.recommended,
+  {
+    plugins: {
+      '@typescript-eslint': tsEslint.plugin,
+      noOnlyTestsPlugin,
+    },
+    languageOptions: {
+      parser: tsEslint.parser,
+      globals: {
+        ...globals.node,
+        ...globals.browser,
+      },
+    },
+    rules: {
+      '@typescript-eslint/no-require-imports': 'off',
+      'noOnlyTestsPlugin/no-only-tests': 'error',
+    },
+  },
+]

package/eslint.config.js

@@ -0,0 +1,9 @@
+import baseConfig from './base.js'
+
+export default [
+  ...baseConfig,
+  {
+    files: ['**/*.js'],
+    ignores: ['node_modules/**', 'dist/**'],
+  },
+]

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@planfredapp/eslint-config",
+  "version": "1.0.9",
+  "description": "Shared ESLint configurations for Planfred monorepo",
+  "main": "index.js",
+  "type": "module",
+  "exports": {
+    ".": "./base.js",
+    "./base": "./base.js",
+    "./vue": "./vue.js",
+    "./cypress": "./cypress.js",
+    "./test": "./test.js"
+  },
+  "files": [
+    "*.js"
+  ],
+  "scripts": {
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "ncu": "NCU_COOLDOWN_DAYS=${NCU_COOLDOWN_DAYS:-3}; npx npm-check-updates@latest -u --cooldown $NCU_COOLDOWN_DAYS",
+    "upgrade": "git stash; NCU_OUTPUT=${node --run ncu}; npm install; echo \"$NCU_OUTPUT\"; git commit -am \"Upgrade npm packages: \n\n$NCU_OUTPUT\"; git push --force-with-lease;",
+    "tag": "git tag v$(node -p \"require('./package.json').version\") || true",
+    "tag:push": "git push origin v$(node -p \"require('./package.json').version\")",
+    "release": "npm run tag && npm run tag:push",
+    "version:patch": "npm version patch && npm run release",
+    "version:minor": "npm version minor && npm run release",
+    "version:major": "npm version major && npm run release",
+    "publish": "npm publish --access public"
+  },
+  "dependencies": {
+    "@eslint/js": "9.36.0",
+    "@stylistic/eslint-plugin": "5.4.0",
+    "eslint-plugin-import": "2.32.0",
+    "eslint-plugin-n": "17.23.1",
+    "eslint-plugin-promise": "7.2.1",
+    "eslint-plugin-vue": "10.5.0",
+    "eslint-plugin-cypress": "5.1.1",
+    "eslint-plugin-no-only-tests": "3.3.0",
+    "eslint-plugin-no-relative-import-paths": "1.6.1",
+    "@vitest/eslint-plugin": "1.3.13",
+    "typescript-eslint": "8.44.0",
+    "globals": "16.4.0"
+  },
+  "devDependencies": {
+    "vitest": "3.2.4",
+    "eslint": "9.36.0",
+    "typescript": "5.9.2",
+    "vue-eslint-parser": "10.2.0"
+  },
+  "peerDependencies": {
+    "eslint": "9.0.0"
+  }
+}

package/test.js

@@ -0,0 +1,45 @@
+/** @type {import('eslint').Linter.Config[]} */
+import vitestPlugin from '@vitest/eslint-plugin'
+import noOnlyTestsPlugin from 'eslint-plugin-no-only-tests'
+import globals from 'globals'
+
+import baseConfig from './base.js'
+
+export default [
+  ...baseConfig,
+  {
+    plugins: {
+      noOnlyTestsPlugin,
+      vitest: vitestPlugin,
+    },
+    languageOptions: {
+      globals: {
+        ...globals.node,
+        // Test globals
+        describe: 'readonly',
+        it: 'readonly',
+        test: 'readonly',
+        expect: 'readonly',
+        beforeEach: 'readonly',
+        beforeAll: 'readonly',
+        afterEach: 'readonly',
+        afterAll: 'readonly',
+        vi: 'readonly',
+        // Additional test globals
+        assert: 'readonly',
+        suite: 'readonly',
+        spec: 'readonly',
+        context: 'readonly',
+        // Chai globals
+        should: 'readonly',
+      },
+    },
+    rules: {
+      ...vitestPlugin.configs.recommended.rules,
+      'vitest/valid-expect': 'off', // Produces too much false positives right now. Try again at some point.
+      'vitest/expect-expect': 'off', // Sometimes expect statements are hidden in helper functions.
+      'vitest/no-commented-out-tests': 'off',
+      'noOnlyTestsPlugin/no-only-tests': 'error',
+    },
+  },
+]

package/vitest.config.js

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vitest/config'
+
+export default defineConfig({
+  test: {
+    globals: true,
+    environment: 'node',
+  },
+})

package/vue.js

@@ -0,0 +1,191 @@
+/** @type {import('eslint').Linter.Config[]} */
+import noRelativeImportPathsPlugin from 'eslint-plugin-no-relative-import-paths'
+import vuePlugin from 'eslint-plugin-vue'
+
+import baseConfig from './base.js'
+
+export default [
+  ...baseConfig,
+  ...vuePlugin.configs['flat/recommended'],
+  {
+    plugins: {
+      vue: vuePlugin,
+    },
+    rules: {
+      // vue rules
+      'vue/padding-lines-in-component-definition': ['error'],
+      'vue/padding-line-between-blocks': 'error',
+      'vue/padding-line-between-tags': [
+        'error',
+        [
+          {
+            blankLine: 'always',
+            prev: '*',
+            next: '*',
+          },
+        ],
+      ],
+      'vue/block-order': [
+        'error',
+        {
+          order: ['template', 'script', 'style'],
+        },
+      ],
+      'vue/no-undef-components': [
+        'error',
+        {
+          ignorePatterns: [
+            'PfIcon',
+            'RouterLink',
+            'i18n-t',
+            'trix-editor',
+            'trix-toolbar',
+          ],
+        },
+      ],
+      'vue/html-comment-content-newline': [
+        'error',
+        {
+          singleline: 'ignore',
+          multiline: 'always',
+        },
+      ],
+      'vue/no-unused-refs': 'error',
+      'vue/no-unused-emit-declarations': 'error',
+      'vue/no-undef-properties': 'error',
+      'vue/no-this-in-before-route-enter': 'error',
+      'vue/html-comment-indent': 'error',
+      'vue/html-comment-content-spacing': 'error',
+      'vue/component-name-in-template-casing': 'warn',
+      'vue/multi-word-component-names': 'off',
+      'vue/new-line-between-multi-line-property': 2,
+      'vue/no-deprecated-slot-attribute': 'off',
+      'vue/no-multiple-template-root': 'error',
+      'vue/no-unused-properties': [
+        'warn',
+        {
+          groups: ['props', 'data', 'computed', 'methods', 'setup'],
+          deepData: false,
+          ignorePublicMembers: false,
+          unreferencedOptions: [],
+        },
+      ],
+      'vue/no-v-html': 'error',
+      'vue/eqeqeq': 'error',
+
+      'vue/array-bracket-newline': ['warn', 'consistent'],
+      'vue/array-element-newline': [
+        'warn',
+        { ArrayExpression: 'consistent' },
+      ],
+      'vue/arrow-parens': 'off',
+      'vue/template-curly-spacing': ['off'],
+
+      // extensions of stylistic rules applied to the template tag
+      'vue/array-bracket-spacing': ['error', 'never'],
+      'vue/arrow-spacing': [
+        'error',
+        {
+          before: true,
+          after: true,
+        },
+      ],
+      'vue/block-spacing': ['error', 'always'],
+      'vue/brace-style': ['error', '1tbs', { allowSingleLine: true }],
+      'vue/comma-dangle': [
+        'error',
+        {
+          arrays: 'always-multiline',
+          objects: 'always-multiline',
+          imports: 'always-multiline',
+          exports: 'always-multiline',
+          functions: 'always-multiline',
+        },
+      ],
+      'vue/comma-spacing': [
+        'error',
+        {
+          before: false,
+          after: true,
+        },
+      ],
+      'vue/dot-location': ['error', 'property'],
+      'vue/func-call-spacing': ['error', 'never'],
+      'vue/key-spacing': [
+        'error',
+        {
+          beforeColon: false,
+          afterColon: true,
+        },
+      ],
+      'vue/keyword-spacing': [
+        'error',
+        {
+          before: true,
+          after: true,
+        },
+      ],
+      'vue/multiline-ternary': ['error', 'always-multiline'],
+      'vue/no-extra-parens': ['error', 'functions'],
+      'vue/object-curly-newline': [
+        'error',
+        {
+          multiline: true,
+          consistent: true,
+        },
+      ],
+      'vue/object-curly-spacing': ['error', 'always'],
+      'vue/object-property-newline': 'error',
+      'vue/operator-linebreak': [
+        'error',
+        'after',
+        {
+          overrides: {
+            '?': 'before',
+            ':': 'before',
+            '|>': 'before',
+          },
+        },
+      ],
+      'vue/space-in-parens': ['error', 'never'],
+      'vue/space-infix-ops': 'error',
+      'vue/space-unary-ops': [
+        'error',
+        {
+          words: true,
+          nonwords: false,
+        },
+      ],
+    },
+  },
+  {
+    // IMPORTANT: These rules should be only applied to components, not pages. That's why we filter the files here
+    files: ['src/components/**/*'],
+    rules: {
+      'vue/match-component-file-name': [
+        'error',
+        {
+          extensions: ['vue'],
+          shouldMatchCase: true,
+        },
+      ],
+      'vue/require-name-property': 'error',
+    },
+  },
+  {
+    files: ['src/**/*'], // exclude files from root folder
+    plugins: {
+      noRelativeImportPathsPlugin,
+    },
+    rules: {
+      'noRelativeImportPathsPlugin/no-relative-import-paths': [
+        'error',
+        {
+          allowSameFolder: false,
+          rootDir: 'src',
+          prefix: '@',
+        },
+      ],
+    },
+  },
+]