From fac6ecf030599fbfe93c80d8b7148302a5a4d361 Mon Sep 17 00:00:00 2001
From: nicwands <wands.nic@gmail.com>
Date: Mon, 20 Jul 2026 10:40:27 -0400
Subject: [PATCH] routing restructure

---
 app/package.json             |   7 +-
 app/src/App.vue              |  97 +------
 app/src/components/Panel.vue |   3 +-
 app/src/main.js              |   8 +-
 app/src/pages/drop.vue       |  94 +++++++
 app/src/pages/index.vue      |  36 +++
 app/src/router.js            |  21 ++
 package-lock.json            | 478 ++++++++++++++++++++++++++++++++++-
 8 files changed, 648 insertions(+), 96 deletions(-)
 create mode 100644 app/src/pages/drop.vue
 create mode 100644 app/src/pages/index.vue
 create mode 100644 app/src/router.js

diff --git a/app/package.json b/app/package.json
index 80ee736..62e6e57 100644
--- a/app/package.json
+++ b/app/package.json
@@ -14,12 +14,13 @@
         "singleQuote": true
     },
     "dependencies": {
+        "@tiptap/pm": "^3.28.0",
+        "@tiptap/starter-kit": "^3.28.0",
+        "@tiptap/vue-3": "^3.28.0",
         "sass": "^1.98.0",
         "sass-embedded": "^1.98.0",
         "vue": "^3.5.30",
-        "@tiptap/pm": "^3.28.0",
-        "@tiptap/starter-kit": "^3.28.0",
-        "@tiptap/vue-3": "^3.28.0"
+        "vue-router": "^5.2.0"
     },
     "devDependencies": {
         "@vitejs/plugin-vue": "^6.0.5",
diff --git a/app/src/App.vue b/app/src/App.vue
index 14ccc57..e0ad9a4 100644
--- a/app/src/App.vue
+++ b/app/src/App.vue
@@ -1,107 +1,24 @@
 <template>
     <main class="container">
-        <div v-if="activeDrop" class="drops theme-dark layout-grid">
-            <panel
-                :drop="activeDrop"
-                :index="activeIndex"
-                :previousActive="activeIndex > 0"
-                :nextActive="activeIndex < drops.length - 1"
-                :key="activeIndex"
-                @previous="onPrevious"
-                @next="onNext"
-            />
-
-            <div class="drop">
-                <iframe :src="activeDrop.src" />
-            </div>
-        </div>
-
-         <div v-else class="splash theme-light">
-            <h1>Braindrops</h1>
-            <btn @click="activeIndex = 0">View Drops</btn>
-        </div>
+        <router-view :manifest="manifest" :key="route.fullPath" />
     </main>
 </template>
 
 <script setup>
-import { ref, onMounted, computed, watchEffect } from 'vue'
-import Panel from '@/components/Panel.vue'
-import { wrapValue } from './libs/math'
-import Btn from '@shared/Btn.vue'
+import { ref, onMounted } from 'vue'
+import { useRoute } from 'vue-router'
 
-const activeIndex = ref(-1)
-const drops = ref([])
+const route = useRoute()
+
+const manifest = ref([])
 
 onMounted(async () => {
-    const manifest = await fetch('/manifest.json').then((r) => r.json())
-
-    drops.value = await Promise.all(
-        manifest.map(async (name) => {
-            // Try to fetch metadata, fallback to basic structure if not found
-            try {
-                const meta = await fetch(`/drops/${name}/meta.json`).then((r) => r.json())
-                return {
-                    ...meta,
-                    src: `/drops/${name}/index.html`,
-                }
-            } catch (e) {
-                return {
-                    name,
-                    src: `/drops/${name}/index.html`,
-                }
-            }
-        })
-    )
+    manifest.value = await fetch('/manifest.json').then((r) => r.json())
 })
-
-const onPrevious = () => {
-    activeIndex.value = wrapValue(
-        activeIndex.value - 1,
-        0,
-        drops.value.length - 1,
-    )
-}
-const onNext = () => {
-    activeIndex.value = wrapValue(
-        activeIndex.value + 1,
-        0,
-        drops.value.length - 1,
-    )
-}
-
-const activeDrop = computed(() => drops.value[activeIndex.value])
-
-watchEffect(() => console.log(activeIndex.value, activeDrop.value?.src))
 </script>
 
 <style lang="scss">
 .container {
     background: var(--theme-layout);
-
-    .splash, .drops {
-        background: var(--theme-layout);
-        color: var(--theme-fg);
-        height: 100vh;
-        padding-top: rs(20px);
-        padding-bottom: rs(20px);
-    }
-    .panel {
-        grid-column: span 4;
-    }
-    .drop {
-        grid-column: 5 / -1;
-        border-radius: rs(10px);
-        border: 1px solid var(--theme-grey);
-        overflow: hidden;
-        position: relative;
-
-        iframe {
-            position: absolute;
-            inset: 0;
-            width: 100%;
-            height: 100%;
-            border: none;
-        }
-    }
 }
 </style>
diff --git a/app/src/components/Panel.vue b/app/src/components/Panel.vue
index 66ec2f0..945c101 100644
--- a/app/src/components/Panel.vue
+++ b/app/src/components/Panel.vue
@@ -1,7 +1,8 @@
 <template>
 	<div class="panel">
 		<div class="header">
-		    <p class="label">Braindrops #{{ String(index + 1).padStart(2, '0') }}</p>
+		    <!-- <p class="label">Braindrops #{{ String(index + 1).padStart(2, '0') }}</p> -->
+			<router-link class="label" to="/">Braindrops</router-link>
 		</div>
 
 		<div class="content">
diff --git a/app/src/main.js b/app/src/main.js
index 2ee3249..6379bfb 100644
--- a/app/src/main.js
+++ b/app/src/main.js
@@ -2,5 +2,11 @@ import "@shared/styles/shared.scss";
 import './styles/main.scss'
 import { createApp } from 'vue'
 import App from './App.vue'
+import { router } from './router'
 
-createApp(App).mount('#app')
+const app = createApp(App)
+
+// Plugins
+app.use(router)
+
+app.mount('#app')
diff --git a/app/src/pages/drop.vue b/app/src/pages/drop.vue
new file mode 100644
index 0000000..309ae06
--- /dev/null
+++ b/app/src/pages/drop.vue
@@ -0,0 +1,94 @@
+<template>
+	<main v-if="data" class="drop theme-dark layout-grid">
+        <panel
+            :drop="data"
+            :index="dropIndex"
+            :previousActive="dropIndex > 0"
+            :nextActive="dropIndex < props.manifest.length - 1"
+            :key="dropIndex"
+            @previous="onPrevious"
+            @next="onNext"
+        />
+
+        <div class="drop-wrap">
+            <iframe :src="data.src" />
+        </div>
+	</main>
+</template>
+
+<script setup>
+import Panel from '@/components/Panel.vue'
+import { computed, onMounted, ref, watchEffect } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+
+const props = defineProps({
+    manifest: Array,
+})
+
+const router = useRouter()
+const route = useRoute()
+const name = route.params.id
+
+const data = ref()
+
+onMounted(async () => {
+    try {
+        const meta = await fetch(`/drops/${name}/meta.json`).then((r) => r.json())
+        data.value = {
+            ...meta,
+            src: `/drops/${name}/index.html`,
+        }
+    } catch (e) {
+        data.value = {
+            name,
+            src: `/drops/${name}/index.html`,
+        }
+    }
+})
+
+const dropIndex = computed(() => props.manifest.findIndex((drop) => drop === name))
+const prevDrop = computed(() => {
+    if (dropIndex.value === 0) return null
+    return props.manifest[dropIndex.value - 1]
+})
+const nextDrop = computed(() => {
+    if (dropIndex.value === props.manifest.length - 1) return null
+    return props.manifest[dropIndex.value + 1]
+})
+
+const onPrevious = () => {
+    router.push(`/${prevDrop.value}`)
+}
+const onNext = () => {
+    router.push(`/${nextDrop.value}`)
+}
+</script>
+
+<style lang="scss">
+main.drop {
+    background: var(--theme-layout);
+    color: var(--theme-fg);
+    height: 100vh;
+    padding-top: rs(20px);
+    padding-bottom: rs(20px);
+
+    .panel {
+        grid-column: span 4;
+    }
+    .drop-wrap {
+        grid-column: 5 / -1;
+        border-radius: rs(10px);
+        border: 1px solid var(--theme-grey);
+        overflow: hidden;
+        position: relative;
+
+        iframe {
+            position: absolute;
+            inset: 0;
+            width: 100%;
+            height: 100%;
+            border: none;
+        }
+    }
+}
+</style>
diff --git a/app/src/pages/index.vue b/app/src/pages/index.vue
new file mode 100644
index 0000000..a5d3dee
--- /dev/null
+++ b/app/src/pages/index.vue
@@ -0,0 +1,36 @@
+<template>
+	<main class="home theme-light">
+        <h1>Braindrops</h1>
+        <btn @click="onClick">View Drops</btn>
+	</main>
+</template>
+
+<script setup>
+import Btn from '@shared/Btn.vue'
+import { useRouter } from 'vue-router';
+
+const props = defineProps({
+    manifest: Array,
+})
+
+const router = useRouter()
+
+const onClick = () => {
+    router.push(`/${props.manifest[0]}`)
+}
+</script>
+
+<style lang="scss">
+.home {
+    background: var(--theme-layout);
+    color: var(--theme-fg);
+    height: 100vh;
+    padding-top: rs(20px);
+    padding-bottom: rs(20px);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: rs(20px)
+}
+</style>
diff --git a/app/src/router.js b/app/src/router.js
new file mode 100644
index 0000000..9cfa03f
--- /dev/null
+++ b/app/src/router.js
@@ -0,0 +1,21 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import index from './pages/index.vue'
+import drop from './pages/drop.vue'
+
+const routes = [
+    {
+        path: '/',
+        component: index,
+        name: 'home',
+    },
+    {
+      path: '/:id',
+      component: drop,
+      name: 'drop',
+    }
+]
+
+export const router = createRouter({
+    history: createWebHistory(),
+    routes,
+})
diff --git a/package-lock.json b/package-lock.json
index 1fdb81b..a62b1ae 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,7 +23,8 @@
                 "@tiptap/vue-3": "^3.28.0",
                 "sass": "^1.98.0",
                 "sass-embedded": "^1.98.0",
-                "vue": "^3.5.30"
+                "vue": "^3.5.30",
+                "vue-router": "^5.2.0"
             },
             "devDependencies": {
                 "@vitejs/plugin-vue": "^6.0.5",
@@ -78,6 +79,69 @@
                 "vite": "^8.0.0"
             }
         },
+        "node_modules/@babel/generator": {
+            "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-8.0.0.tgz",
+            "integrity": "sha512-NT9NrVwJsbSV6Y2FSstWa71EETOnzrjkL5/wX3D2mYHtKM+qvqB1DvR4D0Setb/gDBsHzRICifwEWMO8CnTF6g==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/parser": "^8.0.0",
+                "@babel/types": "^8.0.0",
+                "@jridgewell/gen-mapping": "^0.3.12",
+                "@jridgewell/trace-mapping": "^0.3.28",
+                "@types/jsesc": "^2.5.0",
+                "jsesc": "^3.0.2"
+            },
+            "engines": {
+                "node": "^22.18.0 || >=24.11.0"
+            }
+        },
+        "node_modules/@babel/generator/node_modules/@babel/helper-string-parser": {
+            "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-8.0.0.tgz",
+            "integrity": "sha512-6mJgmFFFIIO82vvoLt9XtRC7/TkzXfts1t/SpRX4IHSzMgqoPYCWesVu1udUPUWioAE/2fcG6WuI8zrkE1gwrg==",
+            "license": "MIT",
+            "engines": {
+                "node": "^22.18.0 || >=24.11.0"
+            }
+        },
+        "node_modules/@babel/generator/node_modules/@babel/helper-validator-identifier": {
+            "version": "8.0.4",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-8.0.4.tgz",
+            "integrity": "sha512-4wFaiLd0bVo4cIoTXI3zKI038NIWE/cr3jvBjejOVYVxV/m8Ltav1USiGzG1fmS5J2RhgEOgXNNK46cRPnRsrg==",
+            "license": "MIT",
+            "engines": {
+                "node": "^22.18.0 || >=24.11.0"
+            }
+        },
+        "node_modules/@babel/generator/node_modules/@babel/parser": {
+            "version": "8.0.4",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-8.0.4.tgz",
+            "integrity": "sha512-srpptsAkEbbNIC/q8nT7o+m6CQe8CJUTV/t7MYc9NnWlgYVtHOb7JH6SorxMhN0kuRJjVqXbKClG6xSbPtzz+g==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/types": "^8.0.4"
+            },
+            "bin": {
+                "parser": "bin/babel-parser.js"
+            },
+            "engines": {
+                "node": "^22.18.0 || >=24.11.0"
+            }
+        },
+        "node_modules/@babel/generator/node_modules/@babel/types": {
+            "version": "8.0.4",
+            "resolved": "https://registry.npmjs.org/@babel/types/-/types-8.0.4.tgz",
+            "integrity": "sha512-eY+Yn3dCqTGmyiq2QRU66lA5FL8lqqqvecHt0fF3uHONIa7ToYsaCiWV8lOKqAs0Rb2SjixiKFROngnulPtt2g==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/helper-string-parser": "^8.0.0",
+                "@babel/helper-validator-identifier": "^8.0.4"
+            },
+            "engines": {
+                "node": "^22.18.0 || >=24.11.0"
+            }
+        },
         "node_modules/@babel/helper-string-parser": {
             "version": "7.29.7",
             "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
@@ -195,12 +259,51 @@
                 "fontfaceobserver": "^2.1.0"
             }
         },
+        "node_modules/@jridgewell/gen-mapping": {
+            "version": "0.3.13",
+            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+            "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/sourcemap-codec": "^1.5.0",
+                "@jridgewell/trace-mapping": "^0.3.24"
+            }
+        },
+        "node_modules/@jridgewell/remapping": {
+            "version": "2.3.5",
+            "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+            "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/gen-mapping": "^0.3.5",
+                "@jridgewell/trace-mapping": "^0.3.24"
+            }
+        },
+        "node_modules/@jridgewell/resolve-uri": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+            "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
         "node_modules/@jridgewell/sourcemap-codec": {
             "version": "1.5.5",
             "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
             "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
             "license": "MIT"
         },
+        "node_modules/@jridgewell/trace-mapping": {
+            "version": "0.3.31",
+            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+            "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/resolve-uri": "^3.1.0",
+                "@jridgewell/sourcemap-codec": "^1.4.14"
+            }
+        },
         "node_modules/@napi-rs/wasm-runtime": {
             "version": "1.1.6",
             "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.6.tgz",
@@ -1289,6 +1392,12 @@
             "integrity": "sha512-AX22jp8Y7wwaBgAixaSvkoG4M/+PlAcm3Qs4OW8yT9DM4xUpWKeFhLueTAyZF39pviAdcDdeJoACapiAceqNcw==",
             "license": "MIT"
         },
+        "node_modules/@types/jsesc": {
+            "version": "2.5.1",
+            "resolved": "https://registry.npmjs.org/@types/jsesc/-/jsesc-2.5.1.tgz",
+            "integrity": "sha512-9VN+6yxLOPLOav+7PwjZbxiID2bVaeq0ED4qSQmdQTdjnXJSaCVKTR58t15oqH1H5t8Ng2ZX1SabJVoN9Q34bw==",
+            "license": "MIT"
+        },
         "node_modules/@types/offscreencanvas": {
             "version": "2019.7.3",
             "resolved": "https://registry.npmjs.org/@types/offscreencanvas/-/offscreencanvas-2019.7.3.tgz",
@@ -1324,6 +1433,33 @@
                 "vue": "^3.2.25"
             }
         },
+        "node_modules/@vue-macros/common": {
+            "version": "3.1.4",
+            "resolved": "https://registry.npmjs.org/@vue-macros/common/-/common-3.1.4.tgz",
+            "integrity": "sha512-/5Fv+6DgIcM9ajY05ZmKBv+LMX1M9A0X+IUwDRVdt67ciw8OV9bvG2r34p3RiEadlsQybjhKPRKNXDC8Bp23cw==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/compiler-sfc": "^3.5.22",
+                "ast-kit": "^2.1.2",
+                "local-pkg": "^1.1.2",
+                "magic-string-ast": "^1.0.2",
+                "unplugin-utils": "^0.3.0"
+            },
+            "engines": {
+                "node": ">=20.19.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/vue-macros"
+            },
+            "peerDependencies": {
+                "vue": "^2.7.0 || ^3.2.25"
+            },
+            "peerDependenciesMeta": {
+                "vue": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/@vue/compiler-core": {
             "version": "3.5.40",
             "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.40.tgz",
@@ -1487,6 +1623,51 @@
                 "vue": "^3.5.0"
             }
         },
+        "node_modules/acorn": {
+            "version": "8.17.0",
+            "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.17.0.tgz",
+            "integrity": "sha512-xRQbDb9BnwDafYNn6Vwl839DYVjqXYb1XVGtWAZ1kcDc6iwAL4hg3B1dZlRiuENFeO2H53gFG3in621AdERVAg==",
+            "license": "MIT",
+            "bin": {
+                "acorn": "bin/acorn"
+            },
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
+        "node_modules/ast-kit": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/ast-kit/-/ast-kit-2.2.0.tgz",
+            "integrity": "sha512-m1Q/RaVOnTp9JxPX+F+Zn7IcLYMzM8kZofDImfsKZd8MbR+ikdOzTeztStWqfrqIxZnYWryyI9ePm3NGjnZgGw==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/parser": "^7.28.5",
+                "pathe": "^2.0.3"
+            },
+            "engines": {
+                "node": ">=20.19.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sxzz"
+            }
+        },
+        "node_modules/ast-walker-scope": {
+            "version": "0.9.0",
+            "resolved": "https://registry.npmjs.org/ast-walker-scope/-/ast-walker-scope-0.9.0.tgz",
+            "integrity": "sha512-IJdzo2vLiElBxKzwS36VsCue/62d6IdWjnPB2v3nuPKeWGynp6FF/CYoLa5i/3jXH/z97ZDdsXz6abpgM6w07A==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/parser": "^7.29.2",
+                "@babel/types": "^7.29.0",
+                "ast-kit": "^2.2.0"
+            },
+            "engines": {
+                "node": ">=20.19.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sxzz"
+            }
+        },
         "node_modules/birpc": {
             "version": "2.9.0",
             "resolved": "https://registry.npmjs.org/birpc/-/birpc-2.9.0.tgz",
@@ -1538,6 +1719,12 @@
             "integrity": "sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==",
             "license": "MIT"
         },
+        "node_modules/confbox": {
+            "version": "0.2.4",
+            "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.4.tgz",
+            "integrity": "sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==",
+            "license": "MIT"
+        },
         "node_modules/csstype": {
             "version": "3.2.3",
             "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
@@ -1577,6 +1764,12 @@
             "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
             "license": "MIT"
         },
+        "node_modules/exsolve": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/exsolve/-/exsolve-1.1.0.tgz",
+            "integrity": "sha512-D+42+T12DdIlJM3uepa55qGiL3sYdLBOxIl2ifQCzCHz4c7eiolaHsi3BIqEr7JxBzxv2pYZQX9kw16ziMcEmw==",
+            "license": "MIT"
+        },
         "node_modules/fdir": {
             "version": "6.5.0",
             "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
@@ -1668,6 +1861,30 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/jsesc": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+            "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+            "license": "MIT",
+            "bin": {
+                "jsesc": "bin/jsesc"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/json5": {
+            "version": "2.2.3",
+            "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+            "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+            "license": "MIT",
+            "bin": {
+                "json5": "lib/cli.js"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
         "node_modules/lightningcss": {
             "version": "1.32.0",
             "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz",
@@ -1935,6 +2152,23 @@
             "integrity": "sha512-P8aEP5U/D1/IlTY2OeYsErdwh9bGuLE30NcXtKEjgdHcahveQoQwM2yZNsioQHsWFz0P7KKudisbrzCgR0sDHg==",
             "license": "MIT"
         },
+        "node_modules/local-pkg": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-1.2.1.tgz",
+            "integrity": "sha512-++gUqRDEvcnN6Zhqrr+y/CkVEHhlrR96vZn3nZZPYzMcBUyBtTKzB9NadClFIsIVSsu+3i9tfk/erqy9kAmt7Q==",
+            "license": "MIT",
+            "dependencies": {
+                "mlly": "^1.7.4",
+                "pkg-types": "^2.3.0",
+                "quansync": "^0.2.11"
+            },
+            "engines": {
+                "node": ">=14"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            }
+        },
         "node_modules/magic-string": {
             "version": "0.30.21",
             "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
@@ -1944,6 +2178,56 @@
                 "@jridgewell/sourcemap-codec": "^1.5.5"
             }
         },
+        "node_modules/magic-string-ast": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/magic-string-ast/-/magic-string-ast-1.0.3.tgz",
+            "integrity": "sha512-CvkkH1i81zl7mmb94DsRiFeG9V2fR2JeuK8yDgS8oiZSFa++wWLEgZ5ufEOyLHbvSbD1gTRKv9NdX69Rnvr9JA==",
+            "license": "MIT",
+            "dependencies": {
+                "magic-string": "^0.30.19"
+            },
+            "engines": {
+                "node": ">=20.19.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sxzz"
+            }
+        },
+        "node_modules/mlly": {
+            "version": "1.8.2",
+            "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.8.2.tgz",
+            "integrity": "sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==",
+            "license": "MIT",
+            "dependencies": {
+                "acorn": "^8.16.0",
+                "pathe": "^2.0.3",
+                "pkg-types": "^1.3.1",
+                "ufo": "^1.6.3"
+            }
+        },
+        "node_modules/mlly/node_modules/confbox": {
+            "version": "0.1.8",
+            "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.8.tgz",
+            "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
+            "license": "MIT"
+        },
+        "node_modules/mlly/node_modules/pkg-types": {
+            "version": "1.3.1",
+            "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.3.1.tgz",
+            "integrity": "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==",
+            "license": "MIT",
+            "dependencies": {
+                "confbox": "^0.1.8",
+                "mlly": "^1.7.4",
+                "pathe": "^2.0.1"
+            }
+        },
+        "node_modules/muggle-string": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
+            "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
+            "license": "MIT"
+        },
         "node_modules/nanoid": {
             "version": "3.3.16",
             "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.16.tgz",
@@ -1969,12 +2253,24 @@
             "license": "MIT",
             "optional": true
         },
+        "node_modules/nostics": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/nostics/-/nostics-1.2.0.tgz",
+            "integrity": "sha512-FGqEfhQjrvo1lL8KFifdTQiNwwQHJxC1jtYE1Rc54qF/jxONUNL+kC9gS1krX8Q65PgrQ5fCqH/I4NhWBvdSqg==",
+            "license": "MIT"
+        },
         "node_modules/orderedmap": {
             "version": "2.1.1",
             "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-2.1.1.tgz",
             "integrity": "sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==",
             "license": "MIT"
         },
+        "node_modules/pathe": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+            "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+            "license": "MIT"
+        },
         "node_modules/perfect-debounce": {
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-2.1.0.tgz",
@@ -1999,6 +2295,17 @@
                 "url": "https://github.com/sponsors/jonschlinkert"
             }
         },
+        "node_modules/pkg-types": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.3.1.tgz",
+            "integrity": "sha512-y+ichcgc2LrADuhLNAx8DFjVfgz91pRxfZdI3UDhxHvcVEZsenLO+7XaU5vOp0u/7V/wZ+plyuQxtrDlZJ+yeg==",
+            "license": "MIT",
+            "dependencies": {
+                "confbox": "^0.2.4",
+                "exsolve": "^1.0.8",
+                "pathe": "^2.0.3"
+            }
+        },
         "node_modules/postcss": {
             "version": "8.5.19",
             "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.19.tgz",
@@ -2172,6 +2479,22 @@
                 "prosemirror-transform": "^1.1.0"
             }
         },
+        "node_modules/quansync": {
+            "version": "0.2.11",
+            "resolved": "https://registry.npmjs.org/quansync/-/quansync-0.2.11.tgz",
+            "integrity": "sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==",
+            "funding": [
+                {
+                    "type": "individual",
+                    "url": "https://github.com/sponsors/antfu"
+                },
+                {
+                    "type": "individual",
+                    "url": "https://github.com/sponsors/sxzz"
+                }
+            ],
+            "license": "MIT"
+        },
         "node_modules/radashi": {
             "version": "12.9.1",
             "resolved": "https://registry.npmjs.org/radashi/-/radashi-12.9.1.tgz",
@@ -2641,6 +2964,12 @@
                 "node": ">=14.0.0"
             }
         },
+        "node_modules/scule": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/scule/-/scule-1.3.0.tgz",
+            "integrity": "sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==",
+            "license": "MIT"
+        },
         "node_modules/source-map-js": {
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -2783,6 +3112,82 @@
             "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
             "license": "0BSD"
         },
+        "node_modules/ufo": {
+            "version": "1.6.4",
+            "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.4.tgz",
+            "integrity": "sha512-JFNbkD1Svwe0KvGi8GOeLcP4kAWQ609twvCdcHxq1oSL8svv39ZuSvajcD8B+5D0eL4+s1Is2D/O6KN3qcTeRA==",
+            "license": "MIT"
+        },
+        "node_modules/unplugin": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-3.3.0.tgz",
+            "integrity": "sha512-qa66K+crbfyE6JK10GjvbJeRrOsuC/JpbnHctfyp/i4oBTxWOzJfRZyDiOk1PtErMFRu8JhsU/wPvOdBNWe5Rg==",
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/remapping": "^2.3.5",
+                "picomatch": "^4.0.4",
+                "webpack-virtual-modules": "^0.6.2"
+            },
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            },
+            "peerDependencies": {
+                "@farmfe/core": "*",
+                "@rspack/core": "*",
+                "bun-types-no-globals": "*",
+                "esbuild": "*",
+                "rolldown": "*",
+                "rollup": "*",
+                "unloader": "*",
+                "vite": "*",
+                "webpack": "*"
+            },
+            "peerDependenciesMeta": {
+                "@farmfe/core": {
+                    "optional": true
+                },
+                "@rspack/core": {
+                    "optional": true
+                },
+                "bun-types-no-globals": {
+                    "optional": true
+                },
+                "esbuild": {
+                    "optional": true
+                },
+                "rolldown": {
+                    "optional": true
+                },
+                "rollup": {
+                    "optional": true
+                },
+                "unloader": {
+                    "optional": true
+                },
+                "vite": {
+                    "optional": true
+                },
+                "webpack": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/unplugin-utils": {
+            "version": "0.3.2",
+            "resolved": "https://registry.npmjs.org/unplugin-utils/-/unplugin-utils-0.3.2.tgz",
+            "integrity": "sha512-xVToRh2CTmLk2HnEG7ac4rl1MJTT3RFkpS8B++/SnB0kXvuaavD+n3m/vrzyWQOdJNSZQACnbz01pnppbwV5BA==",
+            "license": "MIT",
+            "dependencies": {
+                "pathe": "^2.0.3",
+                "picomatch": "^4.0.4"
+            },
+            "engines": {
+                "node": ">=20.19.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sxzz"
+            }
+        },
         "node_modules/varint": {
             "version": "6.0.0",
             "resolved": "https://registry.npmjs.org/varint/-/varint-6.0.0.tgz",
@@ -2910,11 +3315,82 @@
                 }
             }
         },
+        "node_modules/vue-router": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-5.2.0.tgz",
+            "integrity": "sha512-QAC5i0LEb1GLG0LXDQmHu8L7FX12j0KwU/JTKmLQUJMrn04gQdKP6Du+p0QwpHb3iy71vBlqnHQ8WAfOSAWhqw==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/generator": "^8.0.0",
+                "@vue-macros/common": "^3.1.3",
+                "@vue/devtools-api": "^8.1.5",
+                "ast-walker-scope": "^0.9.0",
+                "chokidar": "^5.0.0",
+                "json5": "^2.2.3",
+                "local-pkg": "^1.2.1",
+                "magic-string": "^0.30.21",
+                "mlly": "^1.8.2",
+                "muggle-string": "^0.4.1",
+                "nostics": "^1.1.4",
+                "pathe": "^2.0.3",
+                "picomatch": "^4.0.5",
+                "scule": "^1.3.0",
+                "tinyglobby": "^0.2.17",
+                "unplugin": "^3.3.0",
+                "unplugin-utils": "^0.3.2",
+                "yaml": "^2.9.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/posva"
+            },
+            "peerDependencies": {
+                "@pinia/colada": ">=0.21.2",
+                "@vue/compiler-sfc": "^3.5.34 || ^4.0.0",
+                "pinia": "^3.0.4 || ^4.0.2",
+                "vite": "^7.3.0 || ^8.0.0",
+                "vue": "^3.5.34 || ^4.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@pinia/colada": {
+                    "optional": true
+                },
+                "@vue/compiler-sfc": {
+                    "optional": true
+                },
+                "pinia": {
+                    "optional": true
+                },
+                "vite": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/w3c-keyname": {
             "version": "2.2.8",
             "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
             "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
             "license": "MIT"
+        },
+        "node_modules/webpack-virtual-modules": {
+            "version": "0.6.2",
+            "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
+            "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
+            "license": "MIT"
+        },
+        "node_modules/yaml": {
+            "version": "2.9.0",
+            "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.9.0.tgz",
+            "integrity": "sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==",
+            "license": "ISC",
+            "bin": {
+                "yaml": "bin.mjs"
+            },
+            "engines": {
+                "node": ">= 14.6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/eemeli"
+            }
         }
     }
 }