Skip to content

Autofix of vue/html-self-closing and vue/component-name-in-template-casing are in conflict #554

Closed
@ota-meshi

Description

@ota-meshi

Tell us about your environment

  • ESLint Version: 5.3.0
  • eslint-plugin-vue Version: 5.0.0-beta.2
  • Node Version: 8.0.0

Please show your full configuration:

  "eslintConfig": {
    "plugins": [
      "vue"
    ],
    "extends": ["plugin:vue/base"],
    "rules": {
      "vue/html-self-closing": ["error", {
        "html": {
          "component": "never"
        }
      }],
      "vue/component-name-in-template-casing": ["error", "kebab-case"]
    }
  }

What did you do? Please include the actual source code causing the issue.

I autofixed the following vue file.

<template>
  <VueComponent />
</template>

What did you expect to happen?

I expected the result of the autofix as following.

<template>
  <vue-component ></vue-component>
</template>

What actually happened? Please include the actual, raw output from ESLint.

But it got the following result.

<template>
  <vue-component ></VueComponent>
</template>

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions