Planning for v10

[ota-meshi]

This issue lists the changes we plan to release in eslint-plugin-vue v10.

💥 Breaking Changes

• Add slots+expose to vue/order-in-components default order #2153
• Fix detect Nuxt3 defineNuxtComponent #2311
• Drop support for Node.js v14, v16
• Drop support for typescript-eslint v5, v6
• Drop support for ESLint v7 and use use ecmaVersion: 'latest' (Update JS env and remove or update parserOptions.ecmaVersion #1991).
• Change "Versioning Policy"?
  • Change Versioning Policy #2630
  • Allow minor versions of this plugin to enhance the checks for new features in Vue and Nuxt.
  • Allow updating deprecated/reserved HTML+SVG element tag names in minor versions, see Add update-resources script #2171
• Change presets, or Deprecate shareable configs #1951
  • add no-required-prop-with-default rule to vue2 and vue3 presets #1986
  • Configs to set .vue extension via overrides #2036
  • use ecmaVersion: 'latest'
  • Add vue/block-order to recommended configs #2627
  • Add vue/no-deprecated-delete-set to vue3-essential config #2628
  • Add vue/no-deprecated-model-definition to vue3-essential config #2629
  • Add vue/valid-define-options to vue3-essential config #2653
  • Rename .eslintrc configs #2648
  • Remove setup-compiler-macros environments #2652
  • And more...
• Rule schema changes:
  • Remove legacy schema from vue/custom-event-name-casing #2626
  • Remove unused runOutsideVue option from vue/sort-keys #2655
• Make to use project: undefined when parsing script-fragments in <template>. vue-eslint-parser#195
• Remove deprecated rules #2645
• Deprecate rules only relevant for Vue 2

✨ Enhancements

• Add slots+expose to vue/order-in-components default order #2153
• Support for Nuxt v3
  • Add support for defineNuxtComponent()
    • (Related to vue/order-in-components is not working with defineNuxtComponent() #2057)
    • (Related to vue/no-unused-properties does not work with defineNuxtComponent() #2191)
  • Add support for auto imports, and "#imports"
    • (Related to Nuxt 3: auto imported ref will not trigger vue/no-ref-as-operand warning #1969)

Already released earlier

• Support for "Flat Config" #1291
• Nuxt 3: auto imported ref will not trigger vue/no-ref-as-operand warning #1969

[ishowman]

from changelog, vue/no-dupe-keys only support in "eslint-plugin-vue": "^9.14.0",, but I install 9.13.0, and vscode still show the error with Duplicated key. I don't know why...

here are my eslint config:

/* eslint-env node */
require('@rushstack/eslint-patch/modern-module-resolution');

module.exports = {
  root: true,
  extends: [
    'plugin:vue/vue3-essential',
    'eslint:recommended',
    '@vue/eslint-config-typescript',
    // fileURLToPath(new URL('./.eslintrc-auto-import.json', import.meta.url)),
    '@vue/eslint-config-prettier/skip-formatting',
    './.eslintrc-auto-import.json',
  ],
  parserOptions: {
    ecmaVersion: 'latest',
  },
  rules: {
    '@typescript-eslint/ban-ts-comment': 'off',
    '@typescript-eslint/no-unused-vars': [
      'error',
      {
        argsIgnorePattern: '^_',
      },
    ],
    '@typescript-eslint/no-explicit-any': 'off',
    curly: 'error',
    'vue/multi-word-component-names': 'off',
    // 'vue/no-dupe-keys': 'off',
  },
  globals: {
    FroalaEditor: true,
    CSV: true,
  },
};

package.json:

  "devDependencies": {
    "@commitlint/cli": "^15.0.0",
    "@commitlint/config-conventional": "^15.0.0",
    "@rushstack/eslint-patch": "^1.2.0",
    "@types/encoding-japanese": "^2.0.0",
    "@types/jsdom": "^21.1.0",
    "@types/node": "^18.14.2",
    "@types/papaparse": "^5.3.2",
    "@vitejs/plugin-vue": "^4.2.3",
    "@vitejs/plugin-vue-jsx": "^3.0.1",
    "@vue/eslint-config-prettier": "^7.1.0",
    "@vue/eslint-config-typescript": "^11.0.2",
    "@vue/test-utils": "^2.3.0",
    "@vue/tsconfig": "^0.1.3",
    "autoprefixer": "^10.4.0",
    "eslint": "^8.34.0",
    "eslint-plugin-vue": "^9.13.0",
    "husky": "^7.0.4",
    "jsdom": "^21.1.0",
    "lint-staged": "^12.1.2",
    "npm-run-all": "^4.1.5",
    "postcss": "^8.4.4",
    "prettier": "^2.8.4",
    "prettier-plugin-tailwindcss": "^0.2.6",
    "typescript": "~4.8.4",
    "unplugin-auto-import": "^0.16.1",
    "unplugin-vue-components": "^0.24.1",
    "vite": "^4.1.4",
    "vitest": "^0.29.1",
    "vue-tsc": "^1.6.5"
  },

@ota-meshi

[ota-meshi]

Please don't comment unrelated to this thread. Please follow #2096.

[pauliesnug]

As for full ESLint v9 support, which is related to the Flat Config milestone, we also need Type Declarations built-into the package so we can use type check configs.

[FloEdelmann]

@pauliesnug PR welcome! That doesn't even have to wait for v10 because it's not a breaking change.

[pauliesnug]

@pauliesnug PR welcome! That doesn't even have to wait for v10 because it's not a breaking change.

Oh awesome, thank you so much @FloEdelmann I'll open one tomorrow <3

[jfrs]

As for full ESLint v9 support, which is related to the Flat Config milestone, we also need Type Declarations built-into the package so we can use type check configs.

Somewhat related, eslint/eslint#18134 was merged which adds experimental TypeScript config files.

[MartinX3]

As for full ESLint v9 support, which is related to the Flat Config milestone, we also need Type Declarations built-into the package so we can use type check configs.

Somewhat related, eslint/eslint#18134 was merged which adds experimental TypeScript config files.

Which results into a

Vue: Could not find a declaration file for module eslint-plugin-vue.
path/ node_modules/.pnpm/ eslint-plugin-vue@9.27.0_eslint@9.9.0_jiti@1.21.6_/ node_modules/ eslint-plugin-vue/ lib/ index. js
implicitly has an any type.
Try npm i --save-dev @types/ eslint-plugin-vue if it exists or add a new declaration (.d. ts) file containing declare module 'eslint-plugin-vue';

[tomvdk]

Hi guys,

Any news on upgrading to ESLint 9.x please? ESLint 8 is EOL as of October 5th 2024. See: https://eslint.org/version-support.

Thanks!

Kind regeards,

Tom

[FloEdelmann]

@tomvdk ESLint v9 has already been supported since https://github.com/vuejs/eslint-plugin-vue/releases/tag/v9.24.1, ESLint v9's config format has been supported since https://github.com/vuejs/eslint-plugin-vue/releases/tag/v9.24.0.