feat(wip): wip

build/base.config.ts

@@ -1,4 +1,4 @@
-import { copyFile, mkdir } from 'fs/promises'
+import { copyFile, mkdir } from 'node:fs/promises'
 import { createResolver } from '@nuxt/kit'
 import { defineBuildConfig } from 'unbuild'
 

build/base.ts

@@ -1,9 +1,11 @@
-import { resolve } from 'path'
+import { resolve } from 'node:path'
 import { build } from 'unbuild'
 import baseBuildConfig from './base.config'
 
 const root = resolve(__dirname, '..')
 
-const buildTargets = async () => await build(root, false, baseBuildConfig)
+async function buildTargets() {
+  return await build(root, false, baseBuildConfig)
+}
 
 buildTargets().then(() => console.log('Build completed.'))

package.json

@@ -108,16 +108,16 @@
     "prepare": "pnpm -C playground run prepare && npm -C docs run prepare"
   },
   "dependencies": {
-    "@unocss/reset": "^0.51.4",
-    "@volar/vue-language-core": "^1.3.16",
+    "@unocss/reset": "^0.51.8",
+    "@volar/vue-language-core": "^1.6.4",
     "acorn": "^8.8.2",
     "chroma-js": "^2.4.2",
-    "consola": "^3.0.2",
+    "consola": "^3.1.0",
     "csstype": "^3.1.2",
     "defu": "^6.1.2",
     "magic-string": "^0.30.0",
     "nanoid": "^4.0.2",
-    "ohash": "^1.0.0",
+    "ohash": "^1.1.2",
     "paneer": "^0.1.0",
     "pathe": "^1.1.0",
     "postcss-custom-properties": "13.1.5",
@@ -131,38 +131,38 @@
     "unplugin": "^1.3.1"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.38.4",
-    "@nuxt/kit": "^3.4.1",
-    "@nuxt/test-utils": "^3.4.1",
-    "@nuxthq/studio": "^0.10.1",
+    "@antfu/eslint-config": "^0.38.5",
+    "@nuxt/kit": "^3.4.3",
+    "@nuxt/test-utils": "^3.4.3",
+    "@nuxthq/studio": "^0.11.0",
     "@nuxtjs/color-mode": "^3.2.0",
     "@types/chroma-js": "^2.4.0",
-    "@types/node": "^18.15.11",
+    "@types/node": "^18.16.3",
     "@vue/test-utils": "^2.3.2",
     "buffer": "^6.0.3",
-    "eslint": "^8.38.0",
+    "eslint": "^8.39.0",
     "esno": "^0.16.3",
     "fast-glob": "^3.2.12",
     "js-confetti": "^0.11.0",
-    "jsdom": "^21.1.1",
+    "jsdom": "^22.0.0",
     "nitropack": "2.3.3",
     "nodemon": "^2.0.22",
-    "nuxi": "3.4.1",
-    "nuxt": "3.4.1",
+    "nuxi": "3.4.3",
+    "nuxt": "3.4.3",
     "nuxt-component-meta": "^0.5.1",
-    "nuxt-vitest": "^0.6.9",
-    "playwright": "^1.32.3",
-    "release-it": "^15.10.1",
+    "nuxt-vitest": "^0.6.12",
+    "playwright": "^1.33.0",
+    "release-it": "^15.10.3",
     "rimraf": "^5.0.0",
-    "rollup": "^3.20.3",
+    "rollup": "^3.21.4",
     "tsup": "^6.7.0",
     "typescript": "^5.0.4",
     "unenv": "^1.4.1",
-    "vite": "^4.2.1",
-    "vite-plugin-inspect": "^0.7.22",
-    "vitest": "^0.30.1",
+    "vite": "^4.3.4",
+    "vite-plugin-inspect": "^0.7.24",
+    "vitest": "^0.31.0",
     "vue": "^3.2.47",
-    "webpack": "^5.79.0"
+    "webpack": "^5.82.0"
   },
   "pnpm": {
     "peerDependencyRules": {

playground/components/ThemeSelect.vue

@@ -11,7 +11,7 @@ const preference = computed(() => {
   return 'dark'
 })
 
-const toggle = () => {
+function toggle() {
   toggleCount.value++
   const cl = document.querySelector('html')?.classList
   if (cl && cl.contains('dark')) {