vuetifyjs · Jun 12, 2024 · Jun 12, 2024 · Jun 14, 2024 · Jun 14, 2024 · Jun 17, 2024
diff --git a/lerna.json b/lerna.json
@@ -13,6 +13,6 @@
     }
   },
   "npmClient": "yarn",
-  "version": "3.6.9",
+  "version": "3.6.10",
   "useWorkspaces": true
 }
diff --git a/packages/api-generator/package.json b/packages/api-generator/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vuetify/api-generator",
-  "version": "3.6.9",
+  "version": "3.6.10",
   "private": true,
   "description": "",
   "scripts": {
@@ -17,7 +17,7 @@
     "ts-morph": "^22.0.0",
     "tsx": "^4.7.2",
     "vue": "^3.4.27",
-    "vuetify": "^3.6.9"
+    "vuetify": "^3.6.10"
   },
   "devDependencies": {
     "@types/stringify-object": "^4.0.5"

diff --git a/packages/docs/package.json b/packages/docs/package.json
@@ -3,7 +3,7 @@
   "description": "A Vue.js project",
   "private": true,
   "author": "John Leider <john@vuetifyjs.com>",
-  "version": "3.6.9",
+  "version": "3.6.10",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vuetifyjs/vuetify.git",
@@ -38,7 +38,7 @@
     "vue-i18n": "^9.11.0",
     "vue-instantsearch": "^4.16.1",
     "vue-prism-component": "^2.0.0",
-    "vuetify": "^3.6.9"
+    "vuetify": "^3.6.10"
   },
   "devDependencies": {
     "@emailjs/browser": "^4.3.3",
@@ -50,7 +50,7 @@
     "@vitejs/plugin-basic-ssl": "^1.1.0",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vue/compiler-sfc": "^3.4.27",
-    "@vuetify/api-generator": "^3.6.9",
+    "@vuetify/api-generator": "^3.6.10",
     "ajv": "^8.12.0",
     "async-es": "^3.2.5",
     "date-fns": "^3.6.0",

diff --git a/packages/docs/src/data/team.json b/packages/docs/src/data/team.json
@@ -251,21 +251,5 @@
     "name": "Yoones Khoshghadam",
     "team": "legends",
     "joined": "January 2023"
-  },
-  "alexandriajackson": {
-    "avatar": "https://cdn.vuetifyjs.com/docs/images/team/alexandria.jpg",
-    "discord": "alexandriajackson_",
-    "focus": [
-      "[vuetifyjs/*](https://github.com/vuetifyjs)"
-    ],
-    "languages": [
-      "English"
-    ],
-    "location": "Dallas, TX, USA",
-    "name": "Alexandria Jackson",
-    "team": "company",
-    "twitter": "AlexxJackson96",
-    "work": "Marketing Coordinator @ Vuetify",
-    "joined": "Sept 2023"
   }
 }
diff --git a/packages/docs/src/examples/v-data-table/headers-multiple.vue b/packages/docs/src/examples/v-data-table/headers-multiple.vue
@@ -84,7 +84,7 @@
           ],
         },
       ],
-      desserts: [
+      items: [
         {
           name: 'Great Pyramid of Giza',
           location: 'Egypt',

diff --git a/packages/docs/src/examples/v-data-table/prop-dense.vue b/packages/docs/src/examples/v-data-table/prop-dense.vue
@@ -92,84 +92,86 @@
 
 <script>
   export default {
-    headers: [
-      { title: 'Plant', align: 'start', sortable: false, key: 'name' },
-      { title: 'Light', align: 'end', key: 'light' },
-      { title: 'Height', align: 'end', key: 'height' },
-      { title: 'Pet Friendly', align: 'end', key: 'petFriendly' },
-      { title: 'Price ($)', align: 'end', key: 'price' },
-    ],
-    plants: [
-      {
-        name: 'Fern',
-        light: 'Low',
-        height: '20cm',
-        petFriendly: 'Yes',
-        price: 20,
-      },
-      {
-        name: 'Snake Plant',
-        light: 'Low',
-        height: '50cm',
-        petFriendly: 'No',
-        price: 35,
-      },
-      {
-        name: 'Monstera',
-        light: 'Medium',
-        height: '60cm',
-        petFriendly: 'No',
-        price: 50,
-      },
-      {
-        name: 'Pothos',
-        light: 'Low to medium',
-        height: '40cm',
-        petFriendly: 'Yes',
-        price: 25,
-      },
-      {
-        name: 'ZZ Plant',
-        light: 'Low to medium',
-        height: '90cm',
-        petFriendly: 'Yes',
-        price: 30,
-      },
-      {
-        name: 'Spider Plant',
-        light: 'Bright, indirect',
-        height: '30cm',
-        petFriendly: 'Yes',
-        price: 15,
-      },
-      {
-        name: 'Air Plant',
-        light: 'Bright, indirect',
-        height: '15cm',
-        petFriendly: 'Yes',
-        price: 10,
-      },
-      {
-        name: 'Peperomia',
-        light: 'Bright, indirect',
-        height: '25cm',
-        petFriendly: 'Yes',
-        price: 20,
-      },
-      {
-        name: 'Aloe Vera',
-        light: 'Bright, direct',
-        height: '30cm',
-        petFriendly: 'Yes',
-        price: 15,
-      },
-      {
-        name: 'Jade Plant',
-        light: 'Bright, direct',
-        height: '40cm',
-        petFriendly: 'Yes',
-        price: 25,
-      },
-    ],
+    data: () => ({
+      headers: [
+        { title: 'Plant', align: 'start', sortable: false, key: 'name' },
+        { title: 'Light', align: 'end', key: 'light' },
+        { title: 'Height', align: 'end', key: 'height' },
+        { title: 'Pet Friendly', align: 'end', key: 'petFriendly' },
+        { title: 'Price ($)', align: 'end', key: 'price' },
+      ],
+      plants: [
+        {
+          name: 'Fern',
+          light: 'Low',
+          height: '20cm',
+          petFriendly: 'Yes',
+          price: 20,
+        },
+        {
+          name: 'Snake Plant',
+          light: 'Low',
+          height: '50cm',
+          petFriendly: 'No',
+          price: 35,
+        },
+        {
+          name: 'Monstera',
+          light: 'Medium',
+          height: '60cm',
+          petFriendly: 'No',
+          price: 50,
+        },
+        {
+          name: 'Pothos',
+          light: 'Low to medium',
+          height: '40cm',
+          petFriendly: 'Yes',
+          price: 25,
+        },
+        {
+          name: 'ZZ Plant',
+          light: 'Low to medium',
+          height: '90cm',
+          petFriendly: 'Yes',
+          price: 30,
+        },
+        {
+          name: 'Spider Plant',
+          light: 'Bright, indirect',
+          height: '30cm',
+          petFriendly: 'Yes',
+          price: 15,
+        },
+        {
+          name: 'Air Plant',
+          light: 'Bright, indirect',
+          height: '15cm',
+          petFriendly: 'Yes',
+          price: 10,
+        },
+        {
+          name: 'Peperomia',
+          light: 'Bright, indirect',
+          height: '25cm',
+          petFriendly: 'Yes',
+          price: 20,
+        },
+        {
+          name: 'Aloe Vera',
+          light: 'Bright, direct',
+          height: '30cm',
+          petFriendly: 'Yes',
+          price: 15,
+        },
+        {
+          name: 'Jade Plant',
+          light: 'Bright, direct',
+          height: '40cm',
+          petFriendly: 'Yes',
+          price: 25,
+        },
+      ],
+    }),
   }
 </script>
diff --git a/packages/vuetify/package.json b/packages/vuetify/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vuetify",
   "description": "Vue Material Component Framework",
-  "version": "3.6.9",
+  "version": "3.6.10",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"

diff --git a/packages/vuetify/src/components/VDatePicker/VDatePicker.tsx b/packages/vuetify/src/components/VDatePicker/VDatePicker.tsx
@@ -230,8 +230,13 @@ export const VDatePicker = genericComponent<new <
     }
 
     watch(model, (val, oldVal) => {
-      const before = adapter.date(wrapInArray(oldVal)[oldVal.length - 1])
-      const after = adapter.date(wrapInArray(val)[val.length - 1])
+      const arrBefore = wrapInArray(oldVal)
+      const arrAfter = wrapInArray(val)
+
+      if (!arrAfter.length) return
+
+      const before = adapter.date(arrBefore[arrBefore.length - 1])
+      const after = adapter.date(arrAfter[arrAfter.length - 1])
       const newMonth = adapter.getMonth(after)
       const newYear = adapter.getYear(after)
 

diff --git a/packages/vuetify/src/components/VExpansionPanel/VExpansionPanel.tsx b/packages/vuetify/src/components/VExpansionPanel/VExpansionPanel.tsx
@@ -2,6 +2,7 @@
 import { VExpansionPanelSymbol } from './shared'
 import { makeVExpansionPanelTextProps, VExpansionPanelText } from './VExpansionPanelText'
 import { makeVExpansionPanelTitleProps, VExpansionPanelTitle } from './VExpansionPanelTitle'
+import { VDefaultsProvider } from '@/components/VDefaultsProvider'
 
 // Composables
 import { useBackgroundColor } from '@/composables/color'
@@ -101,25 +102,30 @@ export const VExpansionPanel = genericComponent<VExpansionPanelSlots>()({
             ]}
           />
 
-          { hasTitle && (
-            <VExpansionPanelTitle
-              key="title"
-              { ...expansionPanelTitleProps }
-            >
-              { slots.title ? slots.title() : props.title }
-            </VExpansionPanelTitle>
-          )}
-
-          { hasText && (
-            <VExpansionPanelText
-              key="text"
-              { ...expansionPanelTextProps }
-            >
-              { slots.text ? slots.text() : props.text }
-            </VExpansionPanelText>
-          )}
-
-          { slots.default?.() }
+          <VDefaultsProvider
+            defaults={{
+              VExpansionPanelTitle: {
+                ...expansionPanelTitleProps,
+              },
+              VExpansionPanelText: {
+                ...expansionPanelTextProps,
+              },
+            }}
+          >
+            { hasTitle && (
+              <VExpansionPanelTitle key="title">
+                { slots.title ? slots.title() : props.title }
+              </VExpansionPanelTitle>
+            )}
+
+            { hasText && (
+              <VExpansionPanelText key="text">
+                { slots.text ? slots.text() : props.text }
+              </VExpansionPanelText>
+            )}
+
+            { slots.default?.() }
+          </VDefaultsProvider>
         </props.tag>
       )
     })

diff --git a/packages/vuetify/src/components/VExpansionPanel/VExpansionPanelTitle.tsx b/packages/vuetify/src/components/VExpansionPanel/VExpansionPanelTitle.tsx
@@ -1,5 +1,6 @@
 // Components
 import { VExpansionPanelSymbol } from './shared'
+import { VDefaultsProvider } from '@/components/VDefaultsProvider'
 import { VIcon } from '@/components/VIcon'
 
 // Composables
@@ -75,6 +76,8 @@ export const VExpansionPanelTitle = genericComponent<VExpansionPanelTitleSlots>(
       readonly: props.readonly,
     }))
 
+    const icon = computed(() => expansionPanel.isSelected.value ? props.collapseIcon : props.expandIcon)
+
     useRender(() => (
       <button
         class={[
@@ -103,12 +106,17 @@ export const VExpansionPanelTitle = genericComponent<VExpansionPanelTitleSlots>(
         { slots.default?.(slotProps.value) }
 
         { !props.hideActions && (
-          <span class="v-expansion-panel-title__icon">
-            {
-              slots.actions ? slots.actions(slotProps.value)
-              : <VIcon icon={ expansionPanel.isSelected.value ? props.collapseIcon : props.expandIcon } />
-            }
-          </span>
+          <VDefaultsProvider
+            defaults={{
+              VIcon: {
+                icon: icon.value,
+              },
+            }}
+          >
+            <span class="v-expansion-panel-title__icon">
+              { slots.actions?.(slotProps.value) ?? <VIcon /> }
+            </span>
+          </VDefaultsProvider>
         )}
       </button>
     ))