chore: update dependencies

.eslintrc.js

@@ -7,6 +7,7 @@ module.exports = {
     project: './tsconfig.eslint.json',
     tsconfigRootDir: __dirname,
     extraFileExtensions: ['.vue'],
+    suppressDeprecatedPropertyWarnings: true,
   },
   extends: [
     'standard',
@@ -190,7 +191,7 @@ module.exports = {
         // '@typescript-eslint/no-unnecessary-condition': 'error',
         '@typescript-eslint/prefer-includes': 'error',
         // '@typescript-eslint/prefer-nullish-coalescing': 'warn',
-        '@typescript-eslint/prefer-optional-chain': 'warn',
+        // '@typescript-eslint/prefer-optional-chain': 'warn',
         '@typescript-eslint/prefer-string-starts-ends-with': 'error',
         '@typescript-eslint/prefer-ts-expect-error': 'warn',
         '@typescript-eslint/restrict-plus-operands': 'error',

package.json

@@ -32,36 +32,37 @@
     "yarn": "^1.19"
   },
   "devDependencies": {
-    "@babel/cli": "^7.21.0",
-    "@babel/core": "^7.21.3",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-typescript": "^7.21.0",
+    "@babel/cli": "^7.23.4",
+    "@babel/core": "^7.23.3",
+    "@babel/preset-env": "^7.23.3",
+    "@babel/preset-typescript": "^7.23.3",
     "@mdi/font": "6.2.95",
     "@mdi/js": "6.2.95",
     "@mdi/svg": "6.2.95",
-    "@octokit/core": "^4.2.0",
-    "@typescript-eslint/eslint-plugin": "^5.57.0",
-    "@typescript-eslint/parser": "^5.57.0",
-    "@vue/compiler-sfc": "^3.3.7",
-    "@vueuse/head": "^1.1.23",
+    "@octokit/core": "^5.0.2",
+    "@typescript-eslint/eslint-plugin": "^6.12.0",
+    "@typescript-eslint/parser": "^6.12.0",
+    "@unhead/vue": "^1.8.8",
+    "@vue/compiler-sfc": "^3.3.9",
+    "@vueuse/head": "^1.3.1",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^28.1.3",
-    "conventional-changelog-cli": "^2.2.2",
+    "conventional-changelog-cli": "^4.1.0",
     "conventional-changelog-vuetify": "^1.1.0",
     "conventional-github-releaser": "^3.1.5",
     "cross-env": "^7.0.3",
-    "cross-spawn": "^6.0.5",
-    "eslint": "^8.37.0",
-    "eslint-config-standard": "^17.0.0",
+    "cross-spawn": "^7.0.3",
+    "eslint": "^8.54.0",
+    "eslint-config-standard": "^17.1.0",
     "eslint-formatter-codeframe": "^7.32.1",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-local-rules": "^1.3.2",
-    "eslint-plugin-n": "^15.7.0",
+    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-local-rules": "^2.0.1",
+    "eslint-plugin-n": "^16.3.1",
     "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-sonarjs": "^0.19.0",
-    "eslint-plugin-vue": "^9.10.0",
-    "eslint-plugin-vuetify": "^2.0.0-beta.2",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-sonarjs": "^0.23.0",
+    "eslint-plugin-vue": "^9.18.1",
+    "eslint-plugin-vuetify": "^2.1.0",
     "husky": "^3.0.1",
     "inquirer": "^6.5.2",
     "jest": "^28.1.3",
@@ -72,18 +73,19 @@
     "magic-string": "^0.30.0",
     "mkdirp": "^3.0.1",
     "moment": "^2.29.4",
-    "patch-package": "^6.5.1",
-    "sass": "^1.60.0",
-    "semver": "^6.2.0",
+    "patch-package": "^8.0.0",
+    "rimraf": "^5.0.5",
+    "sass": "^1.69.5",
+    "semver": "^7.5.4",
     "shelljs": "^0.8.5",
-    "typescript": "^5.0.2",
+    "typescript": "~5.2.2",
     "upath": "^2.0.1",
-    "vite-plugin-inspect": "^0.7.18",
-    "vite-plugin-warmup": "^0.0.2",
-    "vue": "^3.3.7",
+    "vite-plugin-inspect": "^0.7.42",
+    "vite-plugin-warmup": "^0.1.0",
+    "vue": "^3.3.9",
     "vue-analytics": "^5.16.1",
-    "vue-router": "^4.1.6",
-    "vue-tsc": "^1.6.4",
-    "yargs": "^17.7.1"
+    "vue-router": "^4.2.5",
+    "vue-tsc": "^1.8.22",
+    "yargs": "^17.7.2"
   }
 }

packages/api-generator/package.json

@@ -12,12 +12,11 @@
   "license": "ISC",
   "dependencies": {
     "deepmerge": "^4.3.1",
-    "piscina": "^4.1.0",
-    "prettier": "^3.0.3",
-    "rimraf": "^3.0.2",
-    "ts-morph": "^18.0.0",
-    "tsx": "^3.14.0",
-    "vue": "^3.3.4",
+    "piscina": "^4.2.0",
+    "prettier": "^3.1.0",
+    "ts-morph": "^20.0.0",
+    "tsx": "^4.5.0",
+    "vue": "^3.3.9",
     "vuetify": "^3.4.3"
   },
   "devDependencies": {

packages/api-generator/src/index.ts

@@ -10,7 +10,7 @@ import { addDescriptions, addDirectiveDescriptions, addPropData, stringifyProps
 import * as os from 'os'
 import { mkdirp } from 'mkdirp'
 import { createVeturApi } from './vetur'
-import rimraf from 'rimraf'
+import { rimraf } from 'rimraf'
 import { createWebTypesApi } from './web-types'
 import inspector from 'inspector'
 import yargs from 'yargs'
@@ -50,7 +50,7 @@ const run = async () => {
 
   const template = await fs.readFile('./templates/component.d.ts', 'utf-8')
 
-  rimraf.sync(path.resolve('./dist'))
+  await rimraf(path.resolve('./dist'))
   await fs.mkdir(path.resolve('./dist'))
   await mkdirp('./templates/tmp')
   for (const component in components) {

packages/docs/build/api-plugin.ts

@@ -6,7 +6,7 @@ import { startCase } from 'lodash-es'
 import locales from '../src/i18n/locales.json'
 import pageToApi from '../src/data/page-to-api.json'
 import type { Plugin } from 'vite'
-import rimraf from 'rimraf'
+import { rimraf } from 'rimraf'
 
 const API_ROOT = resolve('../api-generator/dist/api')
 const API_PAGES_ROOT = resolve('./node_modules/.cache/api-pages')
@@ -149,7 +149,7 @@ export default function Api (): Plugin {
     name: 'vuetify:api',
     enforce: 'pre',
     async config () {
-      rimraf.sync(API_PAGES_ROOT)
+      await rimraf(API_PAGES_ROOT)
 
       await generateFiles()
     },

packages/docs/package.json

@@ -20,47 +20,45 @@
     "fix:md": "markdownlint --config .markdownlintrc src/pages/en --fix"
   },
   "dependencies": {
-    "@cosmicjs/sdk": "^1.0.9",
-    "@vuelidate/core": "^2.0.1",
-    "@vuelidate/validators": "^2.0.1",
-    "algoliasearch": "^4.16.0",
-    "fflate": "^0.7.4",
+    "@cosmicjs/sdk": "^1.0.10",
+    "@vuelidate/core": "^2.0.3",
+    "@vuelidate/validators": "^2.0.4",
+    "algoliasearch": "^4.20.0",
+    "fflate": "^0.8.1",
     "isomorphic-fetch": "^3.0.0",
     "lodash-es": "^4.17.21",
-    "pinia": "^2.0.33",
+    "pinia": "^2.1.7",
     "prism-theme-vars": "^0.2.4",
     "prismjs": "^1.29.0",
     "roboto-fontface": "^0.10.0",
-    "vee-validate": "^4.8.4",
-    "vue": "^3.3.7",
+    "vee-validate": "^4.12.0",
+    "vue": "^3.3.9",
     "vue-gtag-next": "^1.14.0",
-    "vue-i18n": "^9.3.0-beta.16",
-    "vue-instantsearch": "^4.8.8",
+    "vue-i18n": "^9.7.1",
+    "vue-instantsearch": "^4.12.1",
     "vue-prism-component": "^2.0.0",
     "vuetify": "^3.4.3"
   },
   "devDependencies": {
-    "@emailjs/browser": "^3.10.0",
-    "@intlify/unplugin-vue-i18n": "^0.10.0",
-    "@types/lodash-es": "^4.17.6",
-    "@types/markdown-it": "^12.2.3",
-    "@types/markdown-it-container": "^2.0.5",
-    "@types/prismjs": "^1.26.0",
-    "@types/rimraf": "^3.0.2",
-    "@vitejs/plugin-basic-ssl": "^1.0.1",
-    "@vitejs/plugin-vue": "^4.2.2",
-    "@vue/compiler-sfc": "^3.3.4",
+    "@emailjs/browser": "^3.11.0",
+    "@intlify/unplugin-vue-i18n": "^1.5.0",
+    "@types/lodash-es": "^4.17.12",
+    "@types/markdown-it": "^13.0.7",
+    "@types/markdown-it-container": "^2.0.9",
+    "@types/prismjs": "^1.26.3",
+    "@vitejs/plugin-basic-ssl": "^1.0.2",
+    "@vitejs/plugin-vue": "^4.5.0",
+    "@vue/compiler-sfc": "^3.3.9",
     "@vuetify/api-generator": "^3.4.3",
     "ajv": "^8.12.0",
-    "async-es": "^3.2.4",
-    "date-fns": "^2.29.3",
+    "async-es": "^3.2.5",
+    "date-fns": "^2.30.0",
     "emailjs-com": "^3.2.0",
     "front-matter": "^4.0.2",
-    "happy-dom": "^6.0.4",
     "jest": "^28.1.3",
     "jest-runner-eslint": "^1.2.0",
     "jest-silent-reporter": "^0.5.0",
-    "markdown-it": "^13.0.1",
+    "markdown-it": "^13.0.2",
     "markdown-it-anchor": "^8.6.7",
     "markdown-it-attrs": "^4.1.6",
     "markdown-it-container": "^3.0.0",
@@ -69,19 +67,15 @@
     "markdown-it-link-attributes": "^4.0.1",
     "markdown-it-meta": "^0.0.1",
     "markdown-it-prism": "^2.3.0",
-    "markdownlint-cli": "^0.33.0",
-    "unplugin-fonts": "^1.0.0",
-    "unplugin-vue-components": "^0.24.1",
-    "vite": "^4.3.5",
+    "markdownlint-cli": "^0.37.0",
+    "unplugin-fonts": "^1.1.1",
+    "unplugin-vue-components": "^0.25.2",
+    "vite": "^4.5.0",
     "vite-plugin-md": "^0.21.5",
-    "vite-plugin-pages": "^0.29.0",
-    "vite-plugin-pwa": "^0.14.7",
+    "vite-plugin-pages": "^0.32.0",
+    "vite-plugin-pwa": "^0.17.2",
     "vite-plugin-vue-layouts": "^0.8.0",
-    "vite-plugin-vuetify": "^1.0.2",
-    "workbox-precaching": "^6.5.4",
-    "workbox-routing": "^6.5.4",
-    "workbox-strategies": "^6.5.4",
-    "workbox-window": "^6.5.4"
+    "vite-plugin-vuetify": "^1.0.2"
   },
   "publishConfig": {
     "access": "public"

packages/docs/src/App.vue

@@ -4,7 +4,7 @@
 
 <script setup lang="ts">
   // Composables
-  import { useHead } from '@vueuse/head'
+  import { useHead } from '@unhead/vue'
   import { useI18n } from 'vue-i18n'
   import { useRoute, useRouter } from 'vue-router'
   import { useTheme } from 'vuetify'

packages/docs/src/layouts/404.vue

@@ -31,7 +31,7 @@
 <script setup lang="ts">
   import { useRoute } from 'vue-router'
   import { rpath } from '@/util/routes'
-  import { useHead } from '@vueuse/head'
+  import { useHead } from '@unhead/vue'
   import DefaultLayout from '@/layouts/default.vue'
 
   const route = useRoute()

packages/docs/src/main.ts

@@ -11,7 +11,7 @@ import { setupLayouts } from 'virtual:generated-layouts'
 // Plugins
 import { createApp } from 'vue'
 import { createRouter, createWebHistory } from 'vue-router'
-import { createHead } from '@vueuse/head'
+import { createHead } from '@unhead/vue'
 import { installPinia, pinia } from '@/plugins/pinia'
 import { installGlobalComponents } from '@/plugins/global-components'
 import { installGtag } from '@/plugins/gtag'

packages/docs/src/plugins/vuetify.ts

@@ -19,6 +19,7 @@ import { en, sv } from 'vuetify/locale'
 
 // Types
 import type { App } from 'vue'
+import type { IconProps } from 'vuetify'
 
 export function installVuetify (app: App) {
   const vuetify = createVuetify({
@@ -79,7 +80,7 @@ export function installVuetify (app: App) {
         md,
         mdiSvg: mdi,
         mdi: {
-          component: props => {
+          component: (props: IconProps) => {
             const icon = mdiSvg[camelize(props.icon as string) as keyof typeof mdiSvg]
             return h(components.VSvgIcon, { ...props, icon })
           },

packages/vuetify/dev/index.js

@@ -1,7 +1,7 @@
 import vuetify from './vuetify'
 import App from './App.vue'
 
-import { createHead } from '@vueuse/head'
+import { createHead } from '@unhead/vue'
 import { routes } from './router'
 import viteSSR from 'vite-ssr/vue'