title: Modifying old code to vue router 4 in vuejs
body: <p>Before Vue Router 4, I had the following markup:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;router-link
                :disabled=&quot;!ICanGo(item)&quot;
                :tag=&quot;!ICanGo(item) ? 'span' : 'a'&quot;
                :event=&quot;ICanGo(item) ? 'click' : ''&quot;
                :to=&quot;{ name: 'editUsuario', params: { id: item.id } }&quot;
  &gt;{{ item.nome }}&lt;/router-link&gt;
  </code></pre>
  <p>With Vue Router 4, I have the following warning now:</p>
  <pre><code>[vue-router]
  &lt;router-link&gt;'s tag prop is deprecated and has been removed in Vue Router 4. Use the v-slot API to remove this warning: https://next.router.vuejs.org/guide/migration/#removal-of-event-and-tag-props-in-router-link. 
  </code></pre>
  <p>How could I change this code to Vue Router 4 recommendations?</p>