vue/order-in-components is not working with defineNuxtComponent() · Issue #2057 · vuejs/eslint-plugin-vue (original) (raw)

Checklist

Tell us about your environment

Please show your full configuration:

module.exports = { root: true, extends: ['@antfu', 'plugin:tailwindcss/recommended'], plugins: [ 'tailwindcss', ], rules: { 'vue/component-tags-order': ['error', { order: ['template', 'script', 'style'], }], 'camelcase': ['warn'], 'import/newline-after-import': ['warn'], 'no-unused-vars': ['warn'], 'vue/no-unused-vars': ['warn'], 'vue/new-line-between-multi-line-property': ['warn', { minLineOfMultilineProperty: 3 }], 'tailwindcss/classnames-order': 'warn', 'tailwindcss/no-custom-classname': 0, 'tailwindcss/no-contradicting-classname': 'error', 'vue/order-in-components': ['warn', { order: [ 'el', 'name', 'key', 'parent', 'functional', ['delimiters', 'comments'], ['components', 'directives', 'filters'], 'extends', 'mixins', ['provide', 'inject'], 'ROUTER_GUARDS', 'layout', 'middleware', 'validate', 'scrollToTop', 'transition', 'loading', 'inheritAttrs', 'model', ['props', 'propsData'], 'emits', 'setup', 'asyncData', 'data', 'fetch', 'computed', 'watch', 'watchQuery', 'LIFECYCLE_HOOKS', 'methods', ['template', 'render'], 'renderError', 'head', ], }], '@typescript-eslint/space-before-function-paren': ['error', 'always'], '@typescript-eslint/brace-style': ['error', '1tbs', { allowSingleLine: true }], 'vue/quote-props': ['error', 'as-needed'], 'curly': ['error', 'all'], 'no-sequences': 0, 'max-statements-per-line': ['error', { max: 2 }], }, }

What did you do?

What did you expect to happen?

It should show warning on line data: () => ({

It shows it if I replace defineNuxtComponent with defineComponent
"ESLint: The "data" property should be above the "computed" property on line 22.(vue/order-in-components)"

What actually happened?

No warning.

Repository to reproduce this issue

Reproduction:
https://stackblitz.com/edit/github-amdjq7?file=pages/should-warning-but-doesnt.vue
run yarn lint in console