title: Use of VSCode Volar extension for a Vue 2 / Nuxt / Typescript / @nuxtjs-composition-api project
body: <p>I'm trying to setup the Volar VSCode extension to work with a NuxtJS / Typescript project. I currently face these two problems in my .vue file templates.
  I followed the <a href="https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar" rel="nofollow noreferrer">installation recommendations</a> for Vue 2 and Typescript as well as enabling <a href="https://github.com/johnsoncodehk/volar/discussions/471" rel="nofollow noreferrer">Take Over mode</a>.</p>
  <p>I've managed to fix some issues that  happened in my codebase with the extension but these two remain.</p>
  <p><strong>Vue 3 deprecation warnings</strong></p>
  <pre><code>(deprecation COMPILER_V_ON_NATIVE) .native modifier for v-on has been removed as is no longer necessary.
    Details: https://v3.vuejs.org/guide/migration/v-on-native-modifier-removed.htmlvue(COMPILER_V_ON_NATIVE)
  </code></pre>
  <p>I would like to find a way to silence these warnings since I'm still using Vue 2 (NuxtJS is not yet compatible with Vue 3).</p>
  <p><strong>Custom event handlers</strong>, for example I have this event handler on a custom <code>&lt;Modal&gt;</code> component.</p>
  <p><code>@modal-confirmation=&quot;onModalConfirmed&quot;</code></p>
  <pre><code>const onModalConfirmed = (modalConfirmation: ModalConfirmation) =&gt; {};
  
  Type '(modalConfirmation: ModalConfirmation) =&gt; void' is not assignable to type '(...payload: unknown[]) =&gt; unknown'.
    Types of parameters 'modalConfirmation' and 'payload' are incompatible.ts(2322)
  </code></pre>
  <p>Anyone went through this process before ?</p>