chore: update dependencies

package.json

@@ -33,33 +33,33 @@
     "yarn": "^1.19"
   },
   "devDependencies": {
-    "@babel/cli": "^7.17.10",
-    "@babel/core": "^7.18.2",
-    "@babel/preset-env": "^7.18.2",
-    "@babel/preset-typescript": "^7.17.12",
+    "@babel/cli": "^7.20.7",
+    "@babel/core": "^7.20.12",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-typescript": "^7.18.6",
     "@mdi/font": "6.2.95",
     "@mdi/js": "6.2.95",
     "@mdi/svg": "6.2.95",
-    "@octokit/core": "^4.0.5",
-    "@typescript-eslint/eslint-plugin": "^5.26.0",
-    "@typescript-eslint/parser": "^5.26.0",
-    "@vue/compiler-sfc": "^3.2.38",
+    "@octokit/core": "^4.2.0",
+    "@typescript-eslint/eslint-plugin": "^5.51.0",
+    "@typescript-eslint/parser": "^5.51.0",
+    "@vue/compiler-sfc": "^3.2.47",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^28.1.3",
     "conventional-changelog-cli": "^2.2.2",
     "conventional-changelog-vuetify": "^1.1.0",
     "cross-env": "^7.0.3",
     "cross-spawn": "^6.0.5",
-    "eslint": "^8.16.0",
+    "eslint": "^8.34.0",
     "eslint-config-standard": "^17.0.0",
     "eslint-formatter-codeframe": "^7.32.1",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-local-rules": "^1.1.0",
-    "eslint-plugin-n": "^15.2.0",
-    "eslint-plugin-promise": "^6.0.0",
-    "eslint-plugin-react": "^7.30.0",
-    "eslint-plugin-sonarjs": "^0.13.0",
-    "eslint-plugin-vue": "^9.0.1",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-local-rules": "^1.3.2",
+    "eslint-plugin-n": "^15.6.1",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-sonarjs": "^0.18.0",
+    "eslint-plugin-vue": "^9.9.0",
     "eslint-plugin-vuetify": "^2.0.0-beta.2",
     "husky": "^3.0.1",
     "inquirer": "^6.5.2",
@@ -69,16 +69,16 @@
     "jest-serializer-html": "^7.1.0",
     "lerna": "^3.22.1",
     "mkdirp": "^1.0.4",
-    "moment": "^2.29.3",
-    "patch-package": "^6.4.7",
-    "sass": "^1.52.1",
+    "moment": "^2.29.4",
+    "patch-package": "^6.5.1",
+    "sass": "^1.58.0",
     "semver": "^6.2.0",
     "shelljs": "^0.8.5",
-    "typescript": "^4.7.2",
-    "vite-plugin-inspect": "^0.6.0",
-    "vue": "^3.2.38",
+    "typescript": "^4.9.5",
+    "vite-plugin-inspect": "^0.6.1",
+    "vue": "^3.2.47",
     "vue-analytics": "^5.16.1",
-    "vue-router": "^4.0.15",
-    "yargs": "^17.6.0"
+    "vue-router": "^4.1.6",
+    "yargs": "^17.6.2"
   }
 }

packages/api-generator/package.json

@@ -11,15 +11,15 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "deepmerge": "^4.0.0",
+    "deepmerge": "^4.3.0",
     "piscina": "^3.2.0",
     "rimraf": "^3.0.2",
     "ts-morph": "^16.0.0",
     "ts-node": "^10.9.1",
-    "vue": "^3.2.38",
+    "vue": "^3.2.47",
     "vuetify": "^3.1.4"
   },
   "devDependencies": {
-    "@babel/node": "^7.17.10"
+    "@babel/node": "^7.20.7"
   }
 }

packages/docs/.markdownlintrc

@@ -9,5 +9,6 @@
   "no-inline-html": false,
   "no-emphasis-as-heading": false,
   "no-bare-urls": false,
-  "emphasis-style": false
+  "emphasis-style": false,
+  "link-fragments": false
 }

packages/docs/package.json

@@ -24,61 +24,61 @@
     "@vuelidate/core": "^2.0.0",
     "@vuelidate/validators": "^2.0.0",
     "@vueuse/head": "~0.7.6",
-    "algoliasearch": "^4.14.2",
-    "cosmicjs": "^4.2.10",
+    "algoliasearch": "^4.14.3",
+    "cosmicjs": "^4.3.1",
     "isomorphic-fetch": "^3.0.0",
     "lodash-es": "^4.17.21",
-    "pinia": "^2.0.14",
-    "prettier": "^2.7.1",
-    "prism-theme-vars": "^0.2.3",
-    "prismjs": "^1.28.0",
+    "pinia": "^2.0.30",
+    "prettier": "^2.8.4",
+    "prism-theme-vars": "^0.2.4",
+    "prismjs": "^1.29.0",
     "roboto-fontface": "^0.10.0",
-    "vee-validate": "^4.7.3",
-    "vue": "^3.2.38",
+    "vee-validate": "^4.7.4",
+    "vue": "^3.2.47",
     "vue-gtag-next": "^1.14.0",
-    "vue-i18n": "^9.2.2",
-    "vue-instantsearch": "^4.6.0",
+    "vue-i18n": "^9.3.0-beta.16",
+    "vue-instantsearch": "^4.8.3",
     "vue-prism-component": "^2.0.0",
     "vuetify": "^3.1.4"
   },
   "devDependencies": {
-    "@emailjs/browser": "^3.9.1",
-    "@intlify/vite-plugin-vue-i18n": "^6.0.1",
+    "@emailjs/browser": "^3.10.0",
+    "@intlify/vite-plugin-vue-i18n": "^6.0.3",
     "@types/lodash-es": "^4.17.6",
     "@types/markdown-it": "^12.2.3",
     "@types/prismjs": "^1.26.0",
     "@types/rimraf": "^3.0.2",
     "@vitejs/plugin-basic-ssl": "^0.1.2",
     "@vitejs/plugin-vue": "^3.0.3",
-    "@vue/compiler-sfc": "^3.2.38",
+    "@vue/compiler-sfc": "^3.2.47",
     "@vuetify/api-generator": "^3.1.4",
     "@vuetify/vite-ssg": "^0.19.0",
-    "ajv": "^8.11.0",
+    "ajv": "^8.12.0",
     "date-fns": "^2.29.3",
     "emailjs-com": "^3.2.0",
     "front-matter": "^4.0.2",
     "happy-dom": "^6.0.4",
     "jest": "^28.1.3",
-    "jest-runner-eslint": "^1.0.1",
+    "jest-runner-eslint": "^1.1.0",
     "jest-silent-reporter": "^0.5.0",
     "markdown-it": "^13.0.1",
-    "markdown-it-anchor": "^8.4.1",
-    "markdown-it-attrs": "^4.1.4",
+    "markdown-it-anchor": "^8.6.6",
+    "markdown-it-attrs": "^4.1.6",
     "markdown-it-emoji": "^2.0.2",
     "markdown-it-header-sections": "^1.0.0",
-    "markdown-it-link-attributes": "^4.0.0",
+    "markdown-it-link-attributes": "^4.0.1",
     "markdown-it-meta": "^0.0.1",
-    "markdown-it-prism": "^2.2.4",
-    "markdownlint-cli": "^0.31.1",
-    "unplugin-vue-components": "^0.19.6",
-    "vite": "^3.0.9",
+    "markdown-it-prism": "^2.3.0",
+    "markdownlint-cli": "^0.33.0",
+    "unplugin-vue-components": "^0.19.9",
+    "vite": "^3.2.5",
     "vite-plugin-fonts": "^0.6.0",
     "vite-plugin-md": "^0.20.2",
     "vite-plugin-pages": "^0.25.0",
-    "vite-plugin-pwa": "^0.12.3",
+    "vite-plugin-pwa": "^0.12.8",
     "vite-plugin-vue-layouts": "^0.7.0",
-    "vite-plugin-vuetify": "^1.0.0-alpha.14",
-    "vue-tsc": "^0.35.2",
+    "vite-plugin-vuetify": "^1.0.2",
+    "vue-tsc": "^1.0.24",
     "workbox-precaching": "^6.5.4",
     "workbox-routing": "^6.5.4",
     "workbox-strategies": "^6.5.4",

packages/docs/src/examples/elevation/usage.vue

@@ -2,7 +2,7 @@
   <v-container>
     <v-row justify="center">
       <v-col
-        v-for="(m, n) in 25"
+        v-for="(_, n) in 25"
         :key="n"
         cols="auto"
       >

packages/docs/src/examples/v-badge/misc-customization.vue

@@ -15,7 +15,7 @@
 
     <v-badge
       bordered
-      location="bottom-end"
+      location="bottom end"
       color="deep-purple-accent-4"
       dot
       offset-x="2"

packages/docs/src/examples/v-list/misc-action-and-item-groups.vue

@@ -35,7 +35,7 @@
 
     <v-divider></v-divider>
 
-    <v-list lines="three" select-strategy="multiple">
+    <v-list lines="three" select-strategy="classic">
       <v-list-subheader>General</v-list-subheader>
 
       <v-list-item value="notifications">

packages/docs/src/examples/v-progress-linear/prop-reverse.vue

@@ -30,7 +30,7 @@
 
     <v-progress-linear
       model-value="15"
-      :reverse="!!$vuetify?.rtl?.isRtl"
+      :reverse="$vuetify.locale.isRtl"
     ></v-progress-linear>
   </div>
 </template>

packages/docs/src/pages/en/components/text-fields.md

@@ -76,7 +76,7 @@ The following code snippet is an example of a simple form for for collecting a u
 
 #### Placeholders
 
-Sometimes a label alone doesn't convey enough information and you need to expose more. For those use-cases, use the **placeholder** property with or without the [label][#labeling] or [hint](#hints) properties.
+Sometimes a label alone doesn't convey enough information and you need to expose more. For those use-cases, use the **placeholder** property with or without the [label](#labeling) or [hint](#hint) properties.
 
 In the following snippet, we improve the user experience of a `v-text-field` that is capturing an email address:
 

packages/docs/src/pages/en/features/blueprints.md

@@ -19,7 +19,7 @@ Vuetify blueprints are a new way to pre-configure your entire application with a
 
 ## Usage
 
-Blueprints are a collection of Vuetify configuration options that assign default values for components, colors, language, and more. Open your project's `vuetify.js` file and import the desired blueprint. The follow example demonstrates how to apply the [Material Design 1](#md1) preset:
+Blueprints are a collection of Vuetify configuration options that assign default values for components, colors, language, and more. Open your project's `vuetify.js` file and import the desired blueprint. The follow example demonstrates how to apply the [Material Design 1](#material-design-1) preset:
 
 ```js { resource=plugins/vuetify.js }
 import { createVuetify } from 'vuetify'

packages/docs/src/pages/en/features/display-and-platform.md

@@ -250,7 +250,7 @@ Using the _dynamic_ display values, we are able to adjust the minimum height of
 
 ## Component Mobile Breakpoints
 
-Some components within Vuetify have a **mobile-breakpoint** property which allows you to override the default value. These components reference the global [mobileBreakpoint](#mobile-breakpoint) value that is generated at runtime using the provided options in the `vuetify.js` file. By default, **mobileBreakpoint** is set to `md`, which means that if the window is less than _1280_ pixels in width (which is the default value for the **md** [threshold](#thresholds)), then the **useDisplay** composable will update its **mobile** value to `true`.
+Some components within Vuetify have a **mobile-breakpoint** property which allows you to override the default value. These components reference the global mobileBreakpoint value that is generated at runtime using the provided options in the `vuetify.js` file. By default, **mobileBreakpoint** is set to `md`, which means that if the window is less than _1280_ pixels in width (which is the default value for the **md** threshold), then the **useDisplay** composable will update its **mobile** value to `true`.
 
 For example, the [v-banner](/components/banners/) component implements different styling based upon the value of **mobile** on the **useDisplay** composable. In the following example, The first banner uses the global **mobile-breakpoint** value of `md` while the second overrides this default with `580`. If the screen width is 1024 pixels, the second banner would not convert into its mobile state:
 

packages/docs/src/pages/en/getting-started/contributing.md

@@ -274,6 +274,4 @@ The following is a list of **commit types** used in the _angular_ preset:
 
 [community]: https://community.vuetifyjs.com/
 [core team]: /introduction/meet-the-team/
-[pull request]: https://github.com/vuetifyjs/vuetify/pulls
 [issues]: https://github.com/vuetifyjs/vuetify/issues
-[Vuetify team]: /introduction/meet-the-team/

packages/vuetify/cypress/support/mount.ts

@@ -4,6 +4,7 @@ import type { VueWrapper } from '@vue/test-utils'
 import { mount as cyMount } from 'cypress/vue'
 import { createVuetify } from '../../src/framework'
 import { mergeDeep } from '../../src/util'
+import Chainable = Cypress.Chainable
 
 /**
  * @example
@@ -49,7 +50,7 @@ Cypress.Commands.add('vue', () => {
  */
 
 Cypress.Commands.add('setProps', (props: Record<string, unknown> = {}) => {
-  return cy.get('@wrapper').then(async (wrapper) => {
+  return (cy.get('@wrapper') as Chainable).then(async ({ wrapper }) => {
     // `wrapper` in inferred as JQuery<HTMLElement> since custom commands
     // generally receive a Cypress.Chainable as the first arg (the "subject").
     // the custom `mount` command defined above returns a
@@ -61,7 +62,7 @@ Cypress.Commands.add('setProps', (props: Record<string, unknown> = {}) => {
 })
 
 Cypress.Commands.add('emitted', (selector: string, event: string) => {
-  return cy.get('@wrapper').then(wrapper => {
+  return (cy.get('@wrapper') as Chainable).then(({ wrapper }) => {
     const vueWrapper = (wrapper || Cypress.vueWrapper) as unknown as VueWrapper<any>
     const cmp = vueWrapper.findComponent<any>(selector)