cn-docs
diff --git a/‎.github/ISSUE_TEMPLATE/bug_report.yml
+2-1 b/‎.github/ISSUE_TEMPLATE/bug_report.yml
+2-1
diff --git a/‎.github/ISSUE_TEMPLATE/feature_request.yml
+8-6 b/‎.github/ISSUE_TEMPLATE/feature_request.yml
+8-6
diff --git a/‎.github/workflows/ci.yml
+15-3 b/‎.github/workflows/ci.yml
+15-3
diff --git a/‎.github/workflows/publish.yml
+2 b/‎.github/workflows/publish.yml
+2
diff --git a/‎.gitignore
+7-2 b/‎.gitignore
+7-2
diff --git a/‎CONTRIBUTING.md
+18 b/‎CONTRIBUTING.md
+18
diff --git a/‎FUNDING.json
-7 b/‎FUNDING.json
-7
diff --git a/‎eslint.config.js
-2 b/‎eslint.config.js
-2
diff --git a/‎meta/packages.ts
-11 b/‎meta/packages.ts
-11
diff --git a/‎netlify.toml
+1-1 b/‎netlify.toml
+1-1
diff --git a/‎package.json
+32-20 b/‎package.json
+32-20
diff --git a/‎packages/.test/index.ts
-2 b/‎packages/.test/index.ts
-2
diff --git a/‎packages/.test/polyfillFetch.ts
-6 b/‎packages/.test/polyfillFetch.ts
-6
diff --git a/‎packages/.test/polyfillIndexedDb.ts
-4 b/‎packages/.test/polyfillIndexedDb.ts
-4
@@ -1,6 +1,7 @@
 name: 🐞 Bug report
 description: Report an issue with VueUse
 labels: [pending triage]
+type: Bug
 title: 'BUG | `functionName` | '
 body:
   - type: markdown
@@ -9,7 +10,7 @@ body:
         Thanks for taking the time to fill out this bug report!
 
         Please follow the one of the following title formats:
-        - `BUG | \`functionName\` | Short Description`
+        - ``BUG | `functionName` | Short Description``
 
         For example:
         ```
 
@@ -1,23 +1,25 @@
 name: 🚀 New feature proposal
 description: Propose a new feature to be added to VueUse
-labels: [enhancement]
-title: 'REQUEST | `functionName` | '
+type: Feature
+title: '`functionName` | '
 body:
   - type: markdown
     attributes:
       value: |
         Thanks for your interest in the project and taking the time to fill out this feature report!
 
         Please follow the one of the following title formats:
-        - `REQUEST | \`functionName\` | Short Description` - if related to a specific function
-        - `REQUEST | Short Description` - if it's a general feature request
+        - `` `functionName` | Short Description `` - if related to a specific function
+        - `Short Description` - if it's a general feature request
 
         For example:
         ```
-        REQUEST | \`useFetch\` | Support for custom headers
+        `useFetch` | Support for custom headers
         ```
 
-        > **Warning**: **⚠️ Slowing down new functions**
+        > [!Warning]
+        >
+        > **Slowing down new functions**
         >
         > As the VueUse audience continues to grow, we have been inundated with an overwhelming number of feature requests and pull requests. As a result, maintaining the project has become increasingly challenging and has stretched our capacity to its limits. As such, in the near future, we may need to slow down our acceptance of new features and prioritize the stability and quality of existing functions. **Please note that new features for VueUse may not be accepted at this time.** If you have any new ideas, we suggest that you first incorporate them into your own codebase, iterate on them to suit your needs, and assess their generalizability. If you strongly believe that your ideas are beneficial to the community, you may submit a pull request along with your use cases, and we would be happy to review and discuss them. Thank you for your understanding.
   - type: textarea
 
@@ -1,9 +1,15 @@
 name: CI
 
 on:
+  push:
+    branches:
+      - main
+      - next
+
   pull_request:
     branches:
       - main
+      - next
 
   merge_group: {}
 
@@ -37,7 +43,7 @@ jobs:
 
     strategy:
       matrix:
-        node: [18.x, 20.x]
+        node: [18.x, 20.x, 22.x]
       fail-fast: false
 
     steps:
@@ -58,14 +64,20 @@ jobs:
       - name: Install
         run: nci
 
+      - name: Install Playwright Browsers
+        run: pnpm exec playwright install --with-deps
+
       - name: Build
         run: nr build
 
       - name: Typecheck
         run: nr typecheck
 
-      - name: Test Vue 3
-        run: pnpm run test
+      - name: unit tests
+        run: pnpm run test:unit
+
+      - name: browser tests
+        run: pnpm run test:browser
 
       - if: matrix.node == '18.x'
         name: Playground Smoke Test
 
@@ -34,6 +34,8 @@ jobs:
         env:
           GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
 
+      - run: pnpm run update:full
+
       - run: pnpm run publish:ci
         env:
           NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
 
@@ -3,6 +3,7 @@
 .nuxt
 .temp
 *.log
+*.tgz
 components.d.ts
 dist
 index.json
@@ -11,11 +12,15 @@ node_modules
 cache
 packages/*/LICENSE
 packages/contributing.md
-packages/core/README.md
 packages/public/badge-*
-packages/*/index.mjs
+packages/**/*.js
+packages/**/*.[cm]js
+packages/**/*.d.ts
+packages/**/*.d.[cm]ts
 playgrounds/*/pnpm-lock.yaml
 types
 coverage
 .eslintcache
 .vitepress/cache
+
+packages/**/__screenshots__
@@ -22,6 +22,24 @@ We use VitePress for rapid development and documenting. You can start it locally
 pnpm dev
 ```
 
+### Testing
+
+```bash
+pnpm test:unit # to run unit tests
+```
+
+If you want to use experimental browser tests, you need to install playwright dependencies first.
+
+```bash
+nlx playwright install --with-deps
+```
+
+and then run
+
+```bash
+pnpm test:browser
+```
+
 ## Contributing
 
 ### Existing functions
 
@@ -28,8 +28,6 @@ export default antfu(
       'playgrounds',
       '**/types',
       '**/cache',
-      '**/dist',
-      '**/.temp',
       '**/*.svg',
     ],
   },
 
@@ -23,18 +23,11 @@ export const packages: PackageManifest[] = [
     display: 'Components',
     description: 'Renderless components for VueUse',
     author: 'Jacob Clevenger<https://github.com/wheatjs>',
-    external: [
-      '@vueuse/core',
-      '@vueuse/shared',
-    ],
   },
   {
     name: 'math',
     display: 'Math',
     description: 'Math functions for VueUse',
-    external: [
-      '@vueuse/shared',
-    ],
   },
   {
     name: 'nuxt',
@@ -47,8 +40,6 @@ export const packages: PackageManifest[] = [
     utils: true,
     target: 'node14',
     external: [
-      '@vueuse/core',
-      '@vueuse/shared',
       '@nuxt/kit',
       'local-pkg',
       'fs',
@@ -87,8 +78,6 @@ export const packages: PackageManifest[] = [
       'focus-trap',
       'change-case',
       'drauu',
-      '@vueuse/core',
-      '@vueuse/shared',
       'fuse.js',
       'async-validator',
       'idb-keyval',
 
@@ -4,7 +4,7 @@ command = "pnpm run install-fonts && pnpm run docs:build"
 
 [build.environment]
 NODE_OPTIONS = "--max_old_space_size=4096"
-NODE_VERSION = "18"
+NODE_VERSION = "22"
 
 [[redirects]]
 from = "https://vueuse.js.org/*"
 
@@ -1,35 +1,38 @@
 {
   "name": "@vueuse/monorepo",
   "type": "module",
-  "version": "12.0.0",
+  "version": "12.5.0",
   "private": true,
-  "packageManager": "pnpm@9.14.2",
+  "packageManager": "pnpm@9.15.3",
   "description": "Collection of essential Vue Composition Utilities",
   "author": "Anthony Fu<https://github.com/antfu>",
   "license": "MIT",
   "scripts": {
-    "build": "nr update && esno scripts/build-run.ts",
-    "build:redirects": "esno scripts/redirects.ts",
-    "build:rollup": "NODE_OPTIONS=\"--max-old-space-size=6144\" rollup --config=rollup.config.ts --configPlugin=rollup-plugin-esbuild",
+    "build": "nr update && pnpm -r run build",
+    "build:redirects": "tsx scripts/redirects.ts",
     "build:types": "tsc --emitDeclarationOnly",
-    "clean": "rimraf --glob dist types \"packages/*/dist\"",
+    "clean": "tsx scripts/clean.ts",
     "dev": "nr update && nr docs",
     "docs": "vitepress dev packages --open",
     "docs:build": "nr update:full && vitepress build packages && nr build:redirects",
     "docs:serve": "vitepress serve packages",
     "lint": "eslint --cache .",
     "lint:fix": "nr lint --fix",
-    "publish:ci": "esno scripts/publish.ts",
+    "publish:ci": "tsx scripts/publish.ts",
     "install-fonts": "gfi install Inter && gfi install Fira Code",
     "release": "bumpp --execute=\"npm run release:prepare\" --all",
     "release:prepare": "npm run build:types && npm run update",
-    "size": "esno scripts/export-size.ts",
-    "test": "vitest",
-    "test:cov": "vitest run --coverage",
-    "typecheck": "tsc --noEmit",
-    "update": "nr -C packages/metadata update && esno scripts/update.ts",
+    "size": "tsx scripts/export-size.ts",
+    "test": "nr test:unit",
+    "test:cov": "vitest run --coverage --project=\"browser (chromium)\"",
+    "test:browser": "vitest --project=\"browser*\"",
+    "test:firefox": "vitest --project=\"browser (firefox)\"",
+    "test:chromium": "vitest --project=\"browser (chromium)\"",
+    "test:unit": "vitest --project unit",
+    "typecheck": "vue-tsc --noEmit",
+    "update": "nr -C packages/metadata update && tsx scripts/update.ts",
     "update:full": "nr update && nr build:types",
-    "watch": "esno scripts/build-run.ts --watch",
+    "watch": "pnpm -r --parallel run build --watch",
     "prepare": "simple-git-hooks"
   },
   "devDependencies": {
@@ -40,13 +43,14 @@
     "@rollup/plugin-replace": "catalog:",
     "@shikijs/vitepress-twoslash": "catalog:",
     "@type-challenges/utils": "catalog:",
-    "@types/fs-extra": "catalog:",
     "@types/js-yaml": "catalog:",
     "@types/md5": "catalog:",
     "@types/node": "catalog:",
     "@types/remove-markdown": "catalog:",
     "@types/semver": "catalog:",
     "@vite-pwa/vitepress": "catalog:",
+    "@vitejs/plugin-vue": "catalog:",
+    "@vitest/browser": "catalog:",
     "@vitest/coverage-v8": "catalog:",
     "@vitest/ui": "catalog:",
     "@vue/compiler-sfc": "catalog:",
@@ -55,6 +59,7 @@
     "@vueuse/integrations": "workspace:*",
     "@vueuse/math": "workspace:*",
     "@vueuse/metadata": "workspace:*",
+    "@vueuse/nuxt": "workspace:*",
     "@vueuse/rxjs": "workspace:*",
     "@vueuse/shared": "workspace:*",
     "axios": "catalog:",
@@ -63,12 +68,9 @@
     "esbuild-register": "catalog:",
     "eslint": "catalog:",
     "eslint-plugin-format": "catalog:",
-    "esno": "catalog:",
     "export-size": "catalog:",
     "fake-indexeddb": "catalog:",
-    "fast-glob": "catalog:",
     "firebase": "catalog:",
-    "fs-extra": "catalog:",
     "fuse.js": "catalog:",
     "google-font-installer": "catalog:",
     "gray-matter": "catalog:",
@@ -81,12 +83,13 @@
     "node-fetch": "catalog:",
     "node-fetch-native": "catalog:",
     "ofetch": "catalog:",
+    "playwright": "catalog:",
+    "pnpm": "catalog:",
     "postcss": "catalog:",
     "postcss-nested": "catalog:",
     "prettier": "catalog:",
     "prism-theme-vars": "catalog:",
     "remove-markdown": "catalog:",
-    "rimraf": "catalog:",
     "rollup": "catalog:",
     "rollup-plugin-dts": "catalog:",
     "rollup-plugin-esbuild": "catalog:",
@@ -95,6 +98,8 @@
     "simple-git": "catalog:",
     "simple-git-hooks": "catalog:",
     "taze": "catalog:",
+    "tinyglobby": "catalog:",
+    "tsx": "catalog:",
     "typescript": "catalog:",
     "unocss": "catalog:",
     "unplugin-icons": "catalog:",
@@ -103,7 +108,9 @@
     "vite-plugin-inspect": "catalog:",
     "vitepress": "catalog:",
     "vitest": "catalog:",
-    "vue": "catalog:"
+    "vitest-browser-vue": "catalog:",
+    "vue": "catalog:",
+    "vue-tsc": "catalog:"
   },
   "pnpm": {
     "neverBuiltDependencies": [
@@ -114,6 +121,11 @@
     "@typescript-eslint/utils": "catalog:",
     "@vueuse/core": "workspace:*",
     "@vueuse/integrations": "workspace:*",
+    "@vueuse/math": "workspace:*",
+    "@vueuse/metadata": "workspace:*",
+    "@vueuse/nuxt": "workspace:*",
+    "@vueuse/rxjs": "workspace:*",
+    "@vueuse/shared": "workspace:*",
     "eslint": "catalog:",
     "magic-string": "catalog:",
     "rollup": "catalog:",
@@ -125,7 +137,7 @@
     "pre-commit": "npx lint-staged"
   },
   "lint-staged": {
-    "*.{js,ts,tsx,vue,md}": [
+    "*.{js,ts,tsx,vue,md,json}": [
       "eslint --cache --fix"
     ]
   }
 
@@ -1,8 +1,6 @@
 import process from 'node:process'
-import './polyfillFetch'
 
 export const isBelowNode18 = Number(process.version.slice(1).split('.')[0]) < 18
 
 export * from './mount'
 export * from './nextTick'
-export * from './retry'