useVueValidVOn

Summary

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

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

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

The directive has neither an event name nor a value (an arg-less v-on with a value is the object syntax, e.g. <div v-on="$listeners"></div>, which is valid).
The directive has invalid modifiers. E.g. <div v-on:click.bogus="foo"></div>
The directive is missing a handler expression, unless one of the verb modifiers (stop, prevent) is present. The verb modifiers carry an intrinsic side effect (event.stopPropagation() / event.preventDefault()) and are valid Vue syntax without a handler. E.g. <div v-on:click></div> is invalid but <div @click.stop></div> is valid.

1
<Foo v-on />

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

1
<div @click.stop></div>