useVueValidVBind

Summary

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

Forbids v-bind directives with missing values or invalid modifiers.

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

The directive has neither a value nor a static argument from which to derive one. E.g. <div v-bind></div> or <div v-bind:[foo]></div>. v-bind:foo and :foo are accepted because they are valid Vue 3.4+ same-name shorthand for :foo="foo".
The directive has invalid modifiers. E.g. <div v-bind:aaa.bbb="ccc"></div>

1
<Foo v-bind />

1
<div v-bind></div>

1
<Foo v-bind:foo="foo" />

1
<Foo :foo />