fix(router): make props.to individually reactive

fixes #19515
vuetifyjs · Mar 30, 2024 · f15b57b · f15b57b
1 parent 46eaff3
commit f15b57b
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/vuetify/src/composables/router.tsx b/packages/vuetify/src/composables/router.tsx
@@ -65,7 +65,10 @@ export function useLink (props: LinkProps & LinkListeners, attrs: SetupContext['
     }
   }
   // vue-router useLink `to` prop needs to be reactive and useLink will crash if undefined
-  const linkProps = computed(() => ({ ...props, to: props.to ? props.to : {} }))
+  const linkProps = computed(() => ({
+    ...props,
+    to: toRef(() => props.to || {}),
+  }))
 
   const routerLink = RouterLink.useLink(linkProps.value as UseLinkOptions)
   // Actual link needs to be undefined when to prop is not used