From 947375caeb1104b1ebedea368daa9e69ff517cca Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Sat, 1 Mar 2025 22:41:45 +0800
Subject: [PATCH] refactor(drizzle-duckdb-wasm): added vue-route for
 multi-route demo playground

Signed-off-by: Neko Ayaka <neko@ayaka.moe>
---
 .../{playground => }/index.html               |   2 +-
 packages/drizzle-duckdb-wasm/package.json     |   6 +-
 .../playground/src/App.vue                    | 298 +----------------
 .../playground/src/main.ts                    |   5 +
 .../playground/src/pages/index.vue            | 301 ++++++++++++++++++
 packages/drizzle-duckdb-wasm/tsconfig.json    |  11 +-
 packages/drizzle-duckdb-wasm/vite.config.ts   |   9 +-
 pnpm-lock.yaml                                |  84 ++---
 8 files changed, 362 insertions(+), 354 deletions(-)
 rename packages/drizzle-duckdb-wasm/{playground => }/index.html (93%)
 create mode 100644 packages/drizzle-duckdb-wasm/playground/src/pages/index.vue
diff --git a/packages/drizzle-duckdb-wasm/playground/index.html b/packages/drizzle-duckdb-wasm/index.html
similarity index 93%
rename from packages/drizzle-duckdb-wasm/playground/index.html
rename to packages/drizzle-duckdb-wasm/index.html
index 88a9df4f1..ce99973e1 100644
--- a/packages/drizzle-duckdb-wasm/playground/index.html
+++ b/packages/drizzle-duckdb-wasm/index.html
@@ -17,7 +17,7 @@
   </head>
   <body class="font-sans">
     <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
+    <script type="module" src="/playground/src/main.ts"></script>
     <noscript> This website requires JavaScript to function properly. Please enable JavaScript to continue. </noscript>
   </body>
 </html>
diff --git a/packages/drizzle-duckdb-wasm/package.json b/packages/drizzle-duckdb-wasm/package.json
index eea68798d..9991ec947 100644
--- a/packages/drizzle-duckdb-wasm/package.json
+++ b/packages/drizzle-duckdb-wasm/package.json
@@ -54,7 +54,7 @@
     "play:dev": "vite",
     "play:build": "vite build",
     "play:preview": "vite preview",
-    "typecheck": "tsc --noEmit",
+    "typecheck": "vue-tsc --noEmit",
     "db:generate": "drizzle-kit generate",
     "test": "vitest",
     "test:run": "vitest run"
@@ -75,7 +75,8 @@
     "date-fns": "^4.1.0",
     "defu": "^6.1.4",
     "drizzle-orm": "^0.40.0",
-    "es-toolkit": "^1.32.0"
+    "es-toolkit": "^1.32.0",
+    "vue-router": "^4.5.0"
   },
   "devDependencies": {
     "@iconify-json/solar": "^1.2.2",
@@ -86,6 +87,7 @@
     "drizzle-kit": "^0.30.5",
     "playwright": "^1.50.1",
     "superjson": "^2.2.2",
+    "unplugin-vue-router": "^0.11.2",
     "vite": "^6.2.0",
     "vue": "^3.5.13",
     "vue-tsc": "^2.2.6"
diff --git a/packages/drizzle-duckdb-wasm/playground/src/App.vue b/packages/drizzle-duckdb-wasm/playground/src/App.vue
index 75f97c752..a78fb6fd3 100644
--- a/packages/drizzle-duckdb-wasm/playground/src/App.vue
+++ b/packages/drizzle-duckdb-wasm/playground/src/App.vue
@@ -1,301 +1,7 @@
 <script setup lang="ts">
-import type { DuckDBWasmDrizzleDatabase } from '../../src'
-
-import { DuckDBAccessMode } from '@duckdb/duckdb-wasm'
-import { DBStorageType } from '@proj-airi/duckdb-wasm'
-import { useDark, useToggle } from '@vueuse/core'
-import { serialize } from 'superjson'
-import { computed, onMounted, onUnmounted, ref } from 'vue'
-
-import { drizzle } from '../../src'
-import { buildDSN } from '../../src/dsn'
-import * as schema from '../db/schema'
-import { users } from '../db/schema'
-import migration1 from '../drizzle/0000_cute_kulan_gath.sql?raw'
-
-const isDark = useDark()
-const toggleDark = useToggle(isDark)
-
-const db = ref<DuckDBWasmDrizzleDatabase<typeof schema>>()
-const results = ref<Record<string, unknown>[]>()
-const schemaResults = ref<Record<string, unknown>[]>()
-const isMigrated = ref(false)
-
-const storage = ref<DBStorageType>()
-const path = ref('test.db')
-const logger = ref(true)
-const readOnly = ref(false)
-
-const dsn = computed(() => {
-  return buildDSN({
-    scheme: 'duckdb-wasm:',
-    bundles: 'import-url',
-    logger: logger.value,
-    ...storage.value === DBStorageType.ORIGIN_PRIVATE_FS && {
-      storage: {
-        type: storage.value,
-        path: path.value,
-        accessMode: readOnly.value ? DuckDBAccessMode.READ_ONLY : DuckDBAccessMode.READ_WRITE,
-      },
-    },
-  })
-})
-
-const query = ref(`SELECT * FROM 'users'`)
-
-async function connect() {
-  isMigrated.value = false
-  db.value = drizzle(dsn.value, { schema })
-  await db.value?.execute('INSTALL vss;')
-  await db.value?.execute('LOAD vss;')
-}
-
-async function migrate() {
-  await db.value?.execute(migration1)
-  await db.value?.insert(users).values({
-    id: '9449af72-faad-4c97-8a45-69f9f1ca1b05',
-    decimal: '1.23456',
-    numeric: '1.23456',
-    real: 1.23456,
-    double: 1.23456,
-    interval: '365 day',
-  })
-  isMigrated.value = true
-}
-
-async function insert() {
-  await db.value?.insert(users).values({
-    id: crypto.randomUUID().replace(/-/g, ''),
-    decimal: '1.23456',
-    numeric: '1.23456',
-    real: 1.23456,
-    double: 1.23456,
-    interval: '365 day',
-  })
-}
-
-async function reconnect() {
-  const client = await db.value?.$client
-  await client?.close()
-  await connect()
-}
-
-async function execute() {
-  results.value = await db.value?.execute(query.value)
-}
-
-async function executeORM() {
-  schemaResults.value = await db.value?.select().from(users)
-}
-
-async function shallowListOPFS() {
-  const opfsRoot = await navigator.storage.getDirectory()
-  const files: string[] = []
-  for await (const name of opfsRoot.keys()) {
-    files.push(name)
-  }
-  // eslint-disable-next-line no-console
-  console.log(['Files in OPFS:', ...files].join('\n'))
-}
-
-async function wipeOPFS() {
-  await db.value?.$client.then(client => client.close())
-  const opfsRoot = await navigator.storage.getDirectory()
-  const promises: Promise<void>[] = []
-  for await (const name of opfsRoot.keys()) {
-    promises.push(opfsRoot.removeEntry(name, { recursive: true }).then(() => {
-      // eslint-disable-next-line no-console
-      console.info(`File removed from OPFS: "${name}"`)
-    }))
-  }
-  await Promise.all(promises)
-}
-
-onMounted(async () => {
-  await connect()
-  await migrate()
-
-  results.value = await db.value?.execute(query.value)
-  const usersResults = await db.value?.select().from(users)
-  schemaResults.value = usersResults
-})
-
-onUnmounted(() => {
-  db.value?.$client.then(client => client.close())
-})
+import { RouterView } from 'vue-router'
 </script>
 
 <template>
-  <div flex flex-col gap-2 p-4>
-    <header flex flex-row items-center justify-between>
-      <h1 text-2xl>
-        <a href="https://github.com/duckdb/duckdb-wasm"><code>@duckdb/duckdb-wasm</code></a> + <a
-          href="https://orm.drizzle.team/"
-        >Drizzle ORM</a>
-        Playground
-      </h1>
-      <div flex flex-row items-center gap-2>
-        <button text-lg @click="() => toggleDark()">
-          <div v-if="isDark" i-solar:moon-stars-bold-duotone />
-          <div v-else i-solar:sun-bold />
-        </button>
-        <a href="https://github.com/moeru-ai/airi/tree/main/packages/drizzle-duckdb-wasm">
-          <div i-simple-icons:github />
-        </a>
-      </div>
-    </header>
-    <div flex flex-col gap-2>
-      <h2 text-xl>
-        Storage
-      </h2>
-      <div flex flex-row gap-2>
-        <div flex flex-row gap-2>
-          <input id="in-memory" v-model="storage" type="radio" :value="undefined">
-          <label for="in-memory">In-Memory</label>
-        </div>
-        <div flex flex-row gap-2>
-          <input id="opfs" v-model="storage" type="radio" :value="DBStorageType.ORIGIN_PRIVATE_FS">
-          <label for="opfs">Origin Private FS</label>
-        </div>
-      </div>
-    </div>
-    <div grid grid-cols-3 gap-2>
-      <div flex flex-col gap-2>
-        <h2 text-xl>
-          Logger
-        </h2>
-        <div flex flex-row gap-2>
-          <input id="logger" v-model="logger" type="checkbox">
-          <label for="logger">Enable</label>
-        </div>
-      </div>
-      <div flex flex-col gap-2>
-        <h2 text-xl>
-          Read-only
-        </h2>
-        <div flex flex-row gap-2>
-          <input id="readOnly" v-model="readOnly" type="checkbox">
-          <label for="readOnly">Read-only (DB file creation will fail)</label>
-        </div>
-      </div>
-    </div>
-    <div v-if="storage === DBStorageType.ORIGIN_PRIVATE_FS" flex flex-col gap-2>
-      <h2 text-xl>
-        Path
-      </h2>
-      <div flex flex-col gap-1>
-        <input v-model="path" type="text" w-full rounded-lg p-4 font-mono bg="neutral-100 dark:neutral-800">
-        <div text-sm>
-          <ul list-disc-inside>
-            <li>
-              Leading slash is optional ("/path/to/database.db" is equivalent to "path/to/database.db")
-            </li>
-            <li>Empty path is INVALID</li>
-          </ul>
-        </div>
-      </div>
-    </div>
-    <div flex flex-col gap-2>
-      <h2 text-xl>
-        DSN (read-only)
-      </h2>
-      <div>
-        <input v-model="dsn" readonly type="text" w-full rounded-lg p-4 font-mono bg="neutral-100 dark:neutral-800">
-      </div>
-    </div>
-    <div flex flex-row justify-between gap-2>
-      <div flex flex-row gap-2>
-        <button rounded-lg bg="cyan-100 dark:cyan-900" px-4 py-2 @click="reconnect">
-          Reconnect
-        </button>
-        <button
-          rounded-lg bg="blue-100 dark:blue-900" px-4 py-2 :class="{ 'cursor-not-allowed': isMigrated }"
-          :disabled="isMigrated" @click="migrate"
-        >
-          {{ isMigrated ? 'Already migrated 🥳' : 'Migrate' }}
-        </button>
-        <button rounded-lg bg="violet-100 dark:violet-900" px-4 py-2 @click="insert">
-          Insert
-        </button>
-      </div>
-      <div flex flex-row gap-2>
-        <button rounded-lg bg="cyan-100 dark:cyan-900" px-4 py-2 @click="shallowListOPFS">
-          List OPFS (See console)
-        </button>
-        <button rounded-lg bg="violet-100 dark:violet-900" px-4 py-2 @click="wipeOPFS">
-          Wipe OPFS
-        </button>
-      </div>
-    </div>
-    <div grid grid-cols-2 gap-2>
-      <div flex flex-col gap-2>
-        <h2 text-xl>
-          Executing
-        </h2>
-        <div>
-          <textarea v-model="query" h-full w-full rounded-lg bg="neutral-100 dark:neutral-800" p-4 font-mono />
-        </div>
-        <div flex flex-row gap-2>
-          <button rounded-lg bg="blue-100 dark:blue-900" px-4 py-2 @click="execute">
-            Execute
-          </button>
-        </div>
-        <div flex flex-col gap-2>
-          <h2 text-xl>
-            Results
-          </h2>
-          <div whitespace-pre-wrap p-4 font-mono>
-            {{ JSON.stringify(serialize(results).json, null, 2) }}
-          </div>
-        </div>
-      </div>
-      <div>
-        <div flex flex-col gap-2>
-          <h2 text-xl>
-            Executing (ORM, read-only)
-          </h2>
-          <div>
-            <pre whitespace-pre-wrap rounded-lg p-4 font-mono bg="neutral-100 dark:neutral-800">
-await db.insert(users).values({ id: '9449af72-faad-4c97-8a45-69f9f1ca1b05' })
-await db.select().from(users)
-            </pre>
-          </div>
-          <div flex flex-row gap-2>
-            <button rounded-lg bg="blue-100 dark:blue-900" px-4 py-2 @click="executeORM">
-              Execute
-            </button>
-          </div>
-        </div>
-        <div flex flex-col gap-2>
-          <h2 text-xl>
-            Schema Results
-          </h2>
-          <div whitespace-pre-wrap p-4 font-mono>
-            {{ JSON.stringify(serialize(schemaResults).json, null, 2) }}
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
+  <RouterView />
 </template>
-
-<style>
-html,
-body,
-#app {
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  overscroll-behavior: none;
-}
-
-html {
-  background: #fff;
-  transition: all 0.3s ease-in-out;
-}
-
-html.dark {
-  background: #121212;
-  color-scheme: dark;
-}
-</style>
diff --git a/packages/drizzle-duckdb-wasm/playground/src/main.ts b/packages/drizzle-duckdb-wasm/playground/src/main.ts
index da8479286..52e83a7af 100644
--- a/packages/drizzle-duckdb-wasm/playground/src/main.ts
+++ b/packages/drizzle-duckdb-wasm/playground/src/main.ts
@@ -1,8 +1,13 @@
 import { createApp } from 'vue'
+import { createRouter, createWebHashHistory } from 'vue-router'
+import { routes } from 'vue-router/auto-routes'
 
 import App from './App.vue'
 import '@unocss/reset/tailwind.css'
 import 'uno.css'
 
+const router = createRouter({ routes, history: createWebHashHistory() })
+
 createApp(App)
+  .use(router)
   .mount('#app')
diff --git a/packages/drizzle-duckdb-wasm/playground/src/pages/index.vue b/packages/drizzle-duckdb-wasm/playground/src/pages/index.vue
new file mode 100644
index 000000000..5fd2d6104
--- /dev/null
+++ b/packages/drizzle-duckdb-wasm/playground/src/pages/index.vue
@@ -0,0 +1,301 @@
+<script setup lang="ts">
+import type { DuckDBWasmDrizzleDatabase } from '../../../src'
+
+import { DuckDBAccessMode } from '@duckdb/duckdb-wasm'
+import { DBStorageType } from '@proj-airi/duckdb-wasm'
+import { useDark, useToggle } from '@vueuse/core'
+import { serialize } from 'superjson'
+import { computed, onMounted, onUnmounted, ref } from 'vue'
+
+import { drizzle } from '../../../src'
+import { buildDSN } from '../../../src/dsn'
+import * as schema from '../../db/schema'
+import { users } from '../../db/schema'
+import migration1 from '../../drizzle/0000_cute_kulan_gath.sql?raw'
+
+const isDark = useDark()
+const toggleDark = useToggle(isDark)
+
+const db = ref<DuckDBWasmDrizzleDatabase<typeof schema>>()
+const results = ref<Record<string, unknown>[]>()
+const schemaResults = ref<Record<string, unknown>[]>()
+const isMigrated = ref(false)
+
+const storage = ref<DBStorageType>()
+const path = ref('test.db')
+const logger = ref(true)
+const readOnly = ref(false)
+
+const dsn = computed(() => {
+  return buildDSN({
+    scheme: 'duckdb-wasm:',
+    bundles: 'import-url',
+    logger: logger.value,
+    ...storage.value === DBStorageType.ORIGIN_PRIVATE_FS && {
+      storage: {
+        type: storage.value,
+        path: path.value,
+        accessMode: readOnly.value ? DuckDBAccessMode.READ_ONLY : DuckDBAccessMode.READ_WRITE,
+      },
+    },
+  })
+})
+
+const query = ref(`SELECT * FROM 'users'`)
+
+async function connect() {
+  isMigrated.value = false
+  db.value = drizzle(dsn.value, { schema })
+  await db.value?.execute('INSTALL vss;')
+  await db.value?.execute('LOAD vss;')
+}
+
+async function migrate() {
+  await db.value?.execute(migration1)
+  await db.value?.insert(users).values({
+    id: '9449af72-faad-4c97-8a45-69f9f1ca1b05',
+    decimal: '1.23456',
+    numeric: '1.23456',
+    real: 1.23456,
+    double: 1.23456,
+    interval: '365 day',
+  })
+  isMigrated.value = true
+}
+
+async function insert() {
+  await db.value?.insert(users).values({
+    id: crypto.randomUUID().replace(/-/g, ''),
+    decimal: '1.23456',
+    numeric: '1.23456',
+    real: 1.23456,
+    double: 1.23456,
+    interval: '365 day',
+  })
+}
+
+async function reconnect() {
+  const client = await db.value?.$client
+  await client?.close()
+  await connect()
+}
+
+async function execute() {
+  results.value = await db.value?.execute(query.value)
+}
+
+async function executeORM() {
+  schemaResults.value = await db.value?.select().from(users)
+}
+
+async function shallowListOPFS() {
+  const opfsRoot = await navigator.storage.getDirectory()
+  const files: string[] = []
+  for await (const name of opfsRoot.keys()) {
+    files.push(name)
+  }
+  // eslint-disable-next-line no-console
+  console.log(['Files in OPFS:', ...files].join('\n'))
+}
+
+async function wipeOPFS() {
+  await db.value?.$client.then(client => client.close())
+  const opfsRoot = await navigator.storage.getDirectory()
+  const promises: Promise<void>[] = []
+  for await (const name of opfsRoot.keys()) {
+    promises.push(opfsRoot.removeEntry(name, { recursive: true }).then(() => {
+      // eslint-disable-next-line no-console
+      console.info(`File removed from OPFS: "${name}"`)
+    }))
+  }
+  await Promise.all(promises)
+}
+
+onMounted(async () => {
+  await connect()
+  await migrate()
+
+  results.value = await db.value?.execute(query.value)
+  const usersResults = await db.value?.select().from(users)
+  schemaResults.value = usersResults
+})
+
+onUnmounted(() => {
+  db.value?.$client.then(client => client.close())
+})
+</script>
+
+<template>
+  <div flex flex-col gap-2 p-4>
+    <header flex flex-row items-center justify-between>
+      <h1 text-2xl>
+        <a href="https://github.com/duckdb/duckdb-wasm"><code>@duckdb/duckdb-wasm</code></a> + <a
+          href="https://orm.drizzle.team/"
+        >Drizzle ORM</a>
+        Playground
+      </h1>
+      <div flex flex-row items-center gap-2>
+        <button text-lg @click="() => toggleDark()">
+          <div v-if="isDark" i-solar:moon-stars-bold-duotone />
+          <div v-else i-solar:sun-bold />
+        </button>
+        <a href="https://github.com/moeru-ai/airi/tree/main/packages/drizzle-duckdb-wasm">
+          <div i-simple-icons:github />
+        </a>
+      </div>
+    </header>
+    <div flex flex-col gap-2>
+      <h2 text-xl>
+        Storage
+      </h2>
+      <div flex flex-row gap-2>
+        <div flex flex-row gap-2>
+          <input id="in-memory" v-model="storage" type="radio" :value="undefined">
+          <label for="in-memory">In-Memory</label>
+        </div>
+        <div flex flex-row gap-2>
+          <input id="opfs" v-model="storage" type="radio" :value="DBStorageType.ORIGIN_PRIVATE_FS">
+          <label for="opfs">Origin Private FS</label>
+        </div>
+      </div>
+    </div>
+    <div grid grid-cols-3 gap-2>
+      <div flex flex-col gap-2>
+        <h2 text-xl>
+          Logger
+        </h2>
+        <div flex flex-row gap-2>
+          <input id="logger" v-model="logger" type="checkbox">
+          <label for="logger">Enable</label>
+        </div>
+      </div>
+      <div flex flex-col gap-2>
+        <h2 text-xl>
+          Read-only
+        </h2>
+        <div flex flex-row gap-2>
+          <input id="readOnly" v-model="readOnly" type="checkbox">
+          <label for="readOnly">Read-only (DB file creation will fail)</label>
+        </div>
+      </div>
+    </div>
+    <div v-if="storage === DBStorageType.ORIGIN_PRIVATE_FS" flex flex-col gap-2>
+      <h2 text-xl>
+        Path
+      </h2>
+      <div flex flex-col gap-1>
+        <input v-model="path" type="text" w-full rounded-lg p-4 font-mono bg="neutral-100 dark:neutral-800">
+        <div text-sm>
+          <ul list-disc-inside>
+            <li>
+              Leading slash is optional ("/path/to/database.db" is equivalent to "path/to/database.db")
+            </li>
+            <li>Empty path is INVALID</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <div flex flex-col gap-2>
+      <h2 text-xl>
+        DSN (read-only)
+      </h2>
+      <div>
+        <input v-model="dsn" readonly type="text" w-full rounded-lg p-4 font-mono bg="neutral-100 dark:neutral-800">
+      </div>
+    </div>
+    <div flex flex-row justify-between gap-2>
+      <div flex flex-row gap-2>
+        <button rounded-lg bg="cyan-100 dark:cyan-900" px-4 py-2 @click="reconnect">
+          Reconnect
+        </button>
+        <button
+          rounded-lg bg="blue-100 dark:blue-900" px-4 py-2 :class="{ 'cursor-not-allowed': isMigrated }"
+          :disabled="isMigrated" @click="migrate"
+        >
+          {{ isMigrated ? 'Already migrated 🥳' : 'Migrate' }}
+        </button>
+        <button rounded-lg bg="violet-100 dark:violet-900" px-4 py-2 @click="insert">
+          Insert
+        </button>
+      </div>
+      <div flex flex-row gap-2>
+        <button rounded-lg bg="cyan-100 dark:cyan-900" px-4 py-2 @click="shallowListOPFS">
+          List OPFS (See console)
+        </button>
+        <button rounded-lg bg="violet-100 dark:violet-900" px-4 py-2 @click="wipeOPFS">
+          Wipe OPFS
+        </button>
+      </div>
+    </div>
+    <div grid grid-cols-2 gap-2>
+      <div flex flex-col gap-2>
+        <h2 text-xl>
+          Executing
+        </h2>
+        <div>
+          <textarea v-model="query" h-full w-full rounded-lg bg="neutral-100 dark:neutral-800" p-4 font-mono />
+        </div>
+        <div flex flex-row gap-2>
+          <button rounded-lg bg="blue-100 dark:blue-900" px-4 py-2 @click="execute">
+            Execute
+          </button>
+        </div>
+        <div flex flex-col gap-2>
+          <h2 text-xl>
+            Results
+          </h2>
+          <div whitespace-pre-wrap p-4 font-mono>
+            {{ JSON.stringify(serialize(results).json, null, 2) }}
+          </div>
+        </div>
+      </div>
+      <div>
+        <div flex flex-col gap-2>
+          <h2 text-xl>
+            Executing (ORM, read-only)
+          </h2>
+          <div>
+            <pre whitespace-pre-wrap rounded-lg p-4 font-mono bg="neutral-100 dark:neutral-800">
+await db.insert(users).values({ id: '9449af72-faad-4c97-8a45-69f9f1ca1b05' })
+await db.select().from(users)
+            </pre>
+          </div>
+          <div flex flex-row gap-2>
+            <button rounded-lg bg="blue-100 dark:blue-900" px-4 py-2 @click="executeORM">
+              Execute
+            </button>
+          </div>
+        </div>
+        <div flex flex-col gap-2>
+          <h2 text-xl>
+            Schema Results
+          </h2>
+          <div whitespace-pre-wrap p-4 font-mono>
+            {{ JSON.stringify(serialize(schemaResults).json, null, 2) }}
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style>
+html,
+body,
+#app {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  overscroll-behavior: none;
+}
+
+html {
+  background: #fff;
+  transition: all 0.3s ease-in-out;
+}
+
+html.dark {
+  background: #121212;
+  color-scheme: dark;
+}
+</style>
diff --git a/packages/drizzle-duckdb-wasm/tsconfig.json b/packages/drizzle-duckdb-wasm/tsconfig.json
index 30f069d66..448c07133 100644
--- a/packages/drizzle-duckdb-wasm/tsconfig.json
+++ b/packages/drizzle-duckdb-wasm/tsconfig.json
@@ -12,7 +12,8 @@
     "moduleResolution": "bundler",
     "types": [
       "vite/client",
-      "@vitest/browser/providers/playwright"
+      "@vitest/browser/providers/playwright",
+      "unplugin-vue-router/client"
     ],
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
@@ -21,6 +22,12 @@
     "skipLibCheck": true
   },
   "include": [
-    "src/**/*.ts"
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.mts",
+    "playground/**/*.ts",
+    "playground/**/*.d.ts",
+    "playground/**/*.mts",
+    "playground/**/*.vue"
   ]
 }
diff --git a/packages/drizzle-duckdb-wasm/vite.config.ts b/packages/drizzle-duckdb-wasm/vite.config.ts
index 6208edab3..89468b253 100644
--- a/packages/drizzle-duckdb-wasm/vite.config.ts
+++ b/packages/drizzle-duckdb-wasm/vite.config.ts
@@ -1,10 +1,17 @@
+import { resolve } from 'node:path'
 import Vue from '@vitejs/plugin-vue'
 import Unocss from 'unocss/vite'
+import VueRouter from 'unplugin-vue-router/vite'
 import { defineConfig } from 'vite'
 
 export default defineConfig({
-  root: 'playground',
   plugins: [
+    // https://github.com/posva/unplugin-vue-router
+    VueRouter({
+      root: 'playground',
+      extensions: ['.vue', '.md'],
+      dts: resolve(import.meta.dirname, 'playground/src/typed-router.d.ts'),
+    }),
     Vue(),
     // https://github.com/antfu/unocss
     // see uno.config.ts for config
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0d13647f1..dd3f9d85c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -378,7 +378,7 @@ importers:
         version: 2.3.0
       '@intlify/unplugin-vue-i18n':
         specifier: ^6.0.3
-        version: 6.0.3(@vue/compiler-dom@3.5.13)(eslint@9.21.0(jiti@2.4.2))(rollup@4.34.9)(typescript@5.8.2)(vue-i18n@11.1.1(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
+        version: 6.0.3(@vue/compiler-dom@3.5.13)(eslint@9.21.0(jiti@2.4.2))(rollup@2.79.1)(typescript@5.8.2)(vue-i18n@11.1.1(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
       '@proj-airi/elevenlabs':
         specifier: workspace:^
         version: link:../../packages/elevenlabs
@@ -405,10 +405,10 @@ importers:
         version: 5.2.1(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))
       '@vue-macros/volar':
         specifier: ^0.30.15
-        version: 0.30.15(rollup@4.34.9)(typescript@5.8.2)(vue-tsc@2.2.6(typescript@5.8.2))(vue@3.5.13(typescript@5.8.2))
+        version: 0.30.15(rollup@2.79.1)(typescript@5.8.2)(vue-tsc@2.2.6(typescript@5.8.2))(vue@3.5.13(typescript@5.8.2))
       '@vueuse/motion':
         specifier: ^2.2.6
-        version: 2.2.6(magicast@0.3.5)(rollup@4.34.9)(vue@3.5.13(typescript@5.8.2))
+        version: 2.2.6(magicast@0.3.5)(rollup@2.79.1)(vue@3.5.13(typescript@5.8.2))
       electron:
         specifier: ^34.3.0
         version: 34.3.0
@@ -426,28 +426,28 @@ importers:
         version: 3.2.0(unocss@66.1.0-beta.3(postcss@8.5.3)(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2)))
       unplugin-auto-import:
         specifier: ^19.1.1
-        version: 19.1.1(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@4.34.9))(@vueuse/core@12.7.0(typescript@5.8.2))
+        version: 19.1.1(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@2.79.1))(@vueuse/core@12.7.0(typescript@5.8.2))
       unplugin-vue-components:
         specifier: ^28.4.1
-        version: 28.4.1(@babel/parser@7.26.7)(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@4.34.9))(vue@3.5.13(typescript@5.8.2))
+        version: 28.4.1(@babel/parser@7.26.7)(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@2.79.1))(vue@3.5.13(typescript@5.8.2))
       unplugin-vue-macros:
         specifier: ^2.14.5
-        version: 2.14.5(@vueuse/core@12.7.0(typescript@5.8.2))(esbuild@0.25.0)(rollup@4.34.9)(typescript@5.8.2)(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue-tsc@2.2.6(typescript@5.8.2))(vue@3.5.13(typescript@5.8.2))
+        version: 2.14.5(@vueuse/core@12.7.0(typescript@5.8.2))(esbuild@0.25.0)(rollup@2.79.1)(typescript@5.8.2)(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue-tsc@2.2.6(typescript@5.8.2))(vue@3.5.13(typescript@5.8.2))
       unplugin-vue-markdown:
         specifier: ^28.3.1
         version: 28.3.1(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))
       unplugin-vue-router:
         specifier: ^0.11.2
-        version: 0.11.2(rollup@4.34.9)(vue-router@4.5.0(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
+        version: 0.11.2(rollup@2.79.1)(vue-router@4.5.0(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
       vite-bundle-visualizer:
         specifier: ^1.2.1
-        version: 1.2.1(rollup@4.34.9)
+        version: 1.2.1(rollup@2.79.1)
       vite-plugin-pwa:
         specifier: ^0.21.1
         version: 0.21.1(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(workbox-build@7.3.0)(workbox-window@7.3.0)
       vite-plugin-vue-devtools:
         specifier: ^7.7.2
-        version: 7.7.2(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@4.34.9))(rollup@4.34.9)(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))
+        version: 7.7.2(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@2.79.1))(rollup@2.79.1)(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))
       vite-plugin-vue-layouts:
         specifier: ^0.11.0
         version: 0.11.0(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue-router@4.5.0(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
@@ -465,7 +465,7 @@ importers:
         version: 0.8.2
       '@gcornut/valibot-json-schema':
         specifier: ^0.42.0
-        version: 0.42.0(esbuild@0.19.12)(typescript@5.8.2)
+        version: 0.42.0(esbuild@0.25.0)(typescript@5.8.2)
       '@huggingface/transformers':
         specifier: ^3.3.3
         version: 3.3.3
@@ -537,7 +537,7 @@ importers:
         version: 2.10.3
       '@typeschema/valibot':
         specifier: ^0.14.0
-        version: 0.14.0(@gcornut/valibot-json-schema@0.42.0(esbuild@0.19.12)(typescript@5.8.2))(@types/json-schema@7.0.15)(valibot@1.0.0-beta.9(typescript@5.8.2))
+        version: 0.14.0(@gcornut/valibot-json-schema@0.42.0(esbuild@0.25.0)(typescript@5.8.2))(@types/json-schema@7.0.15)(valibot@1.0.0-beta.9(typescript@5.8.2))
       '@unhead/vue':
         specifier: ^2.0.0-beta.2
         version: 2.0.0-beta.2(vue@3.5.13(typescript@5.8.2))
@@ -682,7 +682,7 @@ importers:
         version: 2.3.0
       '@intlify/unplugin-vue-i18n':
         specifier: ^6.0.3
-        version: 6.0.3(@vue/compiler-dom@3.5.13)(eslint@9.21.0(jiti@2.4.2))(rollup@2.79.1)(typescript@5.8.2)(vue-i18n@11.1.1(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
+        version: 6.0.3(@vue/compiler-dom@3.5.13)(eslint@9.21.0(jiti@2.4.2))(rollup@4.34.9)(typescript@5.8.2)(vue-i18n@11.1.1(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
       '@proj-airi/drizzle-duckdb-wasm':
         specifier: workspace:^
         version: link:../../packages/drizzle-duckdb-wasm
@@ -718,10 +718,10 @@ importers:
         version: 5.2.1(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))
       '@vue-macros/volar':
         specifier: ^0.30.15
-        version: 0.30.15(rollup@2.79.1)(typescript@5.8.2)(vue-tsc@2.2.6(typescript@5.8.2))(vue@3.5.13(typescript@5.8.2))
+        version: 0.30.15(rollup@4.34.9)(typescript@5.8.2)(vue-tsc@2.2.6(typescript@5.8.2))(vue@3.5.13(typescript@5.8.2))
       '@vueuse/motion':
         specifier: ^2.2.6
-        version: 2.2.6(magicast@0.3.5)(rollup@2.79.1)(vue@3.5.13(typescript@5.8.2))
+        version: 2.2.6(magicast@0.3.5)(rollup@4.34.9)(vue@3.5.13(typescript@5.8.2))
       hfup:
         specifier: workspace:^
         version: link:../../packages/hfup
@@ -730,28 +730,28 @@ importers:
         version: 4.0.1
       unplugin-auto-import:
         specifier: ^19.1.1
-        version: 19.1.1(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@2.79.1))(@vueuse/core@12.7.0(typescript@5.8.2))
+        version: 19.1.1(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@4.34.9))(@vueuse/core@12.7.0(typescript@5.8.2))
       unplugin-vue-components:
         specifier: ^28.4.1
-        version: 28.4.1(@babel/parser@7.26.7)(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@2.79.1))(vue@3.5.13(typescript@5.8.2))
+        version: 28.4.1(@babel/parser@7.26.7)(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@4.34.9))(vue@3.5.13(typescript@5.8.2))
       unplugin-vue-macros:
         specifier: ^2.14.5
-        version: 2.14.5(@vueuse/core@12.7.0(typescript@5.8.2))(esbuild@0.19.12)(rollup@2.79.1)(typescript@5.8.2)(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue-tsc@2.2.6(typescript@5.8.2))(vue@3.5.13(typescript@5.8.2))
+        version: 2.14.5(@vueuse/core@12.7.0(typescript@5.8.2))(esbuild@0.25.0)(rollup@4.34.9)(typescript@5.8.2)(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue-tsc@2.2.6(typescript@5.8.2))(vue@3.5.13(typescript@5.8.2))
       unplugin-vue-markdown:
         specifier: ^28.3.1
         version: 28.3.1(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))
       unplugin-vue-router:
         specifier: ^0.11.2
-        version: 0.11.2(rollup@2.79.1)(vue-router@4.5.0(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
+        version: 0.11.2(rollup@4.34.9)(vue-router@4.5.0(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
       vite-bundle-visualizer:
         specifier: ^1.2.1
-        version: 1.2.1(rollup@2.79.1)
+        version: 1.2.1(rollup@4.34.9)
       vite-plugin-pwa:
         specifier: ^0.21.1
         version: 0.21.1(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(workbox-build@7.3.0)(workbox-window@7.3.0)
       vite-plugin-vue-devtools:
         specifier: ^7.7.2
-        version: 7.7.2(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@2.79.1))(rollup@2.79.1)(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))
+        version: 7.7.2(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@4.34.9))(rollup@4.34.9)(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))
       vite-plugin-vue-layouts:
         specifier: ^0.11.0
         version: 0.11.0(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue-router@4.5.0(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
@@ -831,6 +831,9 @@ importers:
       es-toolkit:
         specifier: ^1.32.0
         version: 1.32.0
+      vue-router:
+        specifier: ^4.5.0
+        version: 4.5.0(vue@3.5.13(typescript@5.8.2))
       web-worker:
         specifier: ^1.5.0
         version: 1.5.0
@@ -859,6 +862,9 @@ importers:
       superjson:
         specifier: ^2.2.2
         version: 2.2.2
+      unplugin-vue-router:
+        specifier: ^0.11.2
+        version: 0.11.2(rollup@4.34.9)(vue-router@4.5.0(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
       vite:
         specifier: ^6.2.0
         version: 6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0)
@@ -1167,7 +1173,7 @@ importers:
         version: 1.2.0(encoding@0.1.13)
       neuri:
         specifier: ^0.0.22
-        version: 0.0.22(@types/json-schema@7.0.15)(@typeschema/valibot@0.14.0(@types/json-schema@7.0.15)(valibot@1.0.0-beta.9(typescript@5.8.2)))(@typeschema/zod@0.14.0(@types/json-schema@7.0.15)(zod-to-json-schema@3.24.3(zod@3.24.2))(zod@3.24.2))(@valibot/to-json-schema@1.0.0-rc.0(valibot@1.0.0-beta.9(typescript@5.8.2)))(encoding@0.1.13)(vitest@3.0.7)(ws@8.18.1(bufferutil@4.0.9)(utf-8-validate@5.0.10))(zod-to-json-schema@3.24.3(zod@3.24.2))(zod@3.24.2)
+        version: 0.0.22(@types/json-schema@7.0.15)(@typeschema/valibot@0.14.0(@types/json-schema@7.0.15)(valibot@1.0.0-beta.9(typescript@5.8.2)))(@typeschema/zod@0.14.0(@types/json-schema@7.0.15)(zod-to-json-schema@3.24.3(zod@3.24.2))(zod@3.24.2))(encoding@0.1.13)(vitest@3.0.7)(ws@8.18.1(bufferutil@4.0.9)(utf-8-validate@5.0.10))(zod-to-json-schema@3.24.3(zod@3.24.2))(zod@3.24.2)
       prismarine-block:
         specifier: ^1.21.0
         version: 1.21.0
@@ -13029,16 +13035,6 @@ snapshots:
 
   '@formkit/auto-animate@0.8.2': {}
 
-  '@gcornut/valibot-json-schema@0.42.0(esbuild@0.19.12)(typescript@5.8.2)':
-    dependencies:
-      valibot: 0.42.1(typescript@5.8.2)
-    optionalDependencies:
-      '@types/json-schema': 7.0.15
-      esbuild-runner: 2.2.2(esbuild@0.19.12)
-    transitivePeerDependencies:
-      - esbuild
-      - typescript
-
   '@gcornut/valibot-json-schema@0.42.0(esbuild@0.25.0)(typescript@5.8.2)':
     dependencies:
       valibot: 0.42.1(typescript@5.8.2)
@@ -14628,15 +14624,6 @@ snapshots:
     transitivePeerDependencies:
       - '@types/json-schema'
 
-  '@typeschema/valibot@0.14.0(@gcornut/valibot-json-schema@0.42.0(esbuild@0.19.12)(typescript@5.8.2))(@types/json-schema@7.0.15)(valibot@1.0.0-beta.9(typescript@5.8.2))':
-    dependencies:
-      '@typeschema/core': 0.14.0(@types/json-schema@7.0.15)
-    optionalDependencies:
-      '@gcornut/valibot-json-schema': 0.42.0(esbuild@0.19.12)(typescript@5.8.2)
-      valibot: 1.0.0-beta.9(typescript@5.8.2)
-    transitivePeerDependencies:
-      - '@types/json-schema'
-
   '@typeschema/valibot@0.14.0(@gcornut/valibot-json-schema@0.42.0(esbuild@0.25.0)(typescript@5.8.2))(@types/json-schema@7.0.15)(valibot@1.0.0-beta.9(typescript@5.8.2))':
     dependencies:
       '@typeschema/core': 0.14.0(@types/json-schema@7.0.15)
@@ -17268,13 +17255,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  esbuild-runner@2.2.2(esbuild@0.19.12):
-    dependencies:
-      esbuild: 0.19.12
-      source-map-support: 0.5.21
-      tslib: 2.4.0
-    optional: true
-
   esbuild-runner@2.2.2(esbuild@0.25.0):
     dependencies:
       esbuild: 0.25.0
@@ -20151,7 +20131,7 @@ snapshots:
 
   neotraverse@0.6.18: {}
 
-  neuri@0.0.22(@types/json-schema@7.0.15)(@typeschema/valibot@0.14.0(@types/json-schema@7.0.15)(valibot@1.0.0-beta.9(typescript@5.8.2)))(@typeschema/zod@0.14.0(@types/json-schema@7.0.15)(zod-to-json-schema@3.24.3(zod@3.24.2))(zod@3.24.2))(@valibot/to-json-schema@1.0.0-rc.0(valibot@1.0.0-beta.9(typescript@5.8.2)))(encoding@0.1.13)(vitest@3.0.7)(ws@8.18.1(bufferutil@4.0.9)(utf-8-validate@5.0.10))(zod-to-json-schema@3.24.3(zod@3.24.2))(zod@3.24.2):
+  neuri@0.0.22(@types/json-schema@7.0.15)(@typeschema/valibot@0.14.0(@types/json-schema@7.0.15)(valibot@1.0.0-beta.9(typescript@5.8.2)))(@typeschema/zod@0.14.0(@types/json-schema@7.0.15)(zod-to-json-schema@3.24.3(zod@3.24.2))(zod@3.24.2))(encoding@0.1.13)(vitest@3.0.7)(ws@8.18.1(bufferutil@4.0.9)(utf-8-validate@5.0.10))(zod-to-json-schema@3.24.3(zod@3.24.2))(zod@3.24.2):
     dependencies:
       '@fetch-mock/vitest': 0.2.8(vitest@3.0.7)
       '@guiiai/logg': 1.0.7
@@ -22844,9 +22824,9 @@ snapshots:
       '@nuxt/kit': 3.14.1592(magicast@0.3.5)(rollup@4.34.9)
       '@vueuse/core': 12.7.0(typescript@5.8.2)
 
-  unplugin-combine@1.2.0(esbuild@0.19.12)(rollup@2.79.1)(unplugin@1.16.1)(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0)):
+  unplugin-combine@1.2.0(esbuild@0.25.0)(rollup@2.79.1)(unplugin@1.16.1)(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0)):
     optionalDependencies:
-      esbuild: 0.19.12
+      esbuild: 0.25.0
       rollup: 2.79.1
       unplugin: 1.16.1
       vite: 6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0)
@@ -22905,7 +22885,7 @@ snapshots:
     transitivePeerDependencies:
       - vue
 
-  unplugin-vue-macros@2.14.5(@vueuse/core@12.7.0(typescript@5.8.2))(esbuild@0.19.12)(rollup@2.79.1)(typescript@5.8.2)(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue-tsc@2.2.6(typescript@5.8.2))(vue@3.5.13(typescript@5.8.2)):
+  unplugin-vue-macros@2.14.5(@vueuse/core@12.7.0(typescript@5.8.2))(esbuild@0.25.0)(rollup@2.79.1)(typescript@5.8.2)(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))(vue-tsc@2.2.6(typescript@5.8.2))(vue@3.5.13(typescript@5.8.2)):
     dependencies:
       '@vue-macros/better-define': 1.11.4(vue@3.5.13(typescript@5.8.2))
       '@vue-macros/boolean-prop': 0.5.5(vue@3.5.13(typescript@5.8.2))
@@ -22937,7 +22917,7 @@ snapshots:
       '@vue-macros/short-vmodel': 1.5.5(vue@3.5.13(typescript@5.8.2))
       '@vue-macros/volar': 0.30.15(rollup@2.79.1)(typescript@5.8.2)(vue-tsc@2.2.6(typescript@5.8.2))(vue@3.5.13(typescript@5.8.2))
       unplugin: 1.16.1
-      unplugin-combine: 1.2.0(esbuild@0.19.12)(rollup@2.79.1)(unplugin@1.16.1)(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))
+      unplugin-combine: 1.2.0(esbuild@0.25.0)(rollup@2.79.1)(unplugin@1.16.1)(vite@6.2.0(@types/node@22.13.8)(jiti@2.4.2)(less@4.2.1)(terser@5.17.6)(tsx@4.19.3)(yaml@2.7.0))
       unplugin-vue-define-options: 1.5.5(vue@3.5.13(typescript@5.8.2))
       vue: 3.5.13(typescript@5.8.2)
     transitivePeerDependencies:
