Please describe what the rule should do:

v-bind same name shorthand was added in Vue 3.4 and is supported since #2355/#2357. A new rule (e.g. vue/v-bind-same-name-style) or a new option of the existing vue/v-bind-style rule should be added that allows always enforcing that shorthand where possible, or always disallow it.

What category should the rule belong to?
[x] Enforces code style (layout)
[ ] Warns about a potential error (problem)
[ ] Suggests an alternate way of doing something (suggestion)
[ ] Other (please specify:)

Provide 2-3 code examples that this rule should warn about:

"sameNameShorthand": "always"

<template> <!-- ✓ GOOD --> <div :foo /> <div v-bind:foo /> <div :foo="bar" /> <div :foo='bar' /> <div v-bind:foo="bar" /> <div v-bind:foo='bar' /> <!-- ✗ BAD --> <div :foo="foo" /> <div :foo='foo' /> <div v-bind:foo="foo" /> <div v-bind:foo='foo' /> </template>

"sameNameShorthand": "never"

<template> <!-- ✓ GOOD --> <div :foo="foo" /> <div :foo='foo' /> <div v-bind:foo="foo" /> <div v-bind:foo='foo' /> <div :foo="bar" /> <div :foo='bar' /> <div v-bind:foo="bar" /> <div v-bind:foo='bar' /> <!-- ✗ BAD --> <div :foo /> <div v-bind:foo /> </template>

Additional context:

• Support v-bind same name shorthand #2355
• Upgrade vue-eslint-parser and add support for v-bind same-name shorthand #2357
• Support for Vue.js 3.4 #2326