vuetifyjs · yuwu9145 · Oct 19, 2024 · Oct 20, 2024 · Oct 21, 2024 · Oct 22, 2024
diff --git a/packages/api-generator/src/locale/en/VDataTableHeaders.json b/packages/api-generator/src/locale/en/VDataTableHeaders.json
@@ -3,7 +3,8 @@
     "disableSort": "Toggles rendering of sort button.",
     "sortAscIcon": "Icon used for ascending sort button.",
     "sortDescIcon": "Icon used for descending sort button.",
-    "sticky": "Sticks the header to the top of the table."
+    "sticky": "Deprecated, use `fixed-header` instead.",
+    "fixedHeader": "Sticks the header to the top of the table."
   },
   "slots": {
     "[`column.${string}`]": "Slot for custom rendering of a column.",

diff --git a/packages/api-generator/src/locale/en/VListGroup.json b/packages/api-generator/src/locale/en/VListGroup.json
@@ -6,6 +6,7 @@
     "group": "Assign a route namespace. Accepts a string or regexp for determining active state.",
     "noAction": "Removes left padding assigned for action icons from group items.",
     "prependIcon": "Prepends an icon to the component, uses the same syntax as `v-icon`.",
+    "rawId": "Defines the root element's id attribute in the component. If it is provided, the id attribute will be dynamically generated in the format: \"v-list-group--id-[rawId]\".",
     "subgroup": "Designate the component as nested list group.",
     "value": "Expands / Collapse the list-group.",
     "fluid": "Removes the left padding assigned for action icons from group items."

diff --git a/packages/docs/src/components/about/TeamMember.vue b/packages/docs/src/components/about/TeamMember.vue
@@ -169,15 +169,6 @@
   const links = computed(() => {
     const links = []
 
-    if (props.member.twitter) {
-      links.push({
-        color: '#212121',
-        href: `https://x.com/${props.member.twitter}`,
-        icon: '$x',
-        tooltip: 'Xitter',
-      })
-    }
-
     if (props.member.github) {
       links.push({
         color: '#24292E',

diff --git a/packages/docs/src/components/app/bar/EcosystemMenu.vue b/packages/docs/src/components/app/bar/EcosystemMenu.vue
@@ -16,11 +16,6 @@
   const { t } = useI18n()
   const items = computed(() => ([
     { subheader: t('social') },
-    {
-      title: 'X',
-      href: 'https://x.com/vuetifyjs',
-      appendIcon: '$x',
-    },
     {
       title: 'Discord',
       href: 'https://community.vuetifyjs.com/',

diff --git a/packages/docs/src/components/home/Footer.vue b/packages/docs/src/components/home/Footer.vue
@@ -109,11 +109,6 @@
       href: 'https://github.com/vuetifyjs/vuetify',
       title: 'github',
     },
-    {
-      icon: '$x',
-      href: 'https://x.com/vuetifyjs',
-      title: 'x',
-    },
     {
       icon: 'mdi-discord',
       href: 'https://community.vuetifyjs.com',

diff --git a/packages/docs/src/data/team.json b/packages/docs/src/data/team.json
@@ -16,7 +16,6 @@
     "location": "Keller, TX, USA",
     "name": "John Leider",
     "team": "company",
-    "twitter": "zeroskillz",
     "work": "Engineer @ Vuetify",
     "joined": "Jun 2016"
   },
@@ -31,7 +30,6 @@
     "location": "Keller, TX, USA",
     "name": "Heather Leider",
     "team": "company",
-    "twitter": "grneyedgrl01",
     "work": "COO @ Vuetify",
     "joined": "Nov 2019"
   },
@@ -83,7 +81,6 @@
     "location": "Rochester, NY, USA",
     "name": "Andrew Henry",
     "team": "core",
-    "twitter": "SeeMWhyK",
     "joined": "Dec 2018"
   },
   "blalan05": {
@@ -127,7 +124,6 @@
     ],
     "location": "Madrid, Spain",
     "name": "Joaquín Sánchez",
-    "twitter": "userquin",
     "team": "core",
     "joined": "Mar 2024"
   },
@@ -148,7 +144,6 @@
     "location": "California, US",
     "name": "Ken Kieu",
     "team": "core",
-    "twitter": "kieuminhcanh",
     "joined": "April 2024"
   },
   "MatthewAry": {
@@ -161,7 +156,6 @@
     ],
     "location": "Spokane, WA, USA",
     "name": "Matthew Ary",
-    "twitter": "MatthewAry",
     "linkedin": "matthewary",
     "work": "Director of Product Development at Symplsoft Inc.",
     "team": "core",
@@ -244,7 +238,6 @@
       "English",
       "Persian"
     ],
-    "twitter": "yooneskh",
     "linkedin": "yooneskh ",
     "location": "Iran",
     "name": "Yoones Khoshghadam",

diff --git a/packages/docs/src/examples/v-rating/slot-item.vue b/packages/docs/src/examples/v-rating/slot-item.vue
@@ -5,7 +5,6 @@
         <v-icon
           :color="props.isFilled ? colors[props.index] : 'grey-lighten-1'"
           size="large"
-          @click="props.onClick"
         >
           {{ props.isFilled ? 'mdi-star-circle' : 'mdi-star-circle-outline' }}
         </v-icon>

diff --git a/packages/docs/src/i18n/messages/en.json b/packages/docs/src/i18n/messages/en.json
@@ -343,7 +343,6 @@
   "translations": "Translations",
   "type": "Type | Types",
   "types": "Types",
-  "twitter": "Twitter",
   "ui-components": "UI Components",
   "ui-kits": "UI Kits",
   "ui": "UI",
@@ -358,6 +357,5 @@
   "view-in-github": "View on GitHub",
   "view-source": "View source",
   "viewport": "Viewport",
-  "vuetify": "Vuetify",
-  "x": "Xitter"
+  "vuetify": "Vuetify"
 }
diff --git a/packages/docs/src/pages/en/features/dates.md b/packages/docs/src/pages/en/features/dates.md
@@ -37,7 +37,7 @@ Within your application, import the **useDate** function and use it to access th
 
   const date = useDate()
 
-  console.log(date.getMonth(new Date('March 1, 2021'))) // 3
+  console.log(date.getMonth(new Date('March 1, 2021'))) // 2
 </script>
 ```
 

diff --git a/packages/docs/src/stores/team.ts b/packages/docs/src/stores/team.ts
@@ -16,7 +16,6 @@ export type Member = {
   avatar?: string
   github?: string
   team: string
-  twitter?: string
   joined?: string
 }
 

diff --git a/packages/vuetify/src/components/VDataTable/VDataTable.tsx b/packages/vuetify/src/components/VDataTable/VDataTable.tsx
@@ -238,6 +238,7 @@ export const VDataTable = genericComponent<new <T extends readonly any[], V>(
           ]}
           style={ props.style }
           { ...tableProps }
+          fixedHeader={ props.fixedHeader || props.sticky }
         >
           {{
             top: () => slots.top?.(slotProps.value),

diff --git a/packages/vuetify/src/components/VDataTable/VDataTableHeaders.tsx b/packages/vuetify/src/components/VDataTable/VDataTableHeaders.tsx
@@ -59,8 +59,8 @@ export type VDataTableHeadersSlots = {
 
 export const makeVDataTableHeadersProps = propsFactory({
   color: String,
-  sticky: Boolean,
   disableSort: Boolean,
+  fixedHeader: Boolean,
   multiSort: Boolean,
   sortAscIcon: {
     type: IconValue,
@@ -74,6 +74,9 @@ export const makeVDataTableHeadersProps = propsFactory({
     type: Object as PropType<Record<string, any>>,
   },
 
+  /** @deprecated */
+  sticky: Boolean,
+
   ...makeDisplayProps(),
   ...makeLoaderProps(),
 }, 'VDataTableHeaders')
@@ -91,12 +94,12 @@ export const VDataTableHeaders = genericComponent<VDataTableHeadersSlots>()({
     const { loaderClasses } = useLoader(props)
 
     function getFixedStyles (column: InternalDataTableHeader, y: number): CSSProperties | undefined {
-      if (!props.sticky && !column.fixed) return undefined
+      if (!(props.sticky || props.fixedHeader) && !column.fixed) return undefined
 
       return {
         position: 'sticky',
         left: column.fixed ? convertToUnit(column.fixedOffset) : undefined,
-        top: props.sticky ? `calc(var(--v-table-header-height) * ${y})` : undefined,
+        top: (props.sticky || props.fixedHeader) ? `calc(var(--v-table-header-height) * ${y})` : undefined,
       }
     }
 
@@ -127,7 +130,7 @@ export const VDataTableHeaders = genericComponent<VDataTableHeadersSlots>()({
     const headerCellClasses = computed(() => ([
       'v-data-table__th',
       {
-        'v-data-table__th--sticky': props.sticky,
+        'v-data-table__th--sticky': (props.sticky || props.fixedHeader),
       },
       displayClasses.value,
       loaderClasses.value,

diff --git a/packages/vuetify/src/components/VDataTable/VDataTableServer.tsx b/packages/vuetify/src/components/VDataTable/VDataTableServer.tsx
@@ -160,6 +160,7 @@ export const VDataTableServer = genericComponent<new <T extends readonly any[],
           ]}
           style={ props.style }
           { ...tableProps }
+          fixedHeader={ props.fixedHeader || props.sticky }
         >
           {{
             top: () => slots.top?.(slotProps.value),
@@ -170,7 +171,6 @@ export const VDataTableServer = genericComponent<new <T extends readonly any[],
                   <thead key="thead" class="v-data-table__thead" role="rowgroup">
                     <VDataTableHeaders
                       { ...dataTableHeadersProps }
-                      sticky={ props.fixedHeader }
                       v-slots={ slots }
                     />
                   </thead>

diff --git a/packages/vuetify/src/components/VDataTable/VDataTableVirtual.tsx b/packages/vuetify/src/components/VDataTable/VDataTableVirtual.tsx
@@ -189,6 +189,7 @@ export const VDataTableVirtual = genericComponent<new <T extends readonly any[],
           ]}
           style={ props.style }
           { ...tableProps }
+          fixedHeader={ props.fixedHeader || props.sticky }
         >
           {{
             top: () => slots.top?.(slotProps.value),
@@ -208,7 +209,6 @@ export const VDataTableVirtual = genericComponent<new <T extends readonly any[],
                     <thead key="thead">
                       <VDataTableHeaders
                         { ...dataTableHeadersProps }
-                        sticky={ props.fixedHeader }
                         v-slots={ slots }
                       />
                     </thead>

diff --git a/packages/vuetify/src/components/VList/VListChildren.tsx b/packages/vuetify/src/components/VList/VListChildren.tsx
@@ -67,8 +67,9 @@ export const VListChildren = genericComponent<new <T extends InternalListItem>(
 
       return children ? (
         <VListGroup
-          value={ itemProps?.value }
           { ...listGroupProps }
+          value={ props.returnObject ? item : itemProps?.value }
+          rawId={ itemProps?.value }
         >
           {{
             activator: ({ props: activatorProps }) => {

diff --git a/packages/vuetify/src/components/VList/VListGroup.tsx b/packages/vuetify/src/components/VList/VListGroup.tsx
@@ -43,6 +43,7 @@ export const makeVListGroupProps = propsFactory({
     type: IconValue,
     default: '$expand',
   },
+  rawId: [String, Number],
   prependIcon: IconValue,
   appendIcon: IconValue,
   fluid: Boolean,
@@ -61,7 +62,7 @@ export const VListGroup = genericComponent<VListGroupSlots>()({
 
   setup (props, { slots }) {
     const { isOpen, open, id: _id } = useNestedItem(toRef(props, 'value'), true)
-    const id = computed(() => `v-list-group--id-${String(_id.value)}`)
+    const id = computed(() => `v-list-group--id-${String(props.rawId ?? _id.value)}`)
     const list = useList()
     const { isBooted } = useSsrBoot()