fix(link): prefer custom tabindex over linkProps

closes #22115

Author: KaelWD

packages/vuetify/src/components/VBtn/VBtn.tsx

@@ -183,6 +183,7 @@ export const VBtn = genericComponent<VBtnSlots>()({
 
       return withDirectives(
         <Tag
+          { ...link.linkProps }
           type={ Tag === 'a' ? undefined : 'button' }
           class={[
             'v-btn',
@@ -229,7 +230,6 @@ export const VBtn = genericComponent<VBtnSlots>()({
           tabindex={ props.loading || props.readonly ? -1 : undefined }
           onClick={ onClick }
           value={ valueAttr.value }
-          { ...link.linkProps }
         >
           { genOverlays(true, 'v-btn') }
 

packages/vuetify/src/components/VCard/VCard.tsx

@@ -131,6 +131,7 @@ export const VCard = genericComponent<VCardSlots>()({
 
       return (
         <Tag
+          { ...link.linkProps }
           class={[
             'v-card',
             {
@@ -159,7 +160,6 @@ export const VCard = genericComponent<VCardSlots>()({
           onClick={ isClickable && link.navigate }
           v-ripple={ isClickable && props.ripple }
           tabindex={ props.disabled ? -1 : undefined }
-          { ...link.linkProps }
         >
           { hasImage && (
             <div key="image" class="v-card__image">

packages/vuetify/src/components/VChip/VChip.tsx

@@ -189,6 +189,7 @@ export const VChip = genericComponent<VChipSlots>()({
 
       return isActive.value && (
         <Tag
+          { ...link.linkProps }
           class={[
             'v-chip',
             {
@@ -220,7 +221,6 @@ export const VChip = genericComponent<VChipSlots>()({
           onClick={ onClick }
           onKeydown={ isClickable.value && !isLink.value && onKeyDown }
           v-ripple={[isClickable.value && props.ripple, null]}
-          { ...link.linkProps }
         >
           { genOverlays(isClickable.value, 'v-chip') }
 

packages/vuetify/src/components/VList/VListItem.tsx

@@ -257,6 +257,7 @@ export const VListItem = genericComponent<VListItemSlots>()({
 
       return (
         <Tag
+          { ...link.linkProps }
           class={[
             'v-list-item',
             {
@@ -289,7 +290,6 @@ export const VListItem = genericComponent<VListItemSlots>()({
           onClick={ onClick }
           onKeydown={ isClickable.value && !isLink.value && onKeyDown }
           v-ripple={ isClickable.value && rippleOptions.value }
-          { ...link.linkProps }
         >
           { genOverlays(isClickable.value || isActive.value, 'v-list-item') }