chore: update deps

netlify.toml

@@ -1,11 +1,11 @@
-[build.environment]
-NODE_OPTIONS = "--max_old_space_size=4096"
-NODE_VERSION = "18"
-
 [build]
 publish = "packages/.vitepress/dist"
 command = "pnpm run install-fonts && pnpm run docs:build"
 
+[build.environment]
+NODE_OPTIONS = "--max_old_space_size=4096"
+NODE_VERSION = "18"
+
 [[redirects]]
 from = "https://vueuse.js.org/*"
 to = "https://vueuse.org/:splat"

package.json

@@ -3,7 +3,7 @@
   "type": "module",
   "version": "10.7.0",
   "private": true,
-  "packageManager": "pnpm@8.11.0",
+  "packageManager": "pnpm@8.13.1",
   "description": "Collection of essential Vue Composition Utilities",
   "author": "Anthony Fu<https://github.com/antfu>",
   "license": "MIT",
@@ -36,38 +36,38 @@
     "watch": "esno scripts/build-run.ts --watch"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^2.3.3",
+    "@antfu/eslint-config": "^2.6.1",
     "@antfu/ni": "^0.21.12",
-    "@iconify/json": "^2.2.152",
-    "@rollup/plugin-json": "^6.0.1",
+    "@iconify/json": "^2.2.162",
+    "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-replace": "^5.0.5",
     "@type-challenges/utils": "^0.1.1",
     "@types/fs-extra": "^11.0.4",
     "@types/js-yaml": "^4.0.9",
     "@types/md5": "^2.3.5",
-    "@types/node": "^20.10.3",
+    "@types/node": "^20.10.5",
     "@types/remove-markdown": "^0.3.4",
     "@types/semver": "^7.5.6",
-    "@vitest/coverage-v8": "^1.0.1",
-    "@vitest/ui": "^1.0.1",
-    "@vue/compiler-sfc": "^3.3.10",
+    "@vitest/coverage-v8": "^1.1.0",
+    "@vitest/ui": "^1.1.0",
+    "@vue/compiler-sfc": "^3.3.13",
     "@vue/test-utils": "^2.4.3",
     "@vueuse/core": "workspace:*",
     "@vueuse/integrations": "workspace:*",
     "@vueuse/math": "workspace:*",
     "@vueuse/rxjs": "workspace:*",
     "@vueuse/shared": "workspace:*",
-    "axios": "^1.6.2",
-    "bumpp": "^9.2.0",
+    "axios": "^1.6.3",
+    "bumpp": "^9.2.1",
     "consola": "^3.2.3",
     "esbuild-register": "^3.5.0",
-    "eslint": "^8.55.0",
+    "eslint": "^8.56.0",
     "eslint-plugin-format": "^0.1.0",
     "esno": "^4.0.0",
     "export-size": "^0.7.0",
     "fake-indexeddb": "^5.0.1",
     "fast-glob": "^3.3.2",
-    "firebase": "^10.7.0",
+    "firebase": "^10.7.1",
     "fs-extra": "^11.2.0",
     "fuse.js": "^7.0.0",
     "google-font-installer": "^1.2.0",
@@ -79,32 +79,32 @@
     "md5": "^2.3.0",
     "msw": "1.0.1",
     "node-fetch": "^3.3.2",
-    "node-fetch-native": "^1.4.1",
+    "node-fetch-native": "^1.6.1",
     "ofetch": "^1.3.3",
-    "pnpm": "^8.11.0",
+    "pnpm": "^8.13.1",
     "postcss": "^8.4.32",
     "postcss-nested": "^6.0.1",
-    "prettier": "^3.1.0",
+    "prettier": "^3.1.1",
     "prism-theme-vars": "^0.2.4",
     "remove-markdown": "^0.5.0",
     "rimraf": "^5.0.5",
-    "rollup": "^4.6.1",
+    "rollup": "^4.9.1",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-esbuild": "^6.1.0",
     "rollup-plugin-pure": "^0.2.1",
     "sharp": "0.32.6",
     "simple-git": "^3.21.0",
     "simple-git-hooks": "^2.9.0",
-    "taze": "^0.13.0",
-    "typescript": "^5.3.2",
-    "unocss": "^0.58.0",
+    "taze": "^0.13.1",
+    "typescript": "^5.3.3",
+    "unocss": "^0.58.1",
     "unplugin-icons": "^0.18.1",
     "unplugin-vue-components": "^0.26.0",
-    "vite": "^5.0.5",
+    "vite": "^5.0.10",
     "vite-plugin-inspect": "^0.8.1",
-    "vite-plugin-pwa": "^0.17.3",
+    "vite-plugin-pwa": "^0.17.4",
     "vitepress": "^1.0.0-rc.31",
-    "vitest": "^1.0.1",
+    "vitest": "^1.1.0",
     "vue": "^3.3.8",
     "vue2": "npm:vue@^2.7.14"
   },
@@ -114,8 +114,8 @@
     ],
     "overrides": {
       "magic-string": "^0.30.5",
-      "rollup": "^4.6.1",
-      "vite": "^5.0.5",
+      "rollup": "^4.9.1",
+      "vite": "^5.0.10",
       "vue-demi": "^0.14.6"
     }
   },

packages/core/createTemplatePromise/index.md

@@ -134,14 +134,14 @@ const TemplatePromise = createTemplatePromise<ReturnType>({
 </template>
 
 <style scoped>
-  .fade-enter-active,
-  .fade-leave-active {
-    transition: opacity 0.5s;
-  }
-  .fade-enter,
-  .fade-leave-to {
-    opacity: 0;
-  }
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.5s;
+}
+.fade-enter,
+.fade-leave-to {
+  opacity: 0;
+}
 </style>
 ```
 

packages/core/useConfirmDialog/demo.vue

@@ -96,7 +96,7 @@ dialog2.onCancel(() => {
   max-width: 100%;
   z-index: 10;
 }
-.modal-layout{
+.modal-layout {
   z-index: 20;
   left: 0;
   top: 0;

packages/core/useFocus/demo.vue

@@ -48,8 +48,8 @@ const { focused: buttonFocus } = useFocus(button)
 </template>
 
 <style scoped>
-.demo-el:focus {
-  opacity: .7;
+.demo-el:focus {
+  opacity: 0.7;
   box-shadow: 0 0 2px 1px var(--vp-c-brand);
-}
+}
 </style>

packages/core/useGamepad/components/Controller.vue

@@ -150,8 +150,8 @@ const isRightStickActive = computed(() => {
 </template>
 
 <style>
-  .active-control {
-    fill: var(--vp-c-brand-active);
-    stroke: var(--vp-c-brand-active) !important;
-  }
+.active-control {
+  fill: var(--vp-c-brand-active);
+  stroke: var(--vp-c-brand-active) !important;
+}
 </style>

packages/core/useShare/index.ts

@@ -26,7 +26,7 @@ interface NavigatorWithShare {
 export function useShare(shareOptions: MaybeRefOrGetter<UseShareOptions> = {}, options: ConfigurableNavigator = {}) {
   const { navigator = defaultNavigator } = options
 
-  const _navigator = (navigator as NavigatorWithShare)
+  const _navigator = navigator as NavigatorWithShare
   const isSupported = useSupported(() => _navigator && 'canShare' in _navigator)
 
   const share = async (overrideOptions: MaybeRefOrGetter<UseShareOptions> = {}) => {

packages/core/useSwipe/demo.vue

@@ -89,7 +89,7 @@ const { direction, isSwiping, lengthX, lengthY } = useSwipe(
   color: #fff;
   font-weight: bold;
   text-align: center;
-  overflow:hidden;
+  overflow: hidden;
   white-space: nowrap;
 }
 

packages/core/useTextDirection/demo.vue

@@ -30,8 +30,7 @@ function handleOnClick() {
 </template>
 
 <style scoped>
-#_useTextDirectionDemo[dir='rtl']
-p {
+#_useTextDirectionDemo[dir='rtl'] p {
   color: red;
 }
 button {

packages/core/useTimeAgo/demo.vue

@@ -28,7 +28,7 @@ const timeAgo = useTimeAgo(value)
   opacity: 0.8;
   margin: 0.5rem 0;
   outline: none !important;
-  transition: opacity .2s;
+  transition: opacity 0.2s;
 }
 
 .slider:hover {

packages/integrations/package.json

@@ -107,10 +107,10 @@
     "universal-cookie": "*"
   },
   "peerDependenciesMeta": {
-    "axios": {
+    "async-validator": {
       "optional": true
     },
-    "async-validator": {
+    "axios": {
       "optional": true
     },
     "change-case": {
@@ -137,10 +137,10 @@
     "qrcode": {
       "optional": true
     },
-    "universal-cookie": {
+    "sortablejs": {
       "optional": true
     },
-    "sortablejs": {
+    "universal-cookie": {
       "optional": true
     }
   },
@@ -154,13 +154,13 @@
     "@types/qrcode": "^1.5.5",
     "@types/sortablejs": "^1.15.7",
     "async-validator": "^4.2.5",
-    "axios": "^1.6.2",
-    "change-case": "^4.1.2",
+    "axios": "^1.6.3",
+    "change-case": "^5.3.0",
     "drauu": "^0.3.7",
     "focus-trap": "^7.5.4",
-    "fuse.js": "^6.6.2",
+    "fuse.js": "^7.0.0",
     "idb-keyval": "^6.2.1",
-    "jwt-decode": "^3.1.2",
+    "jwt-decode": "^4.0.0",
     "nprogress": "^0.2.0",
     "qrcode": "^1.5.3",
     "sortablejs": "^1.15.1",

packages/integrations/useChangeCase/demo.vue

@@ -69,7 +69,7 @@ input {
 }
 
 .radio input:checked::after {
-  content: "";
+  content: '';
   @apply absolute inset-[3px] rounded-full bg-primary;
 }
 

packages/integrations/useDrauu/demo.client.vue

@@ -128,10 +128,6 @@ const { mode, color, size } = toRefs(brush)
   @apply m-0 bg-transparent text-dark-50 rounded-full border-none h-8 w-8 p-0 flex place-items-center place-content-center;
 }
 
-.dark .drauu-demo .color-button {
-  @apply ;
-}
-
 .drauu-demo .color-button:hover,
 .drauu-demo .color-button.active {
   @apply bg-light-900;

packages/nuxt/package.json

@@ -36,15 +36,15 @@
     "nuxt": "^3.0.0"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.8.2",
+    "@nuxt/kit": "^3.9.0",
     "@vueuse/core": "workspace:*",
     "@vueuse/metadata": "workspace:*",
     "local-pkg": "^0.5.0",
-    "nuxt": "^3.8.2",
+    "nuxt": "^3.9.0",
     "vue-demi": ">=0.14.6"
   },
   "devDependencies": {
-    "@nuxt/schema": "^3.8.2",
-    "unimport": "^3.6.0"
+    "@nuxt/schema": "^3.9.0",
+    "unimport": "^3.7.0"
   }
 }

playgrounds/nuxt/package.json

@@ -1,6 +1,6 @@
 {
   "private": true,
-  "packageManager": "pnpm@8.11.0",
+  "packageManager": "pnpm@8.13.1",
   "scripts": {
     "dev": "nuxi dev",
     "build": "nuxi build",
@@ -12,7 +12,7 @@
     "@vueuse/metadata": "file:../../packages/metadata/dist",
     "@vueuse/nuxt": "file:../../packages/nuxt/dist",
     "@vueuse/shared": "file:../../packages/shared/dist",
-    "nuxt": "^3.8.2"
+    "nuxt": "^3.9.0"
   },
   "resolutions": {
     "@vueuse/core": "file:../../packages/core/dist",

playgrounds/vite-vue2.7/package.json

@@ -11,8 +11,8 @@
     "@vueuse/core": "file:../../packages/core/dist",
     "@vueuse/metadata": "file:../../packages/metadata/dist",
     "@vueuse/shared": "file:../../packages/shared/dist",
-    "eslint": "^8.55.0",
-    "vite": "^5.0.5",
+    "eslint": "^8.56.0",
+    "vite": "^5.0.10",
     "vue": "^2.7.15"
   },
   "resolutions": {

playgrounds/vite/package.json

@@ -9,11 +9,11 @@
     "vue": "^3.3.8"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^4.5.1",
+    "@vitejs/plugin-vue": "^5.0.0",
     "@vueuse/core": "file:../../packages/core/dist",
     "@vueuse/metadata": "file:../../packages/metadata/dist",
     "@vueuse/shared": "file:../../packages/shared/dist",
-    "vite": "^5.0.5"
+    "vite": "^5.0.10"
   },
   "resolutions": {
     "@vueuse/core": "file:../../packages/core/dist",