fix(nested): avoid console warnings when updating items order

fixes #20934

Author: J-Sek

packages/vuetify/src/components/VTreeview/__tests__/VTreeview.spec.browser.tsx

@@ -2,7 +2,7 @@
 import { VTreeview } from '../VTreeview'
 
 // Utilities
-import { render, screen, userEvent, waitAnimationFrame, waitIdle } from '@test'
+import { render, screen, userEvent, wait, waitAnimationFrame, waitIdle } from '@test'
 import { nextTick, reactive, ref, shallowRef } from 'vue'
 
 const items = [
@@ -648,6 +648,7 @@ describe.each([
           />
         ))
 
+        await nextTick()
         search.value = 'j'
         await nextTick()
         expect(screen.getByText(/Vuetify/)).toBeVisible()

packages/vuetify/src/composables/nested/nested.ts

@@ -5,6 +5,7 @@ import { useProxiedModel } from '@/composables/proxiedModel'
 import {
   computed,
   inject,
+  nextTick,
   onBeforeMount,
   onBeforeUnmount,
   provide,
@@ -13,6 +14,7 @@ import {
   toRaw,
   toRef,
   toValue,
+  watch,
 } from 'vue'
 import {
   independentActiveStrategy,
@@ -378,7 +380,9 @@ export const useNestedItem = (id: MaybeRefOrGetter<unknown>, isDisabled: MaybeRe
 
   onBeforeMount(() => {
     if (!parent.isGroupActivator) {
-      parent.root.register(computedId.value, parent.id.value, toValue(isDisabled), isGroup)
+      nextTick(() => {
+        parent.root.register(computedId.value, parent.id.value, toValue(isDisabled), isGroup)
+      })
     }
   })
 
@@ -388,6 +392,15 @@ export const useNestedItem = (id: MaybeRefOrGetter<unknown>, isDisabled: MaybeRe
     }
   })
 
+  watch(computedId, (val, oldVal) => {
+    if (!parent.isGroupActivator) {
+      parent.root.unregister(oldVal)
+      nextTick(() => {
+        parent.root.register(val, parent.id.value, toValue(isDisabled), isGroup)
+      })
+    }
+  })
+
   isGroup && provide(VNestedSymbol, item)
 
   return item