useVueValidVHtml

HTML

Caution

This rule is part of the nursery group. This means that it is experimental and the behavior can change at any time.

Summary

• Rule available since: v2.3.6
• Diagnostic Category: lint/nursery/useVueValidVHtml
• 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-html

How to configure

biome.json

{
  "linter": {
    "rules": {
      "nursery": {
        "useVueValidVHtml": "error"
      }
    }
  }
}

Description

Enforce valid v-html directives.

This rule reports v-html directives in the following cases:

• The directive has an argument. E.g. <div v-html:aaa></div>
• The directive has a modifier. E.g. <div v-html.bbb></div>
• The directive does not have an attribute value. E.g. <div v-html></div>

Examples

Invalid

<div v-html:aaa="foo"></div>

<div v-html.bbb="foo"></div>

<div v-html></div>

Valid

<div v-html="htmlContent"></div>

Related links

• Disable a rule
• Configure the code fix
• Rule options
• Source Code
• Test Cases