@vuetify/nightly 3.7.5-master.2024-12-15 → 3.7.5-master.2024-12-17

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.5-master.2024-12-15
+* Vuetify v3.7.5-master.2024-12-17
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -8951,7 +8951,9 @@
       isLeaf: vue.computed(() => !parent.root.children.value.get(computedId.value)),
       isGroupActivator: parent.isGroupActivator
     };
-    !parent.isGroupActivator && parent.root.register(computedId.value, parent.id.value, isGroup);
+    vue.onBeforeMount(() => {
+      !parent.isGroupActivator && parent.root.register(computedId.value, parent.id.value, isGroup);
+    });
     vue.onBeforeUnmount(() => {
       !parent.isGroupActivator && parent.root.unregister(computedId.value);
     });
@@ -9185,16 +9187,22 @@
         color: isActive.value ? color.value ?? props.baseColor : props.baseColor,
         variant: props.variant
       }));
+
+      // useNestedItem doesn't call register until beforeMount,
+      // so this can't be an immediate watcher as we don't know parent yet
       vue.watch(() => link.isActive?.value, val => {
-        if (val && parent.value != null) {
+        if (!val) return;
+        handleActiveLink();
+      });
+      vue.onBeforeMount(() => {
+        if (link.isActive?.value) handleActiveLink();
+      });
+      function handleActiveLink() {
+        if (parent.value != null) {
           root.open(parent.value, true);
         }
-        if (val) {
-          openOnSelect(val);
-        }
-      }, {
-        immediate: true
-      });
+        openOnSelect(true);
+      }
       const {
         themeClasses
       } = provideTheme(props);
@@ -12378,7 +12386,8 @@
     const computedItems = vue.computed(() => {
       return items.value.slice(first.value, last.value).map((item, index) => ({
         raw: item,
-        index: index + first.value
+        index: index + first.value,
+        key: isObject(item) && 'value' in item ? item.value : index + first.value
       }));
     });
     vue.watch(items, () => {
@@ -12493,7 +12502,7 @@
       });
       useRender(() => {
         const children = computedItems.value.map(item => vue.createVNode(VVirtualScrollItem, {
-          "key": item.index,
+          "key": item.key,
           "renderless": props.renderless,
           "onUpdate:height": height => handleItemResize(item.index, height)
         }, {
@@ -12892,6 +12901,7 @@
               "color": props.itemColor ?? props.color
             }, listEvents, props.listProps), {
               default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? vue.createVNode(VListItem, {
+                "key": "no-data",
                 "title": t(props.noDataText)
               }, null)), vue.createVNode(VVirtualScroll, {
                 "ref": vVirtualScrollRef,
@@ -12906,7 +12916,7 @@
                   } = _ref2;
                   const itemProps = vue.mergeProps(item.props, {
                     ref: itemRef,
-                    key: index,
+                    key: item.value,
                     onClick: () => select(item, null)
                   });
                   return slots.item?.({
@@ -13466,6 +13476,7 @@
               "color": props.itemColor ?? props.color
             }, listEvents, props.listProps), {
               default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? vue.createVNode(VListItem, {
+                "key": "no-data",
                 "title": t(props.noDataText)
               }, null)), vue.createVNode(VVirtualScroll, {
                 "ref": vVirtualScrollRef,
@@ -13480,7 +13491,7 @@
                   } = _ref4;
                   const itemProps = vue.mergeProps(item.props, {
                     ref: itemRef,
-                    key: index,
+                    key: item.value,
                     active: highlightFirst.value && index === 0 ? true : undefined,
                     onClick: () => select(item, null)
                   });
@@ -17345,6 +17356,7 @@
               "color": props.itemColor ?? props.color
             }, listEvents, props.listProps), {
               default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? vue.createVNode(VListItem, {
+                "key": "no-data",
                 "title": t(props.noDataText)
               }, null)), vue.createVNode(VVirtualScroll, {
                 "ref": vVirtualScrollRef,
@@ -17359,7 +17371,7 @@
                   } = _ref4;
                   const itemProps = vue.mergeProps(item.props, {
                     ref: itemRef,
-                    key: index,
+                    key: item.value,
                     active: highlightFirst.value && index === 0 ? true : undefined,
                     onClick: () => select(item, null)
                   });
@@ -28276,7 +28288,7 @@
       goTo
     };
   }
-  const version$1 = "3.7.5-master.2024-12-15";
+  const version$1 = "3.7.5-master.2024-12-17";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -28301,7 +28313,7 @@
       ...options
     });
   };
-  const version = "3.7.5-master.2024-12-15";
+  const version = "3.7.5-master.2024-12-17";
   createVuetify.version = version;
 
   exports.blueprints = index;