Skip to content

useVueValidVOn

HTML

Summary

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

How to configure

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

Description

Enforce valid v-on directives with proper arguments, modifiers, and handlers.

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

The directive does not have an event name. E.g. <div v-on="foo"></div>
The directive has invalid modifiers. E.g. <div v-on:click.bogus="foo"></div>
The directive is missing a handler expression. E.g. <div v-on:click></div>

Examples

Invalid

1
<Foo v-on />

Valid

1
<Foo v-on:click="foo" />

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