refactor(VTreeviewItem): reuse VListItem link and clean-up code

improves #19919

Author: johnleider

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

@@ -385,6 +385,7 @@ export const VListItem = genericComponent<VListItemSlots>()({
       select,
       root,
       id: uid,
+      link,
     }
   },
 })

packages/vuetify/src/labs/VTreeview/VTreeviewItem.tsx

@@ -9,7 +9,6 @@ import { VProgressCircular } from '@/components/VProgressCircular'
 
 // Composables
 import { IconValue } from '@/composables/icons'
-import { useLink } from '@/composables/router'
 
 // Utilities
 import { computed, inject, ref, toRaw } from 'vue'
@@ -32,29 +31,32 @@ export const VTreeviewItem = genericComponent<VListItemSlots>()({
 
   props: makeVTreeviewItemProps(),
 
-  setup (props, { attrs, slots, emit }) {
-    const link = useLink(props, attrs)
+  setup (props, { slots }) {
+    const visibleIds = inject(VTreeviewSymbol, { visibleIds: ref() }).visibleIds
+
     const vListItemRef = ref<VListItem>()
 
     const isActivatableGroupActivator = computed(() =>
       (vListItemRef.value?.root.activatable.value) &&
       vListItemRef.value?.isGroupActivator
     )
-
+    const vListItemRefIsClickable = computed(() => (
+      vListItemRef.value?.link.isClickable.value ||
+      (props.value != null && !!vListItemRef.value?.list)
+    ))
     const isClickable = computed(() =>
       !props.disabled &&
       props.link !== false &&
-      (props.link || link.isClickable.value || (props.value != null && !!vListItemRef.value?.list) || isActivatableGroupActivator.value)
+      (props.link || vListItemRefIsClickable.value || isActivatableGroupActivator.value)
     )
+    const isFiltered = computed(() => visibleIds.value && !visibleIds.value.has(toRaw(vListItemRef.value?.id)))
 
     function activateGroupActivator (e: MouseEvent | KeyboardEvent) {
       if (isClickable.value && isActivatableGroupActivator.value) {
         vListItemRef.value?.activate(!vListItemRef.value?.isActivated, e)
       }
     }
 
-    const visibleIds = inject(VTreeviewSymbol, { visibleIds: ref() }).visibleIds
-
     useRender(() => {
       const listItemProps = omit(VListItem.filterProps(props), ['onClick'])
       const hasPrepend = slots.prepend || props.toggleIcon
@@ -68,7 +70,7 @@ export const VTreeviewItem = genericComponent<VListItemSlots>()({
             'v-treeview-item',
             {
               'v-treeview-item--activatable-group-activator': isActivatableGroupActivator.value,
-              'v-treeview-item--filtered': visibleIds.value && !visibleIds.value.has(toRaw(vListItemRef.value?.id)),
+              'v-treeview-item--filtered': isFiltered.value,
             },
             props.class,
           ]}