vue-micro-router 1.0.34 → 1.0.37

package/dist/audio.d.ts

@@ -19,8 +19,10 @@ export declare interface AudioAdapter {
         loop?: boolean;
         volume?: number;
     }): void;
-    /** Stop and unload the current sound */
+    /** Stop playback (keeps instance for resume) */
     stop(): void;
+    /** Full teardown — unload audio buffer, release memory */
+    destroy(): void;
     /** Pause playback (preserves position) */
     pause(): void;
     /** Resume from paused state */
@@ -49,6 +51,10 @@ export declare interface AudioManagerState {
     /** Synchronous play — no async gaps, safe in user gesture context for autoplay policy */
     playSoundSync: (soundSrc: string, loop?: boolean) => void;
     stopSound: () => void;
+    /** Pause BGM without destroying the Howl instance — resumeSound() to continue */
+    pauseSound: () => void;
+    /** Resume paused BGM — safe to call from non-gesture context (no new Howl created) */
+    resumeSound: () => void;
     updateBackgroundMusic: (route: string, routes?: Map<string, MicroRoute>) => Promise<void>;
     handleVisibilityChange: () => void;
     /** Whether audio has successfully started playing at least once */
@@ -70,6 +76,8 @@ export declare class HowlerAdapter implements AudioAdapter {
         volume?: number;
     }): void;
     stop(): void;
+    /** Full teardown — unload audio buffer, release memory */
+    destroy(): void;
     pause(): void;
     resume(): void;
     fade(from: number, to: number, duration: number): void;

package/dist/index.d.ts

@@ -495,6 +495,8 @@ export declare interface MicroRouterStore {
     restore?: (state: SerializedState) => Promise<void>;
     playSound?: (soundSrc: string, loop?: boolean) => Promise<void>;
     stopSound?: () => void;
+    pauseSound?: () => void;
+    resumeSound?: () => void;
     updateBackgroundMusic?: (route: string) => Promise<void>;
 }
 
@@ -594,13 +596,20 @@ export declare interface PluginTypedCloseDialog<Dialogs extends string> {
  * Typed store from plugin(s) — push/openDialog/closeDialog/toggleControl all validate names.
  * Accepts single plugin or union of plugins: `typeof pluginA | typeof pluginB`
  */
-export declare type PluginTypedMicroRouterStore<T> = Omit<MicroRouterStore, 'push' | 'stepWisePush' | 'stepWiseBack' | 'openDialog' | 'closeDialog' | 'toggleControl'> & {
+export declare type PluginTypedMicroRouterStore<T> = Omit<MicroRouterStore, 'push' | 'stepWisePush' | 'stepWiseBack' | 'openDialog' | 'closeDialog' | 'toggleControl' | 'activePage' | 'fromPage' | 'toPage' | 'activeDialog' | 'fromDialog' | 'toDialog' | 'currentControl'> & {
     push: PluginTypedPush<ExtractRoutePaths<T>, RegisteredRouteAttrs>;
     stepWisePush: PluginTypedStepWisePush<ExtractRoutePaths<T>, RegisteredRouteAttrs>;
     stepWiseBack: PluginTypedStepWiseBack;
     openDialog: PluginTypedOpenDialog<ExtractDialogPaths<T>, RegisteredDialogAttrs>;
     closeDialog: PluginTypedCloseDialog<ExtractDialogPaths<T>>;
     toggleControl: PluginTypedToggleControl<ExtractControlNames<T>, RegisteredControlAttrs>;
+    activePage: ComputedRef<ExtractRoutePaths<T>>;
+    fromPage: ComputedRef<ExtractRoutePaths<T>>;
+    toPage: ComputedRef<ExtractRoutePaths<T>>;
+    activeDialog: ComputedRef<ExtractDialogPaths<T> | ''>;
+    fromDialog: ComputedRef<ExtractDialogPaths<T> | ''>;
+    toDialog: ComputedRef<ExtractDialogPaths<T> | ''>;
+    currentControl: ComputedRef<ExtractControlNames<T>>;
 };
 
 export declare interface PluginTypedOpenDialog<Dialogs extends string, AttrsMap = {}> {
@@ -690,13 +699,20 @@ export declare function registerFeaturePlugins(plugins: FeaturePlugin[], store:
  * Priority: plugin > routeMap > untyped MicroRouterStore
  * Attrs maps (routeAttrs/dialogAttrs/controlAttrs) are passed through when declared.
  */
-export declare type ResolvedMicroRouterStore = HasRegisteredPlugin extends true ? Omit<MicroRouterStore, 'push' | 'stepWisePush' | 'stepWiseBack' | 'openDialog' | 'closeDialog' | 'toggleControl'> & {
+export declare type ResolvedMicroRouterStore = HasRegisteredPlugin extends true ? Omit<MicroRouterStore, 'push' | 'stepWisePush' | 'stepWiseBack' | 'openDialog' | 'closeDialog' | 'toggleControl' | 'activePage' | 'fromPage' | 'toPage' | 'activeDialog' | 'fromDialog' | 'toDialog' | 'currentControl'> & {
     push: PluginTypedPush<ExtractRoutePaths<RegisteredPlugin>, RegisteredRouteAttrs>;
     stepWisePush: PluginTypedStepWisePush<ExtractRoutePaths<RegisteredPlugin>, RegisteredRouteAttrs>;
     stepWiseBack: PluginTypedStepWiseBack;
     openDialog: PluginTypedOpenDialog<ExtractDialogPaths<RegisteredPlugin>, RegisteredDialogAttrs>;
     closeDialog: PluginTypedCloseDialog<ExtractDialogPaths<RegisteredPlugin>>;
     toggleControl: PluginTypedToggleControl<ExtractControlNames<RegisteredPlugin>, RegisteredControlAttrs>;
+    activePage: ComputedRef<ExtractRoutePaths<RegisteredPlugin>>;
+    fromPage: ComputedRef<ExtractRoutePaths<RegisteredPlugin>>;
+    toPage: ComputedRef<ExtractRoutePaths<RegisteredPlugin>>;
+    activeDialog: ComputedRef<ExtractDialogPaths<RegisteredPlugin> | ''>;
+    fromDialog: ComputedRef<ExtractDialogPaths<RegisteredPlugin> | ''>;
+    toDialog: ComputedRef<ExtractDialogPaths<RegisteredPlugin> | ''>;
+    currentControl: ComputedRef<ExtractControlNames<RegisteredPlugin>>;
 } : HasRegisteredRouteMap extends true ? Omit<MicroRouterStore, 'push'> & {
     push: TypedPush<RegisteredRouteMap>;
 } : MicroRouterStore;

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { shallowReactive as Y, computed as E, defineAsyncComponent as fe, reactive as de, nextTick as J, ref as ve, inject as F, watch as X, onMounted as j, onBeforeUnmount as Re, provide as N, toRefs as Ge, toRef as Ie, defineComponent as ee, openBlock as B, createBlock as V, resolveDynamicComponent as me, mergeProps as he, Teleport as Be, createElementVNode as Q, normalizeStyle as Ee, normalizeClass as ce, withModifiers as Ne, renderSlot as pe, createElementBlock as q, Fragment as Z, createVNode as De, TransitionGroup as Ce, withCtx as ie, renderList as se, unref as U } from "vue";
+import { shallowReactive as Y, computed as S, defineAsyncComponent as fe, reactive as de, nextTick as J, ref as ve, inject as F, watch as X, onMounted as j, onBeforeUnmount as Re, provide as N, toRefs as Ge, toRef as Ie, defineComponent as ee, openBlock as B, createBlock as V, resolveDynamicComponent as me, mergeProps as he, Teleport as Be, createElementVNode as Q, normalizeStyle as Se, normalizeClass as ce, withModifiers as Ne, renderSlot as pe, createElementBlock as q, Fragment as Z, createVNode as De, TransitionGroup as Ce, withCtx as ie, renderList as se, unref as U } from "vue";
 import { i as ye, s as Pe, g as x, w as k, p as G, b as K, n as W, u as Oe } from "./use-audio-manager.mjs";
-const Se = Symbol("micro-router");
+const Ee = Symbol("micro-router");
 function lt() {
   return Symbol("micro-router-nested");
 }
@@ -26,14 +26,14 @@ function We(e, n) {
   let c = !1;
   const r = Y(/* @__PURE__ */ new Map()), u = Y(
     /* @__PURE__ */ new Map()
-  ), a = E(() => {
+  ), a = S(() => {
     const s = [];
     for (const f of r.values())
       f.activated && s.push(f);
     return s;
-  }), d = a, A = E(
+  }), d = a, A = S(
     () => a.value.some((s) => s.name !== o)
-  ), M = E(() => {
+  ), M = S(() => {
     const s = a.value.find((f) => f.name !== o);
     return (s == null ? void 0 : s.name) ?? o;
   });
@@ -257,7 +257,7 @@ function ze(e) {
     dialogs: Y(/* @__PURE__ */ new Map()),
     /** Attrs stored separately for useMicroState access inside dialog components */
     dialogAttrs: Y(/* @__PURE__ */ new Map())
-  }), l = E(() => {
+  }), l = S(() => {
     const g = [];
     for (const m of t.dialogs.values())
       (m.activated || m.closing) && g.push(m);
@@ -359,9 +359,9 @@ function ze(e) {
     t.dialogAttrs.set(g, { ...s, ...m });
   }
   return {
-    activeDialog: E(() => t.activeDialog),
-    fromDialog: E(() => t.fromDialog),
-    toDialog: E(() => t.toDialog),
+    activeDialog: S(() => t.activeDialog),
+    fromDialog: S(() => t.fromDialog),
+    toDialog: S(() => t.toDialog),
     resolveDialogs: l,
     openDialog: a,
     closeDialog: d,
@@ -427,7 +427,7 @@ function xe(e, n) {
   function r(g, m) {
     !e.enabled || l || (t < i.length - 1 && i.splice(t + 1), i.push({ path: g, timestamp: Date.now(), props: m ? { ...m } : void 0 }), t = i.length - 1, i.length > o && (i.shift(), t--), c.value++);
   }
-  const u = E(() => (c.value, [...i])), a = E(() => (c.value, t > 0)), d = E(() => (c.value, t < i.length - 1));
+  const u = S(() => (c.value, [...i])), a = S(() => (c.value, t > 0)), d = S(() => (c.value, t < i.length - 1));
   async function A(g) {
     if (g < 0 || g >= i.length) return;
     const m = i[g];
@@ -561,16 +561,16 @@ function qe(e, n) {
     routeKeys: Y(/* @__PURE__ */ new Map()),
     /** Component key per segment — incremented to force Vue full remount (resets local state) */
     componentKeys: Y(/* @__PURE__ */ new Map())
-  }), d = /* @__PURE__ */ new Map(), A = E(() => {
+  }), d = /* @__PURE__ */ new Map(), A = S(() => {
     const p = G(a.activePath), h = [];
     for (const v of p) {
       const D = r.routes.get(v);
       if (!D) continue;
-      const P = a.routeKeys.get(v) || 0, b = a.componentKeys.get(v) || 0, S = `${D.path}-${P}`, R = d.get(v);
-      if (R && R.key === S && R.componentKey === b)
+      const P = a.routeKeys.get(v) || 0, b = a.componentKeys.get(v) || 0, E = `${D.path}-${P}`, R = d.get(v);
+      if (R && R.key === E && R.componentKey === b)
         h.push(R);
       else {
-        const O = { ...D, key: S, componentKey: b };
+        const O = { ...D, key: E, componentKey: b };
         d.set(v, O), h.push(O);
       }
     }
@@ -585,25 +585,25 @@ function qe(e, n) {
     const P = v.slice(0, -D), b = K(P);
     for (let $ = v.length - D; $ < v.length; $++)
       a.routeAttrs.delete(v[$]);
-    const S = P.at(-1);
-    if (S && h) {
-      const $ = a.routeAttrs.get(S);
-      a.routeAttrs.set(S, { ...$, ...h }), a.componentKeys.set(
-        S,
-        (a.componentKeys.get(S) || 0) + 1
+    const E = P.at(-1);
+    if (E && h) {
+      const $ = a.routeAttrs.get(E);
+      a.routeAttrs.set(E, { ...$, ...h }), a.componentKeys.set(
+        E,
+        (a.componentKeys.get(E) || 0) + 1
       );
     }
     const R = a.activePath;
     (O = n == null ? void 0 : n.trackPageLeave) == null || O.call(n, R, R, b), a.fromPath = R, a.toPath = b, a.activePath = b, (I = n == null ? void 0 : n.trackPageEnter) == null || I.call(n, b, R, b);
   }
   async function T(p, h) {
-    var b, S;
+    var b, E;
     const v = W(p), D = G(v);
     await Promise.all(
       D.map((R) => r.asyncLoaders.get(R)).filter((R) => !!R).map((R) => k(R))
     );
     const P = a.activePath;
-    P !== v && ((b = n == null ? void 0 : n.trackPageLeave) == null || b.call(n, P, P, v)), a.fromPath = P, a.toPath = v, a.activePath = v, h && w(v, h), (S = n == null ? void 0 : n.trackPageEnter) == null || S.call(n, v, P, v);
+    P !== v && ((b = n == null ? void 0 : n.trackPageLeave) == null || b.call(n, P, P, v)), a.fromPath = P, a.toPath = v, a.activePath = v, h && w(v, h), (E = n == null ? void 0 : n.trackPageEnter) == null || E.call(n, v, P, v);
   }
   function w(p, h) {
     const v = G(p).at(-1);
@@ -626,19 +626,19 @@ function qe(e, n) {
     }
     const v = p.toString();
     if (v.startsWith("/")) {
-      const S = G(v), R = G(a.activePath);
-      if (S.length < R.length && S.every(($, oe) => R[oe] === $)) {
-        if (R.length - S.length === 1)
+      const E = G(v), R = G(a.activePath);
+      if (E.length < R.length && E.every(($, oe) => R[oe] === $)) {
+        if (R.length - E.length === 1)
           M(1, h);
         else {
-          const oe = R.slice(0, S.length + 1), Te = K(oe);
-          for (let ae = S.length + 1; ae < R.length; ae++)
+          const oe = R.slice(0, E.length + 1), Te = K(oe);
+          for (let ae = E.length + 1; ae < R.length; ae++)
             a.routeAttrs.delete(R[ae]);
           a.activePath = Te, await J(), M(1, h);
         }
         return;
       }
-      const I = S.at(-1);
+      const I = E.at(-1);
       I && R.at(-1) === I && a.routeKeys.set(
         I,
         (a.routeKeys.get(I) || 0) + 1
@@ -647,10 +647,10 @@ function qe(e, n) {
     }
     const D = G(a.activePath), P = D.indexOf(v);
     if (P !== -1) {
-      const S = D.length - (P + 1);
-      if (S === 1)
+      const E = D.length - (P + 1);
+      if (E === 1)
         M(1, h);
-      else if (S > 1) {
+      else if (E > 1) {
         const R = D.slice(0, P + 2), O = K(R);
         for (let I = P + 2; I < D.length; I++)
           a.routeAttrs.delete(D[I]);
@@ -691,8 +691,8 @@ function qe(e, n) {
         }
         const b = W(a.activePath);
         await m(p, h);
-        const S = W(a.activePath);
-        C == null || C.record(S, h), Fe(S, b, t.afterEach), r.preloadAdjacent(G(a.activePath)), c.schedule(() => {
+        const E = W(a.activePath);
+        C == null || C.record(E, h), Fe(E, b, t.afterEach), r.preloadAdjacent(G(a.activePath)), c.schedule(() => {
           u = !1;
         }, i);
       } catch (D) {
@@ -726,12 +726,12 @@ function qe(e, n) {
     stepDelay: i
   });
   return {
-    activePath: E(() => a.activePath),
-    fromPath: E(() => a.fromPath),
-    toPath: E(() => a.toPath),
-    activePage: E(() => x(a.activePath)),
-    fromPage: E(() => x(a.fromPath)),
-    toPage: E(() => x(a.toPath)),
+    activePath: S(() => a.activePath),
+    fromPath: S(() => a.fromPath),
+    toPath: S(() => a.toPath),
+    activePage: S(() => x(a.activePath)),
+    fromPage: S(() => x(a.fromPath)),
+    toPage: S(() => x(a.toPath)),
     resolveRoutes: A,
     push: y,
     stepWisePush: _.stepWisePush,
@@ -836,6 +836,8 @@ function Qe(e) {
     ...l ? {
       playSound: l.playSound,
       stopSound: l.stopSound,
+      pauseSound: l.pauseSound,
+      resumeSound: l.resumeSound,
       updateBackgroundMusic: l.updateBackgroundMusic
     } : {}
   }, r = x(e.defaultPath);
@@ -853,10 +855,10 @@ function Qe(e) {
     ), l && document.addEventListener("visibilitychange", l.handleVisibilityChange), Ye(c);
   }), Re(() => {
     n.cleanupAllSessions(), o.cleanup(), i.cleanup(), t.cleanup(), l && (document.removeEventListener("visibilitychange", l.handleVisibilityChange), l.cleanup());
-  }), N(Se, c), F(ue, null) || N(ue, c), c;
+  }), N(Ee, c), F(ue, null) || N(ue, c), c;
 }
 function H(e) {
-  const n = e != null && e.root ? ue : Se, o = F(n);
+  const n = e != null && e.root ? ue : Ee, o = F(n);
   if (!o)
     throw new Error(
       e != null && e.root ? "[vue-micro-router] useMicroRouter({ root: true }) failed — no root <MicroRouterView> found." : "[vue-micro-router] useMicroRouter() must be called inside <MicroRouterView>. Did you forget to wrap your app with <MicroRouterView>?"
@@ -1038,7 +1040,7 @@ const et = /* @__PURE__ */ ee({
     N(Me, o.dialog.path), N(te, () => t(o.dialog.path)), N(ne, (w) => {
       l(o.dialog.path, w);
     });
-    const r = E(() => o.dialog.transition ?? "scale"), u = E(() => o.dialog.transitionDuration != null ? o.dialog.transitionDuration : r.value === "slide" ? 500 : 300), a = E(() => o.dialog.position ?? "standard"), d = E(() => o.dialog.seamless ?? !0);
+    const r = S(() => o.dialog.transition ?? "scale"), u = S(() => o.dialog.transitionDuration != null ? o.dialog.transitionDuration : r.value === "slide" ? 500 : 300), a = S(() => o.dialog.position ?? "standard"), d = S(() => o.dialog.seamless ?? !0);
     function A(w) {
       if (o.dialog.persistent) {
         w.preventDefault();
@@ -1082,7 +1084,7 @@ const et = /* @__PURE__ */ ee({
           `dialog-transition-${r.value}`,
           e.dialog.closing && "micro-dialog--closing"
         ]),
-        style: Ee({
+        style: Se({
           "--dialog-duration": `${u.value}ms`,
           zIndex: 100 + e.stackIndex,
           width: "100vw",
@@ -1151,16 +1153,16 @@ const et = /* @__PURE__ */ ee({
       fromPath: c,
       toPath: r,
       closeDialog: u
-    } = o, a = ve(null), d = E(() => {
+    } = o, a = ve(null), d = S(() => {
       const s = c.value.split("/").filter(Boolean), f = new Set(r.value.split("/").filter(Boolean));
       return s.some((y) => f.has(y));
-    }), A = E(() => l.value.length > 0), M = E(() => {
+    }), A = S(() => l.value.length > 0), M = S(() => {
       const s = i.value.at(-1);
       return (s == null ? void 0 : s.transition) ?? "slide";
-    }), T = E(() => M.value === "none" ? "" : M.value === "fade" ? "page-fade" : "page-slide"), w = E(() => {
+    }), T = S(() => M.value === "none" ? "" : M.value === "fade" ? "page-fade" : "page-slide"), w = S(() => {
       const s = i.value.at(-1);
       return s != null && s.transitionDuration ? s.transitionDuration : M.value === "fade" ? 300 : 500;
-    }), L = E(() => d.value && M.value !== "none");
+    }), L = S(() => d.value && M.value !== "none");
     return (m = n.config.gesture) != null && m.enabled && Ze(n.config.gesture, {
       containerRef: a,
       goBack: () => o.push(-1),
@@ -1179,7 +1181,7 @@ const et = /* @__PURE__ */ ee({
             class: ce({
               deactive: U(i).length > 1 && C !== U(i).length - 1
             }),
-            style: Ee({
+            style: Se({
               transition: L.value ? `transform ${w.value}ms cubic-bezier(0.65, 0, 0.35, 1), opacity ${w.value}ms ease` : "none",
               zIndex: C,
               "--mr-page-height": e.nested ? "100%" : "100dvh"
@@ -1225,7 +1227,7 @@ export {
   ne as MICRO_ATTRS_WRITE_KEY,
   Le as MICRO_CONTROL_NAME_KEY,
   Me as MICRO_DIALOG_PATH_KEY,
-  Se as MICRO_ROUTER_KEY,
+  Ee as MICRO_ROUTER_KEY,
   ue as MICRO_ROUTER_ROOT_KEY,
   be as MICRO_ROUTE_PATH_KEY,
   et as MicroControlWrapper,

package/dist/use-audio-manager.mjs

@@ -1,26 +1,26 @@
-import { markRaw as w, ref as S, computed as g, watch as C } from "vue";
-class H {
+import { markRaw as g, ref as C, computed as H, watch as P } from "vue";
+class b {
   constructor() {
-    this.sound = null, this.HowlCtor = null, import("howler").then((o) => {
-      this.HowlCtor = o.Howl;
+    this.sound = null, this.HowlCtor = null, import("howler").then((s) => {
+      this.HowlCtor = s.Howl;
     }).catch(() => {
     });
   }
-  async play(o, u = {}) {
-    if (this.stop(), !this.HowlCtor) {
-      const n = await import("howler");
-      this.HowlCtor = n.Howl;
+  async play(s, n = {}) {
+    if (this.destroy(), !this.HowlCtor) {
+      const u = await import("howler");
+      this.HowlCtor = u.Howl;
     }
-    const i = this.HowlCtor, e = u.volume ?? 1;
-    return new Promise((n, d) => {
+    const i = this.HowlCtor, e = n.volume ?? 1;
+    return new Promise((u, d) => {
       this.sound = new i({
-        src: [o],
+        src: [s],
         autoplay: !1,
-        loop: u.loop ?? !1,
+        loop: n.loop ?? !1,
         volume: 0,
         onplay: () => {
           var r;
-          (r = this.sound) == null || r.fade(0, e, 200), n();
+          (r = this.sound) == null || r.fade(0, e, 200), u();
         },
         onloaderror: (r, c) => {
           d(new Error(`Failed to load audio: ${c}`));
@@ -30,21 +30,25 @@ class H {
           (r = this.sound) == null || r.once("unlock", () => {
             var c;
             (c = this.sound) == null || c.play();
-          }), n();
+          }), u();
         }
       }), this.sound.play();
     });
   }
   /** Fully synchronous play — uses preloaded HowlCtor. No-op if not preloaded yet. */
-  playSync(o, u = {}) {
-    this.HowlCtor && (this.stop(), this.sound = new this.HowlCtor({
-      src: [o],
+  playSync(s, n = {}) {
+    this.HowlCtor && (this.destroy(), this.sound = new this.HowlCtor({
+      src: [s],
       autoplay: !0,
-      loop: u.loop ?? !1,
+      loop: n.loop ?? !1,
       volume: 0
-    }), this.sound.play(), this.sound.fade(0, u.volume ?? 1, 200));
+    }), this.sound.play(), this.sound.fade(0, n.volume ?? 1, 200));
   }
   stop() {
+    this.sound && this.sound.stop();
+  }
+  /** Full teardown — unload audio buffer, release memory */
+  destroy() {
     try {
       this.sound && (this.sound.stop(), this.sound.off(), this.sound.unload(), this.sound = null);
     } catch {
@@ -52,127 +56,135 @@ class H {
     }
   }
   pause() {
-    var o;
-    (o = this.sound) != null && o.playing() && this.sound.pause();
+    var s;
+    (s = this.sound) != null && s.playing() && this.sound.pause();
   }
   resume() {
     this.sound && this.state() === "loaded" && this.sound.play();
   }
-  fade(o, u, i) {
+  fade(s, n, i) {
     var e;
-    (e = this.sound) != null && e.playing() && this.sound.fade(o, u, i);
+    (e = this.sound) != null && e.playing() && this.sound.fade(s, n, i);
   }
   isPlaying() {
-    var o;
-    return ((o = this.sound) == null ? void 0 : o.playing()) ?? !1;
+    var s;
+    return ((s = this.sound) == null ? void 0 : s.playing()) ?? !1;
   }
   state() {
     return this.sound ? this.sound.state() : "unloaded";
   }
   cleanup() {
-    this.stop();
+    this.destroy();
   }
 }
-function k(t) {
+function L(t) {
   return t.startsWith("/") ? t : `/${t}`;
 }
-function B(t) {
+function x(t) {
   return t.split("/").filter(Boolean);
 }
-function L(t) {
+function A(t) {
   return `/${t.join("/")}`;
 }
-function P(t) {
-  const o = t.lastIndexOf("/");
-  return o === -1 ? t : t.substring(o + 1);
+function k(t) {
+  const s = t.lastIndexOf("/");
+  return s === -1 ? t : t.substring(s + 1);
 }
-function x(t) {
+function M(t) {
   try {
-    return w(t);
+    return g(t);
   } catch {
     return t;
   }
 }
-function A(t) {
+function R(t) {
   return typeof t == "function" && !("__name" in t) && !("setup" in t) && !("render" in t);
 }
-async function M(t) {
+async function V(t) {
   try {
     await t();
   } catch {
   }
 }
-function R(t) {
-  let o = !1;
-  const u = (t == null ? void 0 : t.defaultBgm) ?? "";
+function _(t) {
+  let s = !1;
+  const n = (t == null ? void 0 : t.defaultBgm) ?? "";
   let i = "";
-  const e = (t == null ? void 0 : t.adapter) ?? new H(), n = S(""), d = g(() => {
+  const e = (t == null ? void 0 : t.adapter) ?? new b(), u = C(""), d = H(() => {
     var a;
     return (((a = t == null ? void 0 : t.volumeRef) == null ? void 0 : a.value) || 0) / 100;
   });
   async function r(a, l = !1) {
     try {
-      const s = a === "default" ? u : a;
-      if (!s || e.isPlaying() && n.value === s) return;
-      i = n.value, n.value = s, e.stop(), await e.play(s, { loop: a === "default" ? !0 : l, volume: d.value });
-    } catch (s) {
-      console.error("Sound playback failed:", s), e.stop();
+      const o = a === "default" ? n : a;
+      if (!o || e.isPlaying() && u.value === o) return;
+      i = u.value, u.value = o, await e.play(o, { loop: a === "default" ? !0 : l, volume: d.value });
+    } catch (o) {
+      console.error("Sound playback failed:", o), e.destroy();
     }
   }
   function c(a, l = !1) {
     try {
-      const s = a === "default" ? u : a;
-      if (!s || e.isPlaying() && n.value === s) return;
-      i = n.value, n.value = s, e.stop();
-      const p = a === "default" ? !0 : l;
-      e.playSync ? e.playSync(s, { loop: p, volume: d.value }) : e.play(s, { loop: p, volume: d.value });
-    } catch (s) {
-      console.error("Sound playback failed:", s), e.stop();
+      const o = a === "default" ? n : a;
+      if (!o || e.isPlaying() && u.value === o) return;
+      i = u.value, u.value = o;
+      const f = a === "default" ? !0 : l;
+      e.playSync ? e.playSync(o, { loop: f, volume: d.value }) : e.play(o, { loop: f, volume: d.value });
+    } catch (o) {
+      console.error("Sound playback failed:", o), e.stop();
     }
   }
-  function h() {
+  function y() {
     e.stop();
   }
-  async function y(a, l) {
+  function p() {
+    e.pause();
+  }
+  function m() {
+    e.state() === "loaded" ? e.resume() : n && r(n, !0);
+  }
+  async function v(a, l) {
     if (l)
       try {
-        const s = P(a) || "home", p = l.get(s), f = (p == null ? void 0 : p.bgm) || u;
-        f && i !== f && await r(f, !0);
-      } catch (s) {
-        console.error("Error updating background music:", s);
+        const o = k(a) || "home", f = l.get(o), h = (f == null ? void 0 : f.bgm) || n;
+        h && i !== h && await r(h, !0);
+      } catch (o) {
+        console.error("Error updating background music:", o);
       }
   }
-  function m() {
+  function w() {
     if (!(typeof document > "u"))
       try {
-        document.hidden ? e.isPlaying() && (e.pause(), o = !0) : o && e.state() === "loaded" && (e.resume(), o = !1);
+        document.hidden ? e.isPlaying() && (e.pause(), s = !0) : s && e.state() === "loaded" && (e.resume(), s = !1);
       } catch {
         e.stop();
       }
   }
-  function v() {
+  function S() {
     e.cleanup();
   }
-  return C(d, (a, l) => {
-    e.isPlaying() ? e.fade(l ?? 0, a, 300) : a > 0 && n.value && r(n.value, !0);
+  return P(d, (a, l) => {
+    e.isPlaying() ? e.fade(l ?? 0, a, 300) : a > 0 && u.value && r(u.value, !0);
   }), {
     playSound: r,
     playSoundSync: c,
-    stopSound: h,
-    updateBackgroundMusic: y,
+    stopSound: y,
+    pauseSound: p,
+    resumeSound: m,
+    updateBackgroundMusic: v,
     isStarted: () => e.isPlaying() || e.state() === "loaded",
-    handleVisibilityChange: m,
-    cleanup: v
+    handleVisibilityChange: w,
+    cleanup: S
   };
 }
 export {
-  H,
-  L as b,
-  P as g,
-  A as i,
-  k as n,
-  B as p,
-  x as s,
-  R as u,
-  M as w
+  b as H,
+  A as b,
+  k as g,
+  R as i,
+  L as n,
+  x as p,
+  M as s,
+  _ as u,
+  V as w
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-micro-router",
-  "version": "1.0.34",
+  "version": "1.0.37",
   "type": "module",
   "description": "Mobile-app-style navigation for Vue 3 — animated page stacks, modal dialogs, HUD controls. No URL routing.",
   "author": {