Skip to content

vue/require-component-is false positive #869

@Hyzual

Description

@Hyzual

[edit] It turns out this only happens for vue-eslint-parser@^6.0.0. The parsing changes cause this.

Tell us about your environment

  • ESLint version: v5.16.0
  • eslint-plugin-vue version: 5.2.2
  • vue-eslint-parser version: 6.0.3
  • Node version: v10.15.0

Please show your full configuration:

module.exports = {
    plugins: ["vue"],
    extends: [
    ],
    parser: "vue-eslint-parser",
    parserOptions: {
        parser: "babel-eslint",
        ecmaVersion: 2019,
        sourceType: "module"
    },
    rules: {
        "vue/require-component-is": "error"
    }
};

What did you do?
I tried linting the following component in my project using the following command line:

npx eslint Component.vue
// Component.vue
<template><component v-bind:is="a"/></template>

What did you expect to happen?
I expected the component to be valid and no error to be reported.

What actually happened?

$ npx eslint Component.vue 

/home/jmasson/dev/tuleap/Component.vue
  1:11  error  Expected '<component>' elements to have 'v-bind:is' attribute  vue/require-component-is

✖ 1 problem (1 error, 0 warnings)

The rule fails because the parsing changed with vue-eslint-parser v6

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions