Merge branch 'master' into dev

Author: KaelWD

lerna.json

@@ -13,5 +13,5 @@
     }
   },
   "npmClient": "pnpm",
-  "version": "3.9.4"
+  "version": "3.9.5"
 }

packages/api-generator/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vuetify/api-generator",
   "type": "module",
-  "version": "3.9.4",
+  "version": "3.9.5",
   "private": true,
   "description": "",
   "scripts": {

packages/docs/package.json

@@ -4,7 +4,7 @@
   "description": "A Vue.js project",
   "private": true,
   "author": "John Leider <[email protected]>",
-  "version": "3.9.4",
+  "version": "3.9.5",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vuetifyjs/vuetify.git",

packages/docs/src/components/app/bar/Bar.vue

@@ -20,6 +20,8 @@
 
     <template #append>
       <div v-if="mdAndUp" class="d-flex ga-1">
+        <AppBarBlogLink />
+
         <AppBarLearnMenu />
 
         <AppBarSupportMenu />
@@ -31,7 +33,7 @@
         <AppBarSponsorLink />
       </div>
 
-      <AppVerticalDivider v-if="smAndUp" />
+      <AppVerticalDivider v-if="mdAndUp" />
 
       <div class="d-flex ga-1">
         <AppBarStoreLink v-if="smAndUp" />

packages/docs/src/components/app/bar/BlogLink.vue

@@ -1,13 +1,11 @@
 <template>
-  <v-badge color="success" offset-x="8" offset-y="8" dot>
-    <AppBtn
-      :to="rpath('/blog/')"
-      color="medium-emphasis"
-      text="blog"
-      variant="text"
-      @click="sweClick('app-bar', 'blog', name)"
-    />
-  </v-badge>
+  <AppBtn
+    :to="rpath('/blog/')"
+    color="medium-emphasis"
+    text="blog"
+    variant="text"
+    @click="sweClick('app-bar', 'blog', name)"
+  />
 </template>
 
 <script setup>

packages/docs/src/components/app/search/Search.vue

@@ -7,7 +7,7 @@
     @click="shouldLoad = true"
   >
     <span :class="mdAndUp && 'me-n1'">
-      <span v-if="smAndUp">
+      <span v-if="lgAndUp">
         {{ t('search.label') }}
       </span>
 
@@ -38,7 +38,7 @@
   const SearchDialog = defineAsyncComponent(() => import('@/components/app/search/SearchDialog.vue'))
 
   const { t } = useI18n()
-  const { smAndUp, smAndDown, mdAndUp, xs, platform } = useDisplay()
+  const { smAndUp, smAndDown, mdAndUp, lgAndUp, xs, platform } = useDisplay()
   const { query } = useRoute()
   const user = useUserStore()
 

packages/docs/src/data/team.json

@@ -167,9 +167,10 @@
     "joined": "May 2024"
   },
   "J-Sek": {
+    "avatar": "https://cdn.vuetifyjs.com/docs/images/team/j-sek.png",
     "discord": "jacek#1420",
     "focus": [
-      "[vuetifyjs/studio](https://github.com/vuetifyjs/studio)"
+      "[vuetifyjs/vuetify](https://github.com/vuetifyjs/vuetify)"
     ],
     "languages": [
       "Polish",

packages/docs/src/examples/application-layout/layout-information-composable.vue

@@ -31,12 +31,14 @@
     </v-main>
 
     <v-footer color="surface-light" name="footer" app>
-      <v-btn
-        class="mx-auto"
-        text="Get data"
-        variant="text"
-        @click="print('footer')"
-      ></v-btn>
+      <child v-slot="{ print }">
+        <v-btn
+          class="mx-auto"
+          text="Get data"
+          variant="text"
+          @click="print('footer')"
+        ></v-btn>
+      </child>
     </v-footer>
   </v-layout>
 </template>

packages/docs/src/examples/v-autocomplete/prop-filter-keys.vue

@@ -0,0 +1,34 @@
+<template>
+  <v-container fluid>
+    <v-autocomplete
+      :filter-keys="['title', 'raw.abbr']"
+      :items="states"
+      item-title="name"
+      label="State"
+    ></v-autocomplete>
+  </v-container>
+</template>
+
+<script setup>
+  const states = [
+    { name: 'Florida', abbr: 'FL' },
+    { name: 'Georgia', abbr: 'GA' },
+    { name: 'Nebraska', abbr: 'NE' },
+    { name: 'California', abbr: 'CA' },
+    { name: 'New York', abbr: 'NY' },
+  ]
+</script>
+
+<script>
+  export default {
+    data: () => ({
+      states: [
+        { name: 'Florida', abbr: 'FL' },
+        { name: 'Georgia', abbr: 'GA' },
+        { name: 'Nebraska', abbr: 'NE' },
+        { name: 'California', abbr: 'CA' },
+        { name: 'New York', abbr: 'NY' },
+      ],
+    }),
+  }
+</script>

packages/docs/src/pages/en/blog/index.md

@@ -18,6 +18,14 @@ Latest news, updates, and stories about Vuetify.
 
 <br>
 
+## July 2025 Update
+
+🖊️ John Leider • 📅 August 6th, 2025
+
+July was a month of significant advancements in the Vuetify ecosystem, highlighted by the release of v3.9.0 (Zealot) and the promotion of VTreeview and VTimePicker from labs to core components. This update also includes a focus on component stability, bug fixes, and developer experience improvements, with subsequent patches up to v3.9.3... { .text-medium-emphasis }
+
+[Read More](/blog/july-2025-update/) { .text-end }
+
 ## June 2025 Update
 
 🖊️ John Leider • 📅 July 7th, 2025