Merge branch 'dev' into next

.github/workflows/ci.yml

@@ -30,15 +30,9 @@ jobs:
     if: needs.pre_job.outputs.should_skip != 'true'
     runs-on: ubuntu-24.04
     steps:
-      - uses: earthly/setup-ucacher@b99687d79dd75262bfc326b9e5ad3a520385a18b
       - uses: actions/checkout@v4
       - uses: vuetifyjs/setup-action@master
-      - run: pnpm build:lib
-        working-directory: ./packages/vuetify
-      - run: ucacher pnpm build:dist
-        working-directory: ./packages/vuetify
-      - run: ucacher pnpm build:types
-        working-directory: ./packages/vuetify
+      - run: pnpm build vuetify
       - uses: actions/upload-artifact@v4
         with:
           name: vuetify-dist
@@ -56,14 +50,13 @@ jobs:
       matrix:
         scopes: ['--scope vuetify --scope @vuetify/api-generator', '--scope vuetifyjs.com']
     steps:
-      - uses: earthly/setup-ucacher@b99687d79dd75262bfc326b9e5ad3a520385a18b
       - uses: actions/checkout@v4
       - uses: actions/download-artifact@v4
         with:
           name: vuetify-dist
           path: packages/vuetify
       - uses: vuetifyjs/setup-action@master
-      - run: ucacher pnpm lerna run lint $SCOPES
+      - run: pnpm lerna run lint $SCOPES
         env:
           SCOPES: ${{ matrix.scopes }}
 
@@ -94,7 +87,6 @@ jobs:
     runs-on: ubuntu-24.04
     if: github.event_name == 'push' && startswith(github.ref, 'refs/tags/v') && github.repository_owner == 'vuetifyjs'
     steps:
-      - uses: earthly/setup-ucacher@b99687d79dd75262bfc326b9e5ad3a520385a18b
       - uses: actions/checkout@v4
         with:
           fetch-depth: 0
@@ -103,7 +95,7 @@ jobs:
           name: vuetify-dist
           path: packages/vuetify
       - uses: vuetifyjs/setup-action@master
-      - run: ucacher pnpm build api
+      - run: pnpm build api
       - run: echo "RELEASE_TAG=${GITHUB_REF#refs/tags/}" >> $GITHUB_ENV
       - name: NPM Release
         run: bash scripts/deploy.sh
@@ -123,15 +115,14 @@ jobs:
     if: needs.pre_job.outputs.should_skip != 'true' && github.event_name == 'push' && github.repository_owner == 'vuetifyjs' && (github.ref == 'refs/heads/master' || github.ref == 'refs/heads/dev' || github.ref == 'refs/heads/next')
     runs-on: ubuntu-24.04
     steps:
-      - uses: earthly/setup-ucacher@b99687d79dd75262bfc326b9e5ad3a520385a18b
       - uses: actions/checkout@v4
       - uses: actions/download-artifact@v4
         with:
           name: vuetify-dist
           path: packages/vuetify
       - uses: vuetifyjs/setup-action@master
       - uses: ./.github/actions/download-locales
-      - run: ucacher pnpm build api
+      - run: pnpm build api
       - run: pnpm build docs
         env:
           NODE_OPTIONS: --max-old-space-size=4096
@@ -154,7 +145,7 @@ jobs:
   publish-docs:
     needs: [lint, test-unit, build-docs]
     runs-on: ubuntu-24.04
-    environment: Production
+    environment: ${{ github.ref_name }}
     steps:
       - uses: actions/checkout@v4
       - uses: actions/download-artifact@v4

README.md

@@ -190,7 +190,7 @@ Using [bun](https://bun.sh/)
 bun create vuetify
 ```
 
-For more information on how to get started, such as using Nuxt or Laravel, check out the official [Installation guide](/getting-started/installation/).
+For more information on how to get started, such as using Nuxt or Laravel, check out the official [Installation guide](https://vuetifyjs.com/getting-started/installation/).
 
 ### 🚀 Introduction
 

lerna.json

@@ -13,5 +13,5 @@
     }
   },
   "npmClient": "pnpm",
-  "version": "3.7.10"
+  "version": "3.7.12"
 }

packages/api-generator/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuetify/api-generator",
-  "version": "3.7.10",
+  "version": "3.7.12",
   "private": true,
   "description": "",
   "scripts": {

packages/docs/package.json

@@ -3,7 +3,7 @@
   "description": "A Vue.js project",
   "private": true,
   "author": "John Leider <[email protected]>",
-  "version": "3.7.10",
+  "version": "3.7.12",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vuetifyjs/vuetify.git",
@@ -87,7 +87,7 @@
     "vite-plugin-pages": "^0.32.1",
     "vite-plugin-pwa": "^0.17.4",
     "vite-plugin-vue-layouts": "^0.11.0",
-    "vite-plugin-vuetify": "^2.0.4",
+    "vite-plugin-vuetify": "^2.1.0",
     "vue-tsc": "^2.0.29"
   },
   "publishConfig": {

packages/docs/src/pages/en/components/alerts.md

@@ -19,8 +19,6 @@ features:
 
 The `v-alert` component is used to convey important information to the user through the use of contextual types, icons, and colors.
 
-![Alert Entry](https://cdn.vuetifyjs.com/docs/images/components-temp/v-alert/v-alert-entry.png)
-
 <PageFeatures />
 
 ## Usage

packages/docs/src/pages/en/components/app-bars.md

@@ -24,8 +24,6 @@ features:
 
 The `v-app-bar` component is pivotal to any graphical user interface (GUI), as it generally is the primary source of site navigation.
 
-![App Bar Entry](https://cdn.vuetifyjs.com/docs/images/components-temp/v-app-bar/v-app-bar-entry.png)
-
 <PageFeatures />
 
 ## Usage

packages/docs/src/pages/en/components/avatars.md

@@ -20,8 +20,6 @@ features:
 
 The `v-avatar` component is typically used to display circular user profile pictures. This component will allow you to dynamically size and add a border radius of responsive images, icons, and text.  When **rounded** prop set to `0` will display an avatar without border radius.
 
-![Avatar Entry](https://cdn.vuetifyjs.com/docs/images/components-temp/v-avatar/v-avatar-entry.png)
-
 <PageFeatures />
 
 ## Usage

packages/docs/src/pages/en/components/badges.md

@@ -18,8 +18,6 @@ features:
 
 The `v-badge` component superscripts or subscripts an avatar-like icon or text onto content to highlight information to a user or to just draw attention to a specific element. Content within the badge usually contains numbers or icons.
 
-<!-- ![Badge Entry](https://cdn.vuetifyjs.com/docs/images/components-temp/v-badge/v-badge-entry.png) -->
-
 <PageFeatures />
 
 ## Usage

packages/docs/src/pages/en/components/banners.md

@@ -20,8 +20,6 @@ features:
 
 The `v-banner` component is used as a middle-interrupting message to the user with one to two actions.
 
-![Banner Entry](https://cdn.vuetifyjs.com/docs/images/components-temp/v-banner/v-banner-entry.png)
-
 <PageFeatures />
 
 ## Usage

packages/docs/src/pages/en/components/bottom-sheets.md

@@ -19,8 +19,6 @@ features:
 
 The bottom sheet is a modified `v-dialog` that slides from the bottom of the screen, similar to a `v-bottom-navigation`.
 
-![Bottom Sheet Entry](https://cdn.vuetifyjs.com/docs/images/components/v-bottom-sheet/v-bottom-sheet-entry.png)
-
 <PageFeatures />
 
 <VoPromotionsCardVuetify />

packages/docs/src/pages/en/components/breadcrumbs.md

@@ -19,8 +19,6 @@ features:
 
 The `v-breadcrumbs` component is used as a navigational helper and hierarchy for pages.
 
-<!-- ![breadcrumbs Entry](https://cdn.vuetifyjs.com/docs/images/components-temp/v-breadcrumbs/v-breadcrumbs-entry.png) -->
-
 <PageFeatures />
 
 ## Usage

packages/docs/src/pages/en/components/button-groups.md

@@ -19,8 +19,6 @@ features:
 
 The `v-btn-toggle` component is a simple wrapper for `v-item-group` built specifically to work with `v-btn`.
 
-<!-- ![btn-groups Entry](https://cdn.vuetifyjs.com/docs/images/components-temp/v-btn-groups/v-btn-groups-entry.png) -->
-
 <PageFeatures />
 
 ## Usage

packages/docs/src/pages/en/components/buttons.md

@@ -21,8 +21,6 @@ features:
 
 The `v-btn` component replaces the standard html button with a material design theme and a multitude of options. Any color helper class can be used to alter the background or text color.
 
-![Button Entry](https://cdn.vuetifyjs.com/docs/images/components/v-btn/v-btn-entry.png)
-
 <PageFeatures />
 
 <VoPromotionsCardVuetify slug="vuetify-snips" />

packages/docs/src/pages/en/components/calendars.md

@@ -26,7 +26,7 @@ This feature requires [v3.4.9](/getting-started/release-notes/?version=v3.4.9)
 
 ## Installation
 
-Labs components require a manual import and installation of the component.
+Labs components require manual import and registration with the Vuetify instance.
 
 ```js { resource="src/plugins/vuetify.js" }
 import { VCalendar } from 'vuetify/labs/VCalendar'

packages/docs/src/pages/en/components/cards.md

@@ -20,8 +20,6 @@ features:
 
  The `v-card` component is a versatile and enhanced version of [v-sheet](/components/sheets/) that provides a simple interface for headings, text, images, icons, and more.
 
-![Card Entry](https://cdn.vuetifyjs.com/docs/images/components-temp/v-card/v-card-entry.png)
-
 <PageFeatures />
 
 <VoPromotionsCardVuetify slug="vuetify-snips" />

packages/docs/src/pages/en/components/carousels.md

@@ -18,8 +18,6 @@ features:
 
 The `v-carousel` component is used to display large numbers of visual content on a rotating timer.
 
-<!-- ![carousel Entry](https://cdn.vuetifyjs.com/docs/images/components-temp/v-carousel/v-carousel-entry.png) -->
-
 <PageFeatures />
 
 ## Usage

packages/docs/src/pages/en/components/chip-groups.md

@@ -19,8 +19,6 @@ features:
 
 The `v-chip-group` supercharges the `v-chip` component by providing groupable functionality. It is used for creating groups of selections using chips.
 
-<!-- ![chip-groups Entry](https://cdn.vuetifyjs.com/docs/images/components-temp/v-chip-groups/v-chip-groups-entry.png) -->
-
 <PageFeatures />
 
 ## Usage

packages/docs/src/pages/en/components/chips.md

@@ -20,8 +20,6 @@ features:
 
 The `v-chip` component is used to convey small pieces of information. Using the `close` property, the chip becomes interactive, allowing user interaction. This component is used by the [v-chip-group](/components/chip-groups) for advanced selection options.
 
-![Chips Entry](https://cdn.vuetifyjs.com/docs/images/components/v-chip/v-chip-entry.png)
-
 <PageFeatures />
 
 ## Usage

packages/docs/src/pages/en/components/data-iterators.md

@@ -18,8 +18,6 @@ features:
 
 The `v-data-iterator` component is used for displaying arbitrary data, and shares a majority of its functionality with the `v-data-table` component. Features include sorting, searching, pagination, and selection.
 
-<!-- ![Data iterator Entry](https://cdn.vuetifyjs.com/docs/images/components/v-data-iterator/v-data-iterator-entry.png){ placeholder=true } -->
-
 <PageFeatures />
 
 ::: success

packages/docs/src/pages/en/components/date-inputs.md

@@ -28,7 +28,7 @@ This feature requires [v3.6.0](/getting-started/release-notes/?version=v3.6.0)
 
 ## Installation
 
-Labs components require a manual import and installation of the component.
+Labs components require manual import and registration with the Vuetify instance.
 
 ```js { resource="src/plugins/vuetify.js" }
 import { VDateInput } from 'vuetify/labs/VDateInput'

packages/docs/src/pages/en/components/date-pickers.md

@@ -18,8 +18,6 @@ features:
 
 `v-date-picker` is a fully featured date selection component that lets users select a date.
 
-![Date picker Entry](https://cdn.vuetifyjs.com/docs/images/components/v-date-picker/v-date-picker-entry.png)
-
 <PageFeatures />
 
 ::: success

packages/docs/src/pages/en/components/dialogs.md

@@ -19,8 +19,6 @@ features:
 
 The `v-dialog` component inform users about a specific task and may contain critical information, require decisions, or involve multiple tasks. Use dialogs sparingly because they are interruptive.
 
-![Dialog Entry](https://cdn.vuetifyjs.com/docs/images/components/v-dialog/v-dialog-entry.png)
-
 <PageFeatures />
 
 ## Usage

packages/docs/src/pages/en/components/dividers.md

@@ -19,8 +19,6 @@ features:
 
 The `v-divider` component is used to separate sections of lists or layouts.
 
-<!-- ![divider Entry](https://cdn.vuetifyjs.com/docs/images/components-temp/v-divider/v-divider-entry.png) -->
-
 <PageFeatures />
 
 ## Usage

packages/docs/src/pages/en/components/expansion-panels.md

@@ -19,8 +19,6 @@ features:
 
 The `v-expansion-panel` component is useful for reducing vertical space with large amounts of information. The default functionality of the component is to only display one expansion-panel body at a time; however, with the `multiple` property, the expansion-panel can remain open until explicitly closed.
 
-<!-- ![expansion-panels Entry](https://cdn.vuetifyjs.com/docs/images/components-temp/v-expansion-panels/v-expansion-panels-entry.png) -->
-
 <PageFeatures />
 
 ## Usage

packages/docs/src/pages/en/components/file-upload.md

@@ -26,7 +26,7 @@ This feature requires [v3.7.6](/getting-started/release-notes/?version=v3.7.6)
 
 ## Installation
 
-Labs components require a manual import and installation of the component.
+Labs components require manual import and registration with the Vuetify instance.
 
 ```js { resource="src/plugins/vuetify.js" }
 import { VFileUpload } from 'vuetify/labs/VFileUpload'

packages/docs/src/pages/en/components/infinite-scroller.md

@@ -18,8 +18,6 @@ features:
 
 The `v-infinite-scroll` component displays a potentially infinite list, by loading more items of the list when scrolling. It supports either vertical or horizontal scrolling.
 
-![Infinite scroll Entry](https://cdn.vuetifyjs.com/docs/images/components/v-infinite-scroll/v-infinite-scroll-entry.png)
-
 <PageFeatures />
 
 ::: success

packages/docs/src/pages/en/components/no-ssr.md

@@ -13,8 +13,6 @@ features:
 
 The `v-no-ssr` component is a simple wrapper that allows a developer to designate what a server-side renderer should not render, but leave to the client.
 
-<!-- ![No-Ssr Entry](https://cdn.vuetifyjs.com/docs/images/components-temp/v-No-Ssr/v-No-Ssr-entry.png) -->
-
 <PageFeatures />
 
 ## Usage

packages/docs/src/pages/en/components/number-inputs.md

@@ -27,7 +27,7 @@ This feature requires [v3.5.10](/getting-started/release-notes/?version=v3.5.10)
 
 ## Installation
 
-Labs components require a manual import and installation of the component.
+Labs components require manual import and registration with the Vuetify instance.
 
 ```js { resource="src/plugins/vuetify.js" }
 import { VNumberInput } from 'vuetify/labs/VNumberInput'