Skip to content

new Vue is checked by component-related rules #2077

Open
@ntnyq

Description

@ntnyq

Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have read the FAQ and my problem is not listed.

Tell us about your environment

  • ESLint version: 8.31.0
  • eslint-plugin-vue version: 9.9.0
  • Node version: 16.16.0
  • Operating System: macOS

Please show your full configuration:

module.exports = {
  root: true,
  extends: ['plugin:vue/vue3-recommended', 'eslint:recommended'],
  rules: {
    'vue/require-name-property': ['error'],
    'vue/padding-lines-in-component-definition': ['error', {
      betweenOptions: `always`,
      groupSingleLineProperties: false,
    }]
  },
  parserOptions: {
    ecmaVersion: 'latest',
  },
}

What did you do?

import Vue from 'vue'
import App from './App.vue'
import { createPinia } from 'pinia'

const pinia = createPinia()

new Vue({
  pinia,
  ...App
}).$mount('#app')

What did you expect to happen?

Everything works fine and no error reported since new Vue is not listed in docs - eslint-detect-components.

What actually happened?

ESLint reported 2 errors:

  7:9  error  Required name property is not set           vue/require-name-property
  9:3  error  Expected blank line before this definition  vue/padding-lines-in-component-definition

Repository to reproduce this issue

https://github.com/ntnyq-dev/repro-eslint-plugin-vue

Related rules

  • vue/require-name-property
  • vue/padding-lines-in-component-definition
  • others

Additional

If it is expected, how can I exclude it from being checked?

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions