title: eslint-plugin-vue vue/valid-v-model appears to warn using the rules in Vue.js 2
body: <p>I'm using Vue.js 3.<br />
  The following eslint-plugin-vue warning appears to warn using the rules in Vue.js 2.<br />
  <code>&lt;MyComponent v-model:propName=&quot;foo&quot;/&gt;</code> This writing style is supported in Vue.js 3.<br />
  How to make it compatible with Vue.js 3?</p>
  <pre><code>&lt;MyInputComponent
    v-model:value=&quot;state.value&quot;
  /&gt;
  // [vue/valid-v-model] 'v-model' directives require no argument. eslint-plugin-vue [7, 9]
  </code></pre>
  <p>.eslintrc.js</p>
  <pre><code>module.exports = {
    extends: [
      'plugin:vue/vue3-recommended',
    ]
  }
  </code></pre>
  <p>package.json</p>
  <pre><code>{
    &quot;name&quot;: &quot;ProjectName&quot;,
    &quot;version&quot;: &quot;0.0.0&quot;,
    &quot;scripts&quot;: {
      &quot;dev&quot;: &quot;vite&quot;,
      &quot;build&quot;: &quot;vite build&quot;
    },
    &quot;dependencies&quot;: {
      &quot;typescript&quot;: &quot;^4.1.2&quot;,
      &quot;vue&quot;: &quot;^3.0.2&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@vue/compiler-sfc&quot;: &quot;^3.0.2&quot;,
      &quot;eslint-plugin-vue&quot;: &quot;^7.1.0&quot;,
      &quot;vite&quot;: &quot;^1.0.0-rc.8&quot;
    }
  }
  </code></pre>