Pular para o conteúdo

useVueValidVElseIf

Este conteúdo não está disponível em sua língua ainda.

HTML

Summary

Rule available since: v2.3.6
Diagnostic Category: lint/nursery/useVueValidVElseIf
This rule doesn’t have a fix.
The default severity of this rule is information.
This rule belongs to the following domains:
- vue
Sources:
- Same as vue/valid-v-else-if

How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "nursery": {
5
        "useVueValidVElseIf": "error"
6
      }
7
    }
8
  }
9
}

Description

Enforce valid v-else-if directives.

Biome flags these cases:

Has an argument: <div v-else-if:arg="b"></div>.
Has modifiers: <div v-else-if.mod="b"></div>.
Missing value: <div v-else-if></div>.
Not preceded by a sibling with v-if/v-else-if.
On the same element as v-if or v-else.

Examples

Invalid

1
<div v-if="a"></div><div v-else-if:arg="b"></div>

1
<div v-if="a"></div><div v-else-if.mod="b"></div>

1
<div v-if="a"></div><div v-else-if></div>

1
<div v-else-if="b"></div>

1
<div v-if="a" v-else-if="b"></div>

Valid

1
<div v-if="a"></div><div v-else-if="b"></div><div v-else></div>

Copyright (c) 2023-present Biome Developers and Contributors.