Skip to content

Commit 6bb3fce

Browse files
committed
fix(VBtn): set group state for non-router links
fixes #22085
1 parent 8924b4d commit 6bb3fce

File tree

2 files changed

+5
-1
lines changed

2 files changed

+5
-1
lines changed

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -121,7 +121,7 @@ export const VBtn = genericComponent<VBtnSlots>()({
121121
return props.active
122122
}
123123

124-
if (link.isLink.value) {
124+
if (link.isRouterLink.value) {
125125
return link.isActive?.value
126126
}
127127

packages/vuetify/src/composables/router.tsx

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,7 @@ export interface LinkListeners {
4444

4545
export interface UseLink extends Omit<Partial<ReturnType<typeof _useLink>>, 'href'> {
4646
isLink: Readonly<Ref<boolean>>
47+
isRouterLink: Readonly<Ref<boolean>>
4748
isClickable: Readonly<Ref<boolean>>
4849
href: Ref<string | undefined>
4950
linkProps: Record<string, string | undefined>
@@ -61,6 +62,7 @@ export function useLink (props: LinkProps & LinkListeners, attrs: SetupContext['
6162
const href = toRef(() => props.href)
6263
return {
6364
isLink,
65+
isRouterLink: toRef(() => false),
6466
isClickable,
6567
href,
6668
linkProps: reactive({ href }),
@@ -83,9 +85,11 @@ export function useLink (props: LinkProps & LinkListeners, attrs: SetupContext['
8385
return link.value.isExactActive?.value && deepEqual(link.value.route.value.query, route.value.query)
8486
})
8587
const href = computed(() => props.to ? link.value?.route.value.href : props.href)
88+
const isRouterLink = toRef(() => !!props.to)
8689

8790
return {
8891
isLink,
92+
isRouterLink,
8993
isClickable,
9094
isActive,
9195
route: link.value?.route,

0 commit comments

Comments
 (0)