fix(VBtn): add aria-disabled and tabindex to disabled links

[Haviles04]

Description

Fixes #22061
Addresses #22071

Markup:

<template>
  <v-app>
    <v-container class="d-flex flex-column">
      <v-text-field v-model="msg" />
      <v-btn @click="onClick">Active Button</v-btn>
      <v-btn color="secondary" :disabled="true" @click="onClick">I'm real button!</v-btn>
      <v-btn color="primary" href="http://www.google.com" target="_blank" :disabled="true" @click="onClick">I'm a link!</v-btn>
    </v-container>
  </v-app>
</template>

<script setup>
import { ref } from 'vue'

const msg = ref('Hello World!')
const onClick = () => {
  console.log('hi');
}
</script>

[J-Sek]

Would it be possible to consolidate this in router.tsx » linkProps so we can share this logic between VBtn, VChip, VCard and VListItem?

[Haviles04]

Would it be possible to consolidate this in router.tsx » linkProps so we can share this logic between VBtn, VChip, VCard and VListItem?

Excellent idea, this is a much better solution!

[J-Sek]

❗ It took away tabindex="-2" from list items which seems to break navigation (arrow up/down) within lists (VSelect, VCombobox, VAutocomplete). @Haviles04

[Haviles04]

❗ It took away tabindex="-2" from list items which seems to break navigation (arrow up/down) within lists (VSelect, VCombobox, VAutocomplete). @Haviles04

Lookin into this now