如何找到将 '>' 开始新行移动到 html 中上一行的 lint 规则？

Question

我在向 Google 提出问题时遇到困难，但我可以用一个例子来说明我的问题：

这是我的 Vue 组件中的代码片段

        <span v-if="item.editable">
          <v-icon color="primary" @click="openApplicantEditCreateDialog(item)"
            >mdi-pencil</v-icon
          >
          <v-icon color="primary" @click="openApplicantDeleteDialog(item)"
            >mdi-delete-forever</v-icon
          >
        </span>

这是我需要的代码

        <span v-if="item.editable">
          <v-icon color="primary" @click="openApplicantEditCreateDialog(item)">
            mdi-pencil
          </v-icon>
          <v-icon color="primary" @click="openApplicantDeleteDialog(item)">
            mdi-delete-forever
          </v-icon>
        </span>

我不喜欢在组件中使用

>

开始新行的惯例。相反，我更喜欢用

>

结束 HTML 标签来结束行。

Answer 1

正确的插件有名称

vue/html-closing-bracket-newline

https://eslint.vuejs.org/rules/html-ending-bracket-newline

描述：

要求或不允许在标签的右括号之前换行

使用示例

<template>
  <!-- ✓ GOOD -->
  <div id="foo" class="bar">
  <div
    id="foo"
    class="bar"
  >

  <!-- ✗ BAD -->
  <div id="foo" class="bar"
  >
  <div
    id="foo"
    class="bar">
</template>