vue3-router-tab 1.3.5 → 1.3.7

package/dist/vue3-router-tab.js

@@ -1,7 +1,7 @@
 import './vue3-router-tab.css';
-import { reactive as pe, ref as B, shallowRef as bt, computed as k, watch as A, nextTick as M, inject as Ee, getCurrentInstance as je, onMounted as ge, defineComponent as Oe, provide as pt, onErrorCaptured as gt, onBeforeUnmount as mt, resolveComponent as vt, createElementBlock as S, openBlock as E, createElementVNode as O, withDirectives as ht, normalizeClass as H, renderSlot as le, createVNode as Ae, TransitionGroup as yt, mergeProps as se, withCtx as ue, Fragment as Pe, renderList as Ie, withModifiers as ce, createCommentVNode as q, toDisplayString as $e, createBlock as W, normalizeProps as Tt, Transition as kt, resolveDynamicComponent as fe, KeepAlive as wt, normalizeStyle as Rt, vShow as Ct, isRef as Et, isReadonly as At } from "vue";
-import { RouterView as Pt } from "vue-router";
-function It(e = {}) {
+import { reactive as ae, ref as S, shallowRef as Ct, computed as C, watch as A, nextTick as B, inject as Me, getCurrentInstance as We, onMounted as ke, defineComponent as Ce, provide as Kt, onErrorCaptured as Et, onBeforeUnmount as $t, h as At, resolveComponent as Pt, createElementBlock as x, openBlock as $, createElementVNode as j, withDirectives as St, normalizeClass as J, renderSlot as pe, createVNode as Le, TransitionGroup as It, mergeProps as ve, withCtx as he, Fragment as me, renderList as Oe, withModifiers as ye, createCommentVNode as ee, toDisplayString as je, normalizeProps as xt, createBlock as te, KeepAlive as Dt, resolveDynamicComponent as ze, Transition as Bt, normalizeStyle as Mt, vShow as Lt, isRef as Ot, isReadonly as jt } from "vue";
+import { RouterView as zt } from "vue-router";
+function Nt(e = {}) {
   return {
     initialTabs: e.initialTabs ?? [],
     keepAlive: e.keepAlive ?? !0,
@@ -11,80 +11,83 @@ function It(e = {}) {
     defaultRoute: e.defaultRoute ?? "/"
   };
 }
-function N(e, n) {
-  const o = e.resolve(n);
+function V(e, r) {
+  const o = e.resolve(r);
   if (!o || !o.matched.length)
-    throw new Error(`[RouterTabs] Unable to resolve route: ${String(n)}`);
+    throw new Error(`[RouterTabs] Unable to resolve route: ${String(r)}`);
   return o;
 }
-const $t = {
+const Ut = {
   path: (e) => e.path,
   fullpath: (e) => e.fullPath,
   fullname: (e) => e.fullPath,
   full: (e) => e.fullPath,
   name: (e) => e.name ? String(e.name) : e.fullPath
 };
-function z(e) {
-  const n = e.meta?.key;
-  if (typeof n == "function") {
-    const o = n(e);
+function _(e) {
+  const r = e.meta?.key;
+  if (typeof r == "function") {
+    const o = r(e);
     if (typeof o == "string" && o.length) return o;
-  } else if (typeof n == "string" && n.length) {
-    const o = $t[n.toLowerCase()];
-    return o ? o(e) : n;
+  } else if (typeof r == "string" && r.length) {
+    const o = Ut[r.toLowerCase()];
+    return o ? o(e) : r;
   }
   return e.fullPath;
 }
-function me(e, n) {
+function Ke(e, r) {
   const o = e.meta?.keepAlive;
-  return typeof o == "boolean" ? o : n;
+  return typeof o == "boolean" ? o : r;
 }
-function ve(e, n) {
+function Ee(e, r) {
   const o = e.meta?.reuse;
-  return typeof o == "boolean" ? o : n;
+  return typeof o == "boolean" ? o : r;
 }
-function Ue(e) {
-  const n = e.meta ?? {}, o = {};
-  return "title" in n && (o.title = n.title), "tips" in n && (o.tips = n.tips), "icon" in n && (o.icon = n.icon), "closable" in n && (o.closable = n.closable), "tabClass" in n && (o.tabClass = n.tabClass), "target" in n && (o.target = n.target), "href" in n && (o.href = n.href), o;
+function qe(e) {
+  const r = e.meta ?? {}, o = {};
+  return "title" in r && (o.title = r.title), "tips" in r && (o.tips = r.tips), "icon" in r && (o.icon = r.icon), "closable" in r && (o.closable = r.closable), "tabClass" in r && (o.tabClass = r.tabClass), "target" in r && (o.target = r.target), "href" in r && (o.href = r.href), o;
 }
-function Q(e, n, o) {
-  const l = Ue(e);
+function ne(e, r, o) {
+  const s = qe(e);
   return {
-    id: z(e),
+    id: _(e),
     to: e.fullPath,
     fullPath: e.fullPath,
     matched: e,
-    alive: me(e, o),
-    reusable: ve(e, !1),
-    closable: l.closable ?? !0,
-    renderKey: typeof n.renderKey == "number" ? n.renderKey : 0,
-    ...l,
-    ...n
+    alive: Ke(e, o),
+    reusable: Ee(e, !1),
+    closable: s.closable ?? !0,
+    renderKey: typeof r.renderKey == "number" ? r.renderKey : 0,
+    ...s,
+    ...r
   };
 }
-function de(e, n, o, l) {
-  if (!e.find((g) => g.id === n.id)) {
-    if (o === "next" && l) {
-      const g = e.findIndex((T) => T.id === l);
-      if (g !== -1) {
-        e.splice(g + 1, 0, n);
+function Te(e, r, o, s) {
+  if (!e.find((p) => p.id === r.id)) {
+    if (o === "next" && s) {
+      const p = e.findIndex((T) => T.id === s);
+      if (p !== -1) {
+        e.splice(p + 1, 0, r);
         return;
       }
     }
-    e.push(n);
+    e.push(r);
   }
 }
-function Ke(e, n, o) {
-  if (!n || n <= 0) return;
-  const l = e.filter((a) => a.alive);
-  for (; l.length > n; ) {
-    const a = l.shift();
-    if (!a || a.id === o) continue;
-    const g = e.findIndex((T) => T.id === a.id);
-    g > -1 && (e[g].alive = !1);
+function Re(e, r, o, s) {
+  if (!r || r <= 0) return;
+  const a = e.filter((p) => p.alive);
+  for (; a.length > r; ) {
+    const p = a.shift();
+    if (!p || p.id === o) continue;
+    const T = e.findIndex((i) => i.id === p.id);
+    if (T > -1) {
+      const i = e[T], b = `${i.id}::${i.renderKey ?? 0}`;
+      s.delete(b), i.alive = !1;
+    }
   }
 }
-function Kt(e) {
+function Vt(e) {
   return {
     to: e.to,
     title: e.title,
@@ -95,177 +98,222 @@ function Kt(e) {
     renderKey: e.renderKey
   };
 }
-function xt(e) {
-  const n = {};
-  return "title" in e && (n.title = e.title), "tips" in e && (n.tips = e.tips), "icon" in e && (n.icon = e.icon), "tabClass" in e && (n.tabClass = e.tabClass), "closable" in e && (n.closable = e.closable), "renderKey" in e && typeof e.renderKey == "number" && (n.renderKey = e.renderKey), n;
+function _t(e) {
+  const r = {};
+  return "title" in e && (r.title = e.title), "tips" in e && (r.tips = e.tips), "icon" in e && (r.icon = e.icon), "tabClass" in e && (r.tabClass = e.tabClass), "closable" in e && (r.closable = e.closable), "renderKey" in e && typeof e.renderKey == "number" && (r.renderKey = e.renderKey), r;
 }
-function Dt(e, n = {}) {
-  const o = It(n), l = pe([]), a = B(null), g = bt(), T = B(null), s = k(
-    () => l.filter((i) => i.alive).map((i) => `${i.id}::${i.renderKey ?? 0}`)
-  );
-  let f = !1;
-  function v(i) {
-    const b = typeof i.matched == "object" ? i : N(e, i);
+function Yt(e, r = {}) {
+  const o = Nt(r), s = ae([]), a = S(null), p = Ct(), T = S(null), i = ae(/* @__PURE__ */ new Set()), b = C(() => Array.from(i));
+  let h = !1;
+  function E(u) {
+    const c = typeof u.matched == "object" ? u : V(e, u);
     return {
-      key: z(b),
-      fullPath: b.fullPath,
-      alive: me(b, o.keepAlive),
-      reusable: ve(b, !1),
-      matched: b
+      key: _(c),
+      fullPath: c.fullPath,
+      alive: Ke(c, o.keepAlive),
+      reusable: Ee(c, !1),
+      matched: c
     };
   }
-  function C(i) {
-    const b = z(i);
-    let d = l.find((y) => y.id === b);
-    return d ? (d.fullPath = i.fullPath, d.to = i.fullPath, d.matched = i, d.alive = me(i, o.keepAlive), d.reusable = ve(i, d.reusable), typeof d.renderKey != "number" && (d.renderKey = 0), Object.assign(d, Ue(i)), d) : (d = Q(i, {}, o.keepAlive), de(l, d, o.appendPosition, a.value), Ke(l, o.maxAlive, a.value), d);
+  function P(u) {
+    const c = _(u);
+    let f = s.find((y) => y.id === c);
+    const m = Ke(u, o.keepAlive);
+    if (f) {
+      f.fullPath = u.fullPath, f.to = u.fullPath, f.matched = u, f.reusable = Ee(u, f.reusable), typeof f.renderKey != "number" && (f.renderKey = 0);
+      const y = `${c}::${f.renderKey}`;
+      return (c.includes("students") || c.includes("classroom") || c.includes("quiz")) && console.log(`[ensureTab] EXISTING tab: ${u.fullPath}`, {
+        key: c,
+        shouldBeAlive: m,
+        currentRenderKey: f.renderKey,
+        currentCacheKey: y,
+        isInCache: i.has(y),
+        aliveCacheSize: i.size,
+        cacheContents: Array.from(i)
+      }), m && (i.has(y) ? f.alive || (f.alive = !0, (c.includes("students") || c.includes("classroom") || c.includes("quiz")) && console.log(`[ensureTab] ✅ Reactivated: ${y}`)) : (i.add(y), f.alive = !0, (c.includes("students") || c.includes("classroom") || c.includes("quiz")) && console.log(`[ensureTab] ✅ Added to cache: ${y}`))), Object.assign(f, qe(u)), f;
+    }
+    if (f = ne(u, {}, o.keepAlive), f.alive) {
+      const y = `${c}::${f.renderKey ?? 0}`;
+      i.add(y), (c.includes("students") || c.includes("classroom") || c.includes("quiz")) && console.log(`[ensureTab] NEW tab created and cached: ${y}`);
+    }
+    return Te(s, f, o.appendPosition, a.value), Re(s, o.maxAlive, a.value, i), f;
   }
-  async function $(i, b = !1, d = !0) {
-    const y = N(e, i), w = z(y), P = a.value === w;
-    d === "sameTab" && (d = P), d && await U(w, !0), await e[b ? "replace" : "push"](y), P && await h();
+  async function M(u, c = !1, f = "sameTab") {
+    const m = V(e, u), y = _(m), k = a.value === y;
+    f === "sameTab" && (f = k), f && await z(y, !0), await e[c ? "replace" : "push"](m), k && await N();
   }
-  function L(i) {
-    const b = l.findIndex((x) => x.id === i);
-    if (b === -1) return o.defaultRoute;
-    const d = l[b + 1], y = l[b - 1], w = l.find((x) => x.id !== i), P = d || y || w;
-    return P ? P.to : o.defaultRoute;
+  function Y(u) {
+    const c = s.findIndex((I) => I.id === u);
+    if (c === -1) return o.defaultRoute;
+    const f = s[c + 1], m = s[c - 1], y = s.find((I) => I.id !== u), k = f || m || y;
+    return k ? k.to : o.defaultRoute;
   }
-  async function Y(i = a.value, b = {}) {
-    if (!i) return;
-    if (!b.force && o.keepLastTab && l.length === 1)
+  async function L(u = a.value, c = {}) {
+    if (!u) return;
+    if (!c.force && o.keepLastTab && s.length === 1)
       throw new Error("[RouterTabs] Unable to close the final tab when keepLastTab is true.");
-    const y = a.value === i && b.redirect !== null, w = y ? b.redirect ?? L(i) : null;
-    await K(i, { force: b.force }), b.redirect !== null && y && w && await e.replace(w);
+    const m = a.value === u && c.redirect !== null, y = m ? c.redirect ?? Y(u) : null;
+    await F(u, { force: c.force }), c.redirect !== null && m && y && await e.replace(y);
   }
-  async function K(i, b = {}) {
-    const d = l.findIndex((y) => y.id === i);
-    d !== -1 && (l.splice(d, 1), T.value === i && (T.value = null), a.value === i && (a.value = null, g.value = void 0));
+  async function F(u, c = {}) {
+    const f = s.findIndex((m) => m.id === u);
+    f !== -1 && (s.splice(f, 1), T.value === u && (T.value = null), a.value === u && (a.value = null, p.value = void 0));
   }
-  async function U(i = a.value ?? void 0, b = !1) {
-    if (!i) return;
-    const d = l.find((w) => w.id === i);
-    if (!d) return;
-    const y = o.keepAlive && d.alive;
-    y && (d.alive = !1, await M()), d.renderKey = (d.renderKey ?? 0) + 1, y && (d.alive = !0), T.value = i, await M(), b || await M(), T.value = null;
+  async function z(u = a.value ?? void 0, c = !1) {
+    if (!u) return;
+    const f = s.find((I) => I.id === u);
+    if (!f) return;
+    const m = o.keepAlive && f.alive, y = `${u}::${f.renderKey ?? 0}`;
+    m && (i.delete(y), f.alive = !1, await B()), f.renderKey = (f.renderKey ?? 0) + 1;
+    const k = `${u}::${f.renderKey}`;
+    m && (i.add(k), f.alive = !0), T.value = u, await B(), c || await B(), T.value = null;
   }
-  async function ne(i = !1) {
-    for (const b of l)
-      await U(b.id, i);
+  async function le(u = !1) {
+    for (const c of s)
+      await z(c.id, u);
+  }
+  function R(u, c) {
+    const f = s.find((y) => y.id === u);
+    if (!f) return;
+    const m = `${u}::${f.renderKey ?? 0}`;
+    c ? (i.add(m), f.alive = !0, Re(s, o.maxAlive, a.value, i)) : (i.delete(m), f.alive = !1);
+  }
+  function X(u) {
+    const c = s.find((m) => m.id === u);
+    if (!c) return;
+    const f = `${u}::${c.renderKey ?? 0}`;
+    i.delete(f), c.alive = !1, c.renderKey = (c.renderKey ?? 0) + 1;
+  }
+  function O() {
+    i.clear(), s.forEach((u) => {
+      u.alive = !1;
+    });
   }
-  async function oe(i = o.defaultRoute) {
-    l.splice(0, l.length), a.value = null, g.value = void 0;
-    for (const b of o.initialTabs) {
-      const d = N(e, b.to), y = Q(d, b, o.keepAlive);
-      l.push(y);
+  function D() {
+    return b.value.slice();
+  }
+  async function Q(u = o.defaultRoute) {
+    s.splice(0, s.length), a.value = null, p.value = void 0;
+    for (const c of o.initialTabs) {
+      const f = V(e, c.to), m = ne(f, c, o.keepAlive);
+      s.push(m);
     }
-    await e.replace(i);
+    await e.replace(u);
   }
-  async function h() {
-    const i = a.value;
-    i && await U(i, !0);
+  async function N() {
+    const u = a.value;
+    u && await z(u, !0);
   }
-  function G(i) {
-    return typeof i.matched == "object" ? z(i) : z(N(e, i));
+  function w(u) {
+    return typeof u.matched == "object" ? _(u) : _(V(e, u));
   }
-  function j() {
-    const i = l.find((b) => b.id === a.value);
+  function se() {
+    const u = s.find((c) => c.id === a.value);
     return {
-      tabs: l.map(Kt),
-      active: i ? i.to : null
+      tabs: s.map(Vt),
+      active: u ? u.to : null
     };
   }
-  async function D(i) {
-    f = !0, l.splice(0, l.length), a.value = null, g.value = void 0;
-    const b = i?.tabs ?? [];
-    for (const y of b)
+  async function W(u) {
+    h = !0, s.splice(0, s.length), a.value = null, p.value = void 0;
+    const c = u?.tabs ?? [];
+    for (const m of c)
       try {
-        const w = N(e, y.to), P = xt(y), x = Q(w, P, o.keepAlive);
-        de(l, x, "last", null);
-      } catch {
+        const y = V(e, m.to), k = _t(m), I = ne(y, k, o.keepAlive);
+        Te(s, I, "last", null);
+      } catch (y) {
+        console.warn("[RouterTabs] Failed to restore tab", m, y);
       }
-    f = !1;
-    const d = i?.active ?? b[b.length - 1]?.to ?? o.defaultRoute;
-    if (d)
+    h = !1;
+    const f = u?.active ?? c[c.length - 1]?.to ?? o.defaultRoute;
+    if (f)
       try {
-        await e.replace(d);
-      } catch {
+        await e.replace(f);
+      } catch (m) {
+        console.warn("[RouterTabs] Failed to navigate to restored route", f, m);
       }
   }
   return A(
     () => e.currentRoute.value,
-    (i) => {
-      if (f) return;
-      const b = C(i);
-      a.value = b.id, g.value = b, Ke(l, o.maxAlive, a.value);
+    (u) => {
+      if (h) return;
+      const c = P(u);
+      a.value = c.id, p.value = c, Re(s, o.maxAlive, a.value, i);
     },
     { immediate: !0 }
-  ), o.initialTabs.length && o.initialTabs.forEach((i) => {
-    const b = N(e, i.to), d = Q(b, i, o.keepAlive);
-    de(l, d, "last", null);
+  ), o.initialTabs.length && o.initialTabs.forEach((u) => {
+    const c = V(e, u.to), f = ne(c, u, o.keepAlive);
+    Te(s, f, "last", null);
   }), {
     options: o,
-    tabs: l,
+    tabs: s,
     activeId: a,
-    current: g,
-    includeKeys: s,
+    current: p,
+    includeKeys: b,
     refreshingKey: T,
-    openTab: $,
-    closeTab: Y,
-    removeTab: K,
-    refreshTab: U,
-    refreshAll: ne,
-    reset: oe,
-    reload: h,
-    getRouteKey: G,
-    matchRoute: v,
-    snapshot: j,
-    hydrate: D
+    openTab: M,
+    closeTab: L,
+    removeTab: F,
+    refreshTab: z,
+    refreshAll: le,
+    setTabAlive: R,
+    evictCache: X,
+    clearCache: O,
+    getCacheKeys: D,
+    reset: Q,
+    reload: N,
+    getRouteKey: w,
+    matchRoute: E,
+    snapshot: se,
+    hydrate: W,
+    ensureTab: P
   };
 }
-function xe(e) {
+function Ne(e) {
   return e ? typeof e == "string" ? { name: e } : e : {};
 }
-const te = Symbol("RouterTabsContext"), ee = "router-tabs:snapshot";
-function De(e = {}) {
-  const { optional: n = !1 } = e, o = Ee(te, null);
+const ie = Symbol("RouterTabsContext"), re = "router-tabs:snapshot";
+function Ue(e = {}) {
+  const { optional: r = !1 } = e, o = Me(ie, null);
   if (o) return o;
-  const l = Ee("$tabs", null);
-  if (l) return l;
-  const g = je()?.appContext.config.globalProperties.$tabs;
-  if (g) return g;
-  if (!n)
+  const s = Me("$tabs", null);
+  if (s) return s;
+  const p = We()?.appContext.config.globalProperties.$tabs;
+  if (p) return p;
+  if (!r)
     throw new Error("[RouterTabs] useRouterTabs must be used within <router-tab>.");
   return null;
 }
-const St = 864e5;
-function Bt(e) {
+const Ft = 864e5;
+function Wt(e) {
   if (typeof document > "u") return null;
-  const n = `${encodeURIComponent(e)}=`, o = document.cookie ? document.cookie.split("; ") : [];
-  for (const l of o)
-    if (l.startsWith(n))
-      return decodeURIComponent(l.slice(n.length));
+  const r = `${encodeURIComponent(e)}=`, o = document.cookie ? document.cookie.split("; ") : [];
+  for (const s of o)
+    if (s.startsWith(r))
+      return decodeURIComponent(s.slice(r.length));
   return null;
 }
-function Se(e, n, o) {
+function Ve(e, r, o) {
   if (typeof document > "u") return;
   const {
-    expiresInDays: l = 7,
+    expiresInDays: s = 7,
     path: a = "/",
-    domain: g,
+    domain: p,
     secure: T,
-    sameSite: s = "lax"
-  } = o, f = [`${encodeURIComponent(e)}=${encodeURIComponent(n)}`];
-  if (l !== 1 / 0) {
-    const v = new Date(Date.now() + l * St).toUTCString();
-    f.push(`Expires=${v}`);
+    sameSite: i = "lax"
+  } = o, b = [`${encodeURIComponent(e)}=${encodeURIComponent(r)}`];
+  if (s !== 1 / 0) {
+    const h = new Date(Date.now() + s * Ft).toUTCString();
+    b.push(`Expires=${h}`);
   }
-  a && f.push(`Path=${a}`), g && f.push(`Domain=${g}`), T && f.push("Secure"), s && f.push(`SameSite=${s.charAt(0).toUpperCase()}${s.slice(1)}`), document.cookie = f.join("; ");
+  a && b.push(`Path=${a}`), p && b.push(`Domain=${p}`), T && b.push("Secure"), i && b.push(`SameSite=${i.charAt(0).toUpperCase()}${i.slice(1)}`), document.cookie = b.join("; ");
 }
-function Be(e, n) {
+function _e(e, r) {
   if (typeof document > "u") return;
-  const { path: o = "/", domain: l } = n, a = [`${encodeURIComponent(e)}=`];
-  a.push("Expires=Thu, 01 Jan 1970 00:00:01 GMT"), o && a.push(`Path=${o}`), l && a.push(`Domain=${l}`), document.cookie = a.join("; ");
+  const { path: o = "/", domain: s } = r, a = [`${encodeURIComponent(e)}=`];
+  a.push("Expires=Thu, 01 Jan 1970 00:00:01 GMT"), o && a.push(`Path=${o}`), s && a.push(`Domain=${s}`), document.cookie = a.join("; ");
 }
-const Mt = (e) => JSON.stringify(e ?? null), Lt = (e) => {
+const qt = (e) => JSON.stringify(e ?? null), Ht = (e) => {
   if (!e) return null;
   try {
     return JSON.parse(e);
@@ -273,65 +321,65 @@ const Mt = (e) => JSON.stringify(e ?? null), Lt = (e) => {
     return null;
   }
 };
-function Ve(e = {}) {
+function He(e = {}) {
   const {
-    cookieKey: n = ee,
-    serialize: o = Mt,
-    deserialize: l = Lt
-  } = e, a = De({ optional: !0 }), g = B(!0), T = (s) => {
-    ge(async () => {
-      const f = l(Bt(n));
-      if (f && f.tabs?.length)
+    cookieKey: r = re,
+    serialize: o = qt,
+    deserialize: s = Ht
+  } = e, a = Ue({ optional: !0 }), p = S(!0), T = (i) => {
+    ke(async () => {
+      const b = s(Wt(r));
+      if (b && b.tabs?.length)
         try {
-          if (g.value = !0, await s.hydrate(f), f.active) {
-            await M();
-            const C = s.tabs.find(($) => $.to === f.active);
-            C && (s.activeId.value = C.id, s.current.value = C);
+          if (p.value = !0, await i.hydrate(b), b.active) {
+            await B();
+            const E = i.tabs.find((P) => P.to === b.active);
+            E && (i.activeId.value = E.id, i.current.value = E);
           }
         } finally {
-          g.value = !1;
+          p.value = !1;
         }
       else if (Object.prototype.hasOwnProperty.call(e, "fallbackRoute"))
         try {
-          g.value = !0;
-          const C = e.fallbackRoute ?? s.options.defaultRoute;
-          await s.reset(C);
+          p.value = !0;
+          const E = e.fallbackRoute ?? i.options.defaultRoute;
+          await i.reset(E);
         } finally {
-          g.value = !1;
+          p.value = !1;
         }
       else
-        g.value = !1;
-      const v = s.snapshot();
-      v.tabs.length ? Se(n, o(v), e) : Be(n, e), g.value = !1;
+        p.value = !1;
+      const h = i.snapshot();
+      h.tabs.length ? Ve(r, o(h), e) : _e(r, e), p.value = !1;
     }), A(
       () => ({
-        tabs: s.tabs.map((f) => ({
-          to: f.to,
-          title: f.title,
-          tips: f.tips,
-          icon: f.icon,
-          tabClass: f.tabClass,
-          closable: f.closable,
-          renderKey: f.renderKey
+        tabs: i.tabs.map((b) => ({
+          to: b.to,
+          title: b.title,
+          tips: b.tips,
+          icon: b.icon,
+          tabClass: b.tabClass,
+          closable: b.closable,
+          renderKey: b.renderKey
         })),
-        active: s.activeId.value
+        active: i.activeId.value
       }),
       () => {
-        if (g.value) return;
-        const f = s.snapshot();
-        f.tabs.length ? Se(n, o(f), e) : Be(n, e);
+        if (p.value) return;
+        const b = i.snapshot();
+        b.tabs.length ? Ve(r, o(b), e) : _e(r, e);
       },
       { deep: !0 }
     );
   };
-  a ? T(a) : ge(() => {
-    const s = De({ optional: !0 });
-    s && T(s);
+  a ? T(a) : ke(() => {
+    const i = Ue({ optional: !0 });
+    i && T(i);
   });
 }
-const jt = Oe({
+const Jt = Ce({
   name: "RouterTab",
-  components: { RouterView: Pt },
+  components: { RouterView: zt },
   props: {
     tabs: {
       type: Array,
@@ -371,7 +419,7 @@ const jt = Oe({
     },
     cookieKey: {
       type: String,
-      default: ee
+      default: re
     },
     persistence: {
       type: Object,
@@ -383,14 +431,14 @@ const jt = Oe({
     }
   },
   emits: ["tab-sort", "tab-sorted"],
-  setup(e, { emit: n }) {
-    const o = je();
+  setup(e, { emit: r }) {
+    const o = We();
     if (!o)
       throw new Error("[RouterTab] component must be used within a Vue application context.");
-    const l = o.appContext.app.config.globalProperties.$router;
-    if (!l)
+    const s = o.appContext.app.config.globalProperties.$router;
+    if (!s)
       throw new Error("[RouterTab] Vue Router is required. Make sure to call app.use(router) before RouterTab.");
-    const a = Dt(l, {
+    const a = Yt(s, {
       initialTabs: e.tabs,
       keepAlive: e.keepAlive,
       maxAlive: e.maxAlive,
@@ -398,148 +446,138 @@ const jt = Oe({
       appendPosition: e.append,
       defaultRoute: e.defaultPage
     });
-    pt(te, a), o.appContext.config.globalProperties.$tabs = a;
-    const g = k(() => !!o?.slots?.default), T = k(() => !!o?.slots?.start), s = k(() => !!o?.slots?.end), f = B(0), v = k(() => {
-      f.value;
+    Kt(ie, a), o.appContext.config.globalProperties.$tabs = a;
+    const p = C(() => !!o?.slots?.default), T = C(() => !!o?.slots?.start), i = C(() => !!o?.slots?.end), b = S(0), h = C(() => {
+      b.value;
       const t = {};
-      return a.tabs.forEach((r) => {
-        const u = typeof r.title == "string" ? r.title : String(r.title || re(r));
-        t[r.id] = u;
+      return a.tabs.forEach((n) => {
+        const l = typeof n.title == "string" ? n.title : String(n.title || ue(n));
+        t[n.id] = l;
       }), t;
     });
-    function C() {
-      f.value++;
+    function E() {
+      b.value++;
     }
-    const $ = /* @__PURE__ */ new Map(), L = /* @__PURE__ */ new Map();
-    function Y(t, r) {
-      if (!(!r || $.has(t)))
+    const P = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new Map();
+    function Y(t, n) {
+      if (!(!n || P.has(t)))
         try {
-          $.set(t, r);
-          const u = a.tabs.find((p) => a.getRouteKey(p.to) === t);
-          if (!u) {
+          P.set(t, n);
+          const l = a.tabs.find((g) => a.getRouteKey(g.to) === t);
+          if (!l) {
             console.warn(`[RouterTab] Cannot setup watching: tab not found for ${t}`);
             return;
           }
-          const m = [];
-          if (r.routeTabTitle !== void 0)
+          const v = [];
+          if (n.routeTabTitle !== void 0)
             try {
-              const p = A(
+              const g = A(
                 () => {
-                  const c = r.routeTabTitle;
-                  return c && typeof c == "object" && "value" in c ? c.value : c;
+                  const d = n.routeTabTitle;
+                  return d && typeof d == "object" && "value" in d ? d.value : d;
                 },
-                (c) => {
-                  if (c != null) {
-                    const V = String(c);
-                    u.title = V, C();
+                (d) => {
+                  if (d != null) {
+                    const U = String(d);
+                    l.title = U, E();
                   }
                 },
                 { immediate: !0 }
               );
-              m.push(p);
-            } catch (p) {
-              console.error(`[RouterTab] Error watching routeTabTitle for ${t}:`, p);
+              v.push(g);
+            } catch (g) {
+              console.error(`[RouterTab] Error watching routeTabTitle for ${t}:`, g);
             }
-          if (r.routeTabIcon !== void 0)
+          if (n.routeTabIcon !== void 0)
             try {
-              const p = A(
+              const g = A(
                 () => {
-                  const c = r.routeTabIcon;
-                  return c && typeof c == "object" && "value" in c ? c.value : c;
+                  const d = n.routeTabIcon;
+                  return d && typeof d == "object" && "value" in d ? d.value : d;
                 },
-                (c) => {
-                  c != null && (u.icon = String(c), C());
+                (d) => {
+                  d != null && (l.icon = String(d), E());
                 },
                 { immediate: !0 }
               );
-              m.push(p);
-            } catch (p) {
-              console.error(`[RouterTab] Error watching routeTabIcon for ${t}:`, p);
+              v.push(g);
+            } catch (g) {
+              console.error(`[RouterTab] Error watching routeTabIcon for ${t}:`, g);
             }
-          if (r.routeTabClosable !== void 0)
+          if (n.routeTabClosable !== void 0)
             try {
-              const p = A(
+              const g = A(
                 () => {
-                  const c = r.routeTabClosable;
-                  return c && typeof c == "object" && "value" in c ? c.value : c;
+                  const d = n.routeTabClosable;
+                  return d && typeof d == "object" && "value" in d ? d.value : d;
                 },
-                (c) => {
-                  c != null && (u.closable = !!c, C());
+                (d) => {
+                  d != null && (l.closable = !!d, E());
                 },
                 { immediate: !0 }
               );
-              m.push(p);
-            } catch (p) {
-              console.error(`[RouterTab] Error watching routeTabClosable for ${t}:`, p);
+              v.push(g);
+            } catch (g) {
+              console.error(`[RouterTab] Error watching routeTabClosable for ${t}:`, g);
             }
-          if (r.routeTabMeta !== void 0)
+          if (n.routeTabMeta !== void 0)
             try {
-              const p = A(
+              const g = A(
                 () => {
-                  const c = r.routeTabMeta;
-                  return c && typeof c == "object" && "value" in c ? c.value : c;
+                  const d = n.routeTabMeta;
+                  return d && typeof d == "object" && "value" in d ? d.value : d;
                 },
-                (c) => {
-                  c && typeof c == "object" && (Object.assign(u, c), C());
+                (d) => {
+                  d && typeof d == "object" && (Object.assign(l, d), E());
                 },
                 { immediate: !0, deep: !0 }
               );
-              m.push(p);
-            } catch (p) {
-              console.error(`[RouterTab] Error watching routeTabMeta for ${t}:`, p);
+              v.push(g);
+            } catch (g) {
+              console.error(`[RouterTab] Error watching routeTabMeta for ${t}:`, g);
             }
-          L.set(t, m);
-        } catch (u) {
-          console.error(`[RouterTab] Error in setupComponentWatching for ${t}:`, u), K(t);
+          M.set(t, v);
+        } catch (l) {
+          console.error(`[RouterTab] Error in setupComponentWatching for ${t}:`, l), L(t);
         }
     }
-    function K(t) {
+    function L(t) {
       try {
-        const r = L.get(t);
-        r && (r.forEach((u) => {
+        const n = M.get(t);
+        n && (n.forEach((l) => {
           try {
-            u();
-          } catch (m) {
-            console.error(`[RouterTab] Error cleaning up watcher for ${t}:`, m);
+            l();
+          } catch (v) {
+            console.error(`[RouterTab] Error cleaning up watcher for ${t}:`, v);
           }
-        }), L.delete(t)), $.delete(t);
-      } catch (r) {
-        console.error(`[RouterTab] Error in cleanupComponentWatching for ${t}:`, r);
+        }), M.delete(t)), P.delete(t);
+      } catch (n) {
+        console.error(`[RouterTab] Error in cleanupComponentWatching for ${t}:`, n);
       }
     }
-    function U(t, r) {
+    function F(t, n) {
       try {
-        t ? t.routeTabTitle !== void 0 || t.routeTabIcon !== void 0 || t.routeTabClosable !== void 0 ? Y(r, t) : t.$ && (t.$.routeTabTitle !== void 0 || t.$.routeTabIcon !== void 0 || t.$.routeTabClosable !== void 0) && Y(r, t.$) : t === null && K(r);
-      } catch (u) {
-        console.error(`[RouterTab] Error handling component ref for ${r}:`, u), K(r);
+        t ? t.routeTabTitle !== void 0 || t.routeTabIcon !== void 0 || t.routeTabClosable !== void 0 ? Y(n, t) : t.$ && (t.$.routeTabTitle !== void 0 || t.$.routeTabIcon !== void 0 || t.$.routeTabClosable !== void 0) && Y(n, t.$) : t === null && L(n);
+      } catch (l) {
+        console.error(`[RouterTab] Error handling component ref for ${n}:`, l), L(n);
       }
     }
-    if (gt((t, r, u) => {
-      if (console.error("[RouterTab] Error captured from component:", t, u), r && a.activeId.value) {
-        const m = a.activeId.value;
-        K(m);
-        const p = a.tabs.find((c) => c.id === m);
-        p && p.alive && (console.warn(`[RouterTab] Removing errored component ${m} from KeepAlive cache`), p.alive = !1, M(() => {
-          p.alive = !0;
-        }));
-      }
-      return !1;
-    }), e.cookieKey !== null || e.persistence) {
+    if (Et((t, n, l) => (console.error("[RouterTab] Error captured from component:", t, l), !1)), e.cookieKey !== null || e.persistence) {
       const t = {
         ...e.persistence ?? {}
       };
-      e.cookieKey !== null ? t.cookieKey = e.cookieKey || ee : t.cookieKey || (t.cookieKey = ee), Ve(t);
+      e.cookieKey !== null ? t.cookieKey = e.cookieKey || re : t.cookieKey || (t.cookieKey = re), He(t);
     }
-    const ne = k(() => xe(e.tabTransition)), oe = k(() => xe(e.pageTransition)), h = pe({
+    const z = C(() => Ne(e.tabTransition)), le = C(() => Ne(e.pageTransition)), R = ae({
       visible: !1,
       target: null,
       position: { x: 0, y: 0 }
-    }), G = B(null), j = B([]), D = B(-1), i = pe({
+    }), X = S(null), O = S([]), D = S(-1), Q = S(null), N = /* @__PURE__ */ new Map(), w = ae({
       dragging: !1,
       dragIndex: -1,
       dropIndex: -1,
       dragTab: null
-    }), b = [
+    }), se = [
       "refresh",
       "refreshAll",
       "close",
@@ -547,29 +585,29 @@ const jt = Oe({
       "closeRights",
       "closeOthers"
     ];
-    function d(t) {
-      return a.tabs.findIndex((r) => r.id === t);
+    function W(t) {
+      return a.tabs.findIndex((n) => n.id === t);
     }
-    function y(t) {
-      const r = d(t.id);
-      return r > 0 ? a.tabs.slice(0, r) : [];
+    function u(t) {
+      const n = W(t.id);
+      return n > 0 ? a.tabs.slice(0, n) : [];
     }
-    function w(t) {
-      const r = d(t.id);
-      return r > -1 ? a.tabs.slice(r + 1) : [];
+    function c(t) {
+      const n = W(t.id);
+      return n > -1 ? a.tabs.slice(n + 1) : [];
     }
-    function P(t) {
-      return a.tabs.filter((r) => r.id !== t.id);
+    function f(t) {
+      return a.tabs.filter((n) => n.id !== t.id);
     }
-    async function x(t, r) {
-      const u = t.filter((m) => m.closable !== !1);
-      if (u.length) {
-        for (const m of u)
-          a.activeId.value === m.id ? await a.closeTab(m.id, { redirect: r.to, force: !0 }) : await a.removeTab(m.id, { force: !0 });
-        a.activeId.value !== r.id && await a.openTab(r.to, !0, !1);
+    async function m(t, n) {
+      const l = t.filter((v) => v.closable !== !1);
+      if (l.length) {
+        for (const v of l)
+          a.activeId.value === v.id ? await a.closeTab(v.id, { redirect: n.to, force: !0 }) : await a.removeTab(v.id, { force: !0 });
+        a.activeId.value !== n.id && await a.openTab(n.to, !0, !1);
       }
     }
-    const Fe = {
+    const y = {
       refresh: {
         label: "Refresh",
         handler: async ({ target: t }) => {
@@ -587,95 +625,95 @@ const jt = Oe({
         handler: async ({ target: t }) => {
           await a.closeTab(t.id);
         },
-        enable: ({ target: t }) => ae(t)
+        enable: ({ target: t }) => fe(t)
       },
       closeLefts: {
         label: "Close to the Left",
         handler: async ({ target: t }) => {
-          await x(y(t), t);
+          await m(u(t), t);
         },
-        enable: ({ target: t }) => y(t).some((r) => r.closable !== !1)
+        enable: ({ target: t }) => u(t).some((n) => n.closable !== !1)
       },
       closeRights: {
         label: "Close to the Right",
         handler: async ({ target: t }) => {
-          await x(w(t), t);
+          await m(c(t), t);
         },
-        enable: ({ target: t }) => w(t).some((r) => r.closable !== !1)
+        enable: ({ target: t }) => c(t).some((n) => n.closable !== !1)
       },
       closeOthers: {
         label: "Close Others",
         handler: async ({ target: t }) => {
-          await x(P(t), t);
+          await m(f(t), t);
         },
-        enable: ({ target: t }) => P(t).some((r) => r.closable !== !1)
+        enable: ({ target: t }) => f(t).some((n) => n.closable !== !1)
       }
     };
-    function I() {
-      h.visible = !1, h.target = null, D.value = -1, j.value = [];
+    function k() {
+      R.visible = !1, R.target = null, D.value = -1, O.value = [];
     }
-    function He(t, r) {
-      e.contextmenu && (h.target = t, h.position.x = r.clientX, h.position.y = r.clientY, M(() => {
-        h.visible = !0, document.addEventListener("click", I, { once: !0 }), M(() => {
-          Je();
+    function I(t, n) {
+      e.contextmenu && (R.target = t, R.position.x = n.clientX, R.position.y = n.clientY, B(() => {
+        R.visible = !0, document.addEventListener("click", k, { once: !0 }), B(() => {
+          et();
         });
       }));
     }
-    function We(t, r) {
-      const u = typeof t == "string" ? { id: t } : t, m = Fe[u.id], p = u.label ?? m?.label ?? String(u.id), c = u.visible ?? m?.visible ?? !0;
-      if (!(typeof c == "function" ? c(r) : c !== !1)) return null;
-      const ie = u.enable ?? m?.enable ?? !0, ft = typeof ie == "function" ? ie(r) : ie !== !1, Ce = u.handler ?? m?.handler;
-      if (!Ce) return null;
-      const dt = async () => {
-        await Promise.resolve(Ce(r));
+    function Ze(t, n) {
+      const l = typeof t == "string" ? { id: t } : t, v = y[l.id], g = l.label ?? v?.label ?? String(l.id), d = l.visible ?? v?.visible ?? !0;
+      if (!(typeof d == "function" ? d(n) : d !== !1)) return null;
+      const ge = l.enable ?? v?.enable ?? !0, wt = typeof ge == "function" ? ge(n) : ge !== !1, Be = l.handler ?? v?.handler;
+      if (!Be) return null;
+      const kt = async () => {
+        await Promise.resolve(Be(n));
       };
       return {
-        id: String(u.id),
-        label: p,
-        disabled: !ft,
-        action: dt
+        id: String(l.id),
+        label: g,
+        disabled: !wt,
+        action: kt
       };
     }
-    const _ = k(() => {
-      if (!h.visible || !h.target || e.contextmenu === !1) return [];
-      const t = Array.isArray(e.contextmenu) ? e.contextmenu : b, r = { target: h.target, controller: a };
-      return t.map((u) => We(u, r)).filter((u) => !!u);
+    const q = C(() => {
+      if (!R.visible || !R.target || e.contextmenu === !1) return [];
+      const t = Array.isArray(e.contextmenu) ? e.contextmenu : se, n = { target: R.target, controller: a };
+      return t.map((l) => Ze(l, n)).filter((l) => !!l);
     });
-    function Je() {
-      const t = G.value;
+    function et() {
+      const t = X.value;
       if (!t) return;
-      const r = 8, { innerWidth: u, innerHeight: m } = window, p = t.getBoundingClientRect();
-      let c = h.position.x, V = h.position.y;
-      p.right > u - r && (c = Math.max(r, u - p.width - r)), p.bottom > m - r && (V = Math.max(r, m - p.height - r)), (c !== h.position.x || V !== h.position.y) && (h.position.x = c, h.position.y = V);
+      const n = 8, { innerWidth: l, innerHeight: v } = window, g = t.getBoundingClientRect();
+      let d = R.position.x, U = R.position.y;
+      g.right > l - n && (d = Math.max(n, l - g.width - n)), g.bottom > v - n && (U = Math.max(n, v - g.height - n)), (d !== R.position.x || U !== R.position.y) && (R.position.x = d, R.position.y = U);
     }
-    function Ge(t, r) {
-      j.value[r] = t ?? null;
+    function tt(t, n) {
+      O.value[n] = t ?? null;
     }
-    function Xe(t) {
+    function nt(t) {
       if (t < 0) return;
-      j.value[t]?.focus({ preventScroll: !0 });
+      O.value[t]?.focus({ preventScroll: !0 });
     }
-    function X(t, r, u = _.value) {
-      if (!u.length) return -1;
-      const m = u.length;
-      let p = t;
-      for (let c = 0; c < m; c++)
-        if (p = (p + r + m) % m, !u[p].disabled) return p;
+    function Z(t, n, l = q.value) {
+      if (!l.length) return -1;
+      const v = l.length;
+      let g = t;
+      for (let d = 0; d < v; d++)
+        if (g = (g + n + v) % v, !l[g].disabled) return g;
       return -1;
     }
-    function F(t) {
-      D.value = t, !(t < 0) && M(() => Xe(t));
+    function H(t) {
+      D.value = t, !(t < 0) && B(() => nt(t));
     }
-    function Te(t) {
-      const r = X(D.value, t);
-      r !== -1 && F(r);
+    function Pe(t) {
+      const n = Z(D.value, t);
+      n !== -1 && H(n);
     }
-    function qe(t) {
-      if (!h.visible) return;
-      const r = t.key, u = _.value;
-      if (!u.length) return;
-      if (r === "Tab") {
-        I();
+    function ot(t) {
+      if (!R.visible) return;
+      const n = t.key, l = q.value;
+      if (!l.length) return;
+      if (n === "Tab") {
+        k();
         return;
       }
       if ([
@@ -689,128 +727,174 @@ const jt = Oe({
         " ",
         "Spacebar",
         "Escape"
-      ].includes(r))
-        switch (t.preventDefault(), r) {
+      ].includes(n))
+        switch (t.preventDefault(), n) {
           case "ArrowDown":
           case "ArrowRight":
-            Te(1);
+            Pe(1);
             break;
           case "ArrowUp":
           case "ArrowLeft":
-            Te(-1);
+            Pe(-1);
             break;
           case "Home":
-            F(X(-1, 1));
+            H(Z(-1, 1));
             break;
           case "End":
-            F(X(u.length, -1));
+            H(Z(l.length, -1));
             break;
           case "Enter":
           case " ":
           case "Spacebar": {
-            const p = D.value;
-            if (p > -1) {
-              const c = u[p];
-              c.disabled || ke(c);
+            const g = D.value;
+            if (g > -1) {
+              const d = l[g];
+              d.disabled || Se(d);
             }
             break;
           }
           case "Escape":
-            I();
+            k();
             break;
         }
     }
-    async function ke(t) {
-      t.disabled || (I(), await t.action());
+    async function Se(t) {
+      t.disabled || (k(), await t.action());
     }
-    function re(t) {
+    function ue(t) {
       return typeof t.title == "string" && t.title.trim() ? t.title : Array.isArray(t.title) && t.title.length && String(t.title[0]).trim() ? String(t.title[0]) : "Untitled";
     }
-    function Qe(t) {
-      return v.value[t.id] || re(t);
+    function rt(t) {
+      return h.value[t.id] || ue(t);
+    }
+    function at(t, n) {
+      return Ce({
+        name: n,
+        setup(l, { attrs: v, slots: g }) {
+          return () => At(t, v, g);
+        }
+      });
+    }
+    const ce = /* @__PURE__ */ new Map(), Ie = S(0);
+    function it(t, n, l) {
+      ce.has(l) || (ce.set(l, n), Ie.value++), t && F(t, l);
     }
-    function we(t) {
-      const r = a.getRouteKey(t), u = a.tabs.find((p) => p.id === r);
-      if (!u)
-        return console.warn("[RouterTab] Tab not found for route:", r), `${r}::0`;
-      const m = u.renderKey ?? 0;
-      return `${r}::${m}`;
+    function lt(t, n) {
+      return t && ((!t.name || t.name !== n) && (t.name = n), t);
     }
-    function Ze(t) {
-      return `${we(t)}::refresh`;
+    function st(t) {
+      const n = a.getRouteKey(t), l = s.currentRoute.value, v = a.getRouteKey(l);
+      return n === v;
     }
-    function ae(t) {
+    function xe(t) {
+      const n = a.getRouteKey(t), l = a.tabs.find((d) => d.id === n);
+      if (!l)
+        return console.warn("[RouterTab] Tab not found for route:", n), `${n}::0`;
+      const v = l.renderKey ?? 0, g = `${n}::${v}`;
+      return (n.includes("students") || n.includes("classroom") || n.includes("quiz")) && console.log(`[getComponentCacheKey] Route: ${t.fullPath}`, {
+        routeKey: n,
+        renderKey: v,
+        cacheKey: g,
+        tabAlive: l.alive,
+        includeKeys: be.value,
+        isIncluded: be.value.includes(g)
+      }), g;
+    }
+    function ut(t) {
+      return `${xe(t)}::refresh`;
+    }
+    function fe(t) {
       return !(t.closable === !1 || a.options.keepLastTab && a.tabs.length <= 1);
     }
-    async function et(t) {
+    async function ct(t) {
       await a.closeTab(t.id);
     }
-    function tt(t) {
+    function ft(t, n) {
+      n ? N.set(t, n) : N.delete(t);
+    }
+    function de(t) {
+      B(() => {
+        const n = N.get(t), l = Q.value;
+        if (n && l) {
+          const v = n.getBoundingClientRect(), g = l.getBoundingClientRect();
+          (v.left < g.left || v.right > g.right) && n.scrollIntoView({
+            behavior: "smooth",
+            block: "nearest",
+            inline: "nearest"
+          });
+        }
+      });
+    }
+    function dt(t) {
       if (t.href && typeof window < "u") {
         t.target && t.target !== "_self" ? window.open(t.href, t.target) : window.location.assign(t.href);
         return;
       }
-      a.activeId.value !== t.id && a.openTab(t.to, !1);
+      a.activeId.value !== t.id && (a.openTab(t.to, !1), de(t.id));
     }
-    function nt(t) {
+    function bt(t) {
       return [
         "router-tab__item",
         {
           "is-active": a.activeId.value === t.id,
-          "is-closable": ae(t),
-          "is-dragging": i.dragging && i.dragTab?.id === t.id,
-          "is-drag-over": i.dropIndex === d(t.id)
+          "is-closable": fe(t),
+          "is-dragging": w.dragging && w.dragTab?.id === t.id,
+          "is-drag-over": w.dropIndex === W(t.id)
         },
         t.tabClass
       ];
     }
-    function ot(t) {
+    function gt(t) {
       return a.refreshingKey.value === a.getRouteKey(t);
     }
-    function rt(t) {
-      const r = a.getRouteKey(t);
-      return a.tabs.some((u) => u.id === r);
+    function pt(t) {
+      const n = a.getRouteKey(t), l = a.tabs.find((v) => v.id === n);
+      return l ? l.alive : !1;
+    }
+    function vt(t) {
+      const n = a.getRouteKey(t);
+      return !!a.tabs.find((v) => v.id === n);
     }
-    function at(t, r, u) {
-      e.sortable && (i.dragging = !0, i.dragIndex = r, i.dragTab = t, u.dataTransfer && (u.dataTransfer.effectAllowed = "move", u.dataTransfer.setData("text/plain", t.id)), n("tab-sort", { tab: t, index: r }));
+    function ht(t, n, l) {
+      e.sortable && (w.dragging = !0, w.dragIndex = n, w.dragTab = t, l.dataTransfer && (l.dataTransfer.effectAllowed = "move", l.dataTransfer.setData("text/plain", t.id)), r("tab-sort", { tab: t, index: n }));
     }
-    function it(t, r) {
-      !e.sortable || !i.dragging || (r.preventDefault(), r.dataTransfer && (r.dataTransfer.dropEffect = "move"));
+    function mt(t, n) {
+      !e.sortable || !w.dragging || (n.preventDefault(), n.dataTransfer && (n.dataTransfer.dropEffect = "move"));
     }
-    function lt(t) {
-      !e.sortable || !i.dragging || (i.dropIndex = t);
+    function yt(t) {
+      !e.sortable || !w.dragging || (w.dropIndex = t);
     }
-    function st() {
-      !e.sortable || i.dragging;
+    function Tt() {
+      !e.sortable || w.dragging;
     }
-    function ut(t, r) {
-      if (!(!e.sortable || !i.dragging)) {
-        if (r.preventDefault(), i.dragIndex !== -1 && i.dragIndex !== t) {
-          const u = a.tabs.splice(i.dragIndex, 1)[0];
-          a.tabs.splice(t, 0, u), n("tab-sorted", {
-            tab: u,
-            fromIndex: i.dragIndex,
+    function Rt(t, n) {
+      if (!(!e.sortable || !w.dragging)) {
+        if (n.preventDefault(), w.dragIndex !== -1 && w.dragIndex !== t) {
+          const l = a.tabs.splice(w.dragIndex, 1)[0];
+          a.tabs.splice(t, 0, l), r("tab-sorted", {
+            tab: l,
+            fromIndex: w.dragIndex,
             toIndex: t
           });
         }
-        Re();
+        De();
       }
     }
-    function Re() {
-      i.dragging = !1, i.dragIndex = -1, i.dropIndex = -1, i.dragTab = null;
+    function De() {
+      w.dragging = !1, w.dragIndex = -1, w.dropIndex = -1, w.dragTab = null;
     }
-    ge(() => {
-      document.addEventListener("keydown", I);
-    }), mt(() => {
-      document.removeEventListener("keydown", I), o.appContext.config.globalProperties.$tabs = null, L.forEach((t) => {
-        t.forEach((r) => {
+    ke(() => {
+      document.addEventListener("keydown", k);
+    }), $t(() => {
+      document.removeEventListener("keydown", k), o.appContext.config.globalProperties.$tabs = null, M.forEach((t) => {
+        t.forEach((n) => {
           try {
-            r();
-          } catch (u) {
-            console.error("[RouterTab] Error during cleanup:", u);
+            n();
+          } catch (l) {
+            console.error("[RouterTab] Error during cleanup:", l);
           }
         });
-      }), L.clear(), $.clear();
+      }), M.clear(), P.clear();
     }), A(
       () => e.keepAlive,
       (t) => {
@@ -818,204 +902,218 @@ const jt = Oe({
       }
     ), A(
       () => a.activeId.value,
-      () => I()
+      (t) => {
+        t && de(t), k();
+      }
     ), A(
       () => a.tabs.length,
       () => {
-        const t = new Set(a.tabs.map((u) => u.id));
-        Array.from($.keys()).forEach((u) => {
-          t.has(u) || (console.log(`[RouterTab] Cleaning up stale component instance: ${u}`), K(u));
+        const t = new Set(a.tabs.map((l) => l.id));
+        Array.from(P.keys()).forEach((l) => {
+          t.has(l) || (console.log(`[RouterTab] Cleaning up stale component instance: ${l}`), L(l));
         });
       }
     ), A(
       () => e.contextmenu,
       (t) => {
-        t || I();
+        t || k();
       }
     ), A(
-      () => _.value.length,
+      () => q.value.length,
       (t) => {
-        h.visible && t === 0 && I();
+        R.visible && t === 0 && k();
       },
       { flush: "post" }
       // Run after component updates to prevent blocking render
-    ), A(_, (t) => {
-      if (!h.visible) return;
-      j.value = new Array(t.length).fill(null);
-      const r = X(-1, 1, t);
-      F(r);
+    ), A(q, (t) => {
+      if (!R.visible) return;
+      O.value = new Array(t.length).fill(null);
+      const n = Z(-1, 1, t);
+      H(n);
     }, { flush: "post" }), A(
-      () => h.visible,
+      () => R.visible,
       (t) => {
-        t || (D.value = -1, j.value = []);
+        t || (D.value = -1, O.value = []);
       }
     );
-    const ct = a.includeKeys;
+    const be = a.includeKeys;
     return {
       controller: a,
       tabs: a.tabs,
-      includeKeys: ct,
-      tabTransitionProps: ne,
-      pageTransitionProps: oe,
-      buildTabClass: nt,
-      activate: tt,
-      close: et,
-      context: h,
-      menuItems: _,
-      handleMenuAction: ke,
-      showContextMenu: He,
-      hideContextMenu: I,
-      getTabTitle: re,
-      isClosable: ae,
-      isRefreshing: ot,
-      isTabReady: rt,
-      hasCustomSlot: g,
+      includeKeys: be,
+      componentCache: ce,
+      componentCacheTrigger: Ie,
+      cacheCurrentComponent: it,
+      tabTransitionProps: z,
+      pageTransitionProps: le,
+      buildTabClass: bt,
+      activate: dt,
+      close: ct,
+      context: R,
+      menuItems: q,
+      handleMenuAction: Se,
+      showContextMenu: I,
+      hideContextMenu: k,
+      getTabTitle: ue,
+      isClosable: fe,
+      isRefreshing: gt,
+      isTabCached: pt,
+      isTabReady: vt,
+      hasCustomSlot: p,
       hasStartSlot: T,
-      hasEndSlot: s,
-      onDragStart: at,
-      onDragOver: it,
-      onDragEnter: lt,
-      onDragLeave: st,
-      onDrop: ut,
-      onDragEnd: Re,
+      hasEndSlot: i,
+      onDragStart: ht,
+      onDragOver: mt,
+      onDragEnter: yt,
+      onDragLeave: Tt,
+      onDrop: Rt,
+      onDragEnd: De,
       setupComponentWatching: Y,
-      cleanupComponentWatching: K,
-      handleComponentRef: U,
-      getReactiveTabTitle: Qe,
-      getComponentCacheKey: we,
-      getRefreshComponentKey: Ze,
-      triggerTabUpdate: C,
-      menuRef: G,
+      cleanupComponentWatching: L,
+      handleComponentRef: F,
+      getReactiveTabTitle: rt,
+      getComponentCacheKey: xe,
+      getRefreshComponentKey: ut,
+      createNamedComponent: at,
+      ensureNamedComponent: lt,
+      shouldRenderRoute: st,
+      triggerTabUpdate: E,
+      menuRef: X,
       highlightedIndex: D,
-      setMenuItemRef: Ge,
-      onMenuKeydown: qe,
-      highlightMenuIndex: F
+      setMenuItemRef: tt,
+      onMenuKeydown: ot,
+      highlightMenuIndex: H,
+      scrollContainer: Q,
+      setTabRef: ft,
+      scrollTabIntoView: de
     };
   }
-}), Ot = (e, n) => {
+}), Gt = (e, r) => {
   const o = e.__vccOpts || e;
-  for (const [l, a] of n)
-    o[l] = a;
+  for (const [s, a] of r)
+    o[s] = a;
   return o;
-}, Ut = { class: "router-tab" }, Vt = { class: "router-tab__header" }, Nt = { class: "router-tab__scroll" }, zt = ["data-title", "draggable", "onClick", "onAuxclick", "onContextmenu", "onDragstart", "onDragover", "onDragenter", "onDrop"], Yt = ["title"], _t = ["onClick"], Ft = { class: "router-tab__container" }, Ht = ["aria-disabled", "disabled", "tabindex", "onMouseenter", "onClick"];
-function Wt(e, n, o, l, a, g) {
-  const T = vt("RouterView");
-  return E(), S("div", Ut, [
-    O("header", Vt, [
-      O("div", {
-        class: H(["router-tab__slot-start", { "has-content": e.hasStartSlot }])
+}, Xt = { class: "router-tab" }, Qt = { class: "router-tab__header" }, Zt = {
+  class: "router-tab__scroll",
+  ref: "scrollContainer"
+}, en = ["data-title", "draggable", "onClick", "onAuxclick", "onContextmenu", "onDragstart", "onDragover", "onDragenter", "onDrop"], tn = ["title"], nn = ["onClick"], on = { class: "router-tab__container" }, rn = ["aria-disabled", "disabled", "tabindex", "onMouseenter", "onClick"];
+function an(e, r, o, s, a, p) {
+  const T = Pt("RouterView");
+  return $(), x("div", Xt, [
+    j("header", Qt, [
+      j("div", {
+        class: J(["router-tab__slot-start", { "has-content": e.hasStartSlot }])
       }, [
-        le(e.$slots, "start")
+        pe(e.$slots, "start")
       ], 2),
-      O("div", Nt, [
-        Ae(yt, se({
+      j("div", Zt, [
+        Le(It, ve({
           tag: "ul",
           class: "router-tab__nav"
         }, e.tabTransitionProps), {
-          default: ue(() => [
-            (E(!0), S(Pe, null, Ie(e.tabs, (s, f) => (E(), S("li", {
-              key: s.id,
-              class: H(e.buildTabClass(s)),
-              "data-title": e.getTabTitle(s),
+          default: he(() => [
+            ($(!0), x(me, null, Oe(e.tabs, (i, b) => ($(), x("li", {
+              key: i.id,
+              class: J(e.buildTabClass(i)),
+              "data-title": e.getTabTitle(i),
               draggable: e.sortable,
-              onClick: (v) => e.activate(s),
-              onAuxclick: ce((v) => e.close(s), ["middle", "prevent"]),
-              onContextmenu: ce((v) => e.showContextMenu(s, v), ["prevent"]),
-              onDragstart: (v) => e.onDragStart(s, f, v),
-              onDragover: (v) => e.onDragOver(f, v),
-              onDragenter: (v) => e.onDragEnter(f),
-              onDragleave: n[0] || (n[0] = (...v) => e.onDragLeave && e.onDragLeave(...v)),
-              onDrop: (v) => e.onDrop(f, v),
-              onDragend: n[1] || (n[1] = (...v) => e.onDragEnd && e.onDragEnd(...v))
+              ref_for: !0,
+              ref: (h) => e.setTabRef(i.id, h),
+              onClick: (h) => e.activate(i),
+              onAuxclick: ye((h) => e.close(i), ["middle", "prevent"]),
+              onContextmenu: ye((h) => e.showContextMenu(i, h), ["prevent"]),
+              onDragstart: (h) => e.onDragStart(i, b, h),
+              onDragover: (h) => e.onDragOver(b, h),
+              onDragenter: (h) => e.onDragEnter(b),
+              onDragleave: r[0] || (r[0] = (...h) => e.onDragLeave && e.onDragLeave(...h)),
+              onDrop: (h) => e.onDrop(b, h),
+              onDragend: r[1] || (r[1] = (...h) => e.onDragEnd && e.onDragEnd(...h))
             }, [
-              s.icon ? (E(), S("i", {
+              i.icon ? ($(), x("i", {
                 key: 0,
-                class: H(["router-tab__item-icon", s.icon])
-              }, null, 2)) : q("", !0),
-              O("span", {
+                class: J(["router-tab__item-icon", i.icon])
+              }, null, 2)) : ee("", !0),
+              j("span", {
                 class: "router-tab__item-title",
-                title: e.getReactiveTabTitle(s)
-              }, $e(e.getReactiveTabTitle(s)), 9, Yt),
-              e.isClosable(s) ? (E(), S("a", {
+                title: e.getReactiveTabTitle(i)
+              }, je(e.getReactiveTabTitle(i)), 9, tn),
+              e.isClosable(i) ? ($(), x("a", {
                 key: 1,
                 class: "router-tab__item-close",
-                onClick: ce((v) => e.close(s), ["stop"])
-              }, null, 8, _t)) : q("", !0)
-            ], 42, zt))), 128))
+                onClick: ye((h) => e.close(i), ["stop"])
+              }, null, 8, nn)) : ee("", !0)
+            ], 42, en))), 128))
           ]),
           _: 1
         }, 16)
-      ]),
-      O("div", {
-        class: H(["router-tab__slot-end", { "has-content": e.hasEndSlot }])
+      ], 512),
+      j("div", {
+        class: J(["router-tab__slot-end", { "has-content": e.hasEndSlot }])
       }, [
-        le(e.$slots, "end")
+        pe(e.$slots, "end")
       ], 2)
     ]),
-    O("div", Ft, [
-      Ae(T, null, {
-        default: ue((s) => [
-          e.hasCustomSlot ? le(e.$slots, "default", Tt(se({ key: 0 }, {
-            ...s,
+    j("div", on, [
+      Le(T, null, {
+        default: he(({ Component: i, route: b }) => [
+          e.hasCustomSlot ? pe(e.$slots, "default", xt(ve({ key: 0 }, {
+            Component: i,
+            route: b,
             controller: e.controller,
-            // Expose a ref binder so custom slots can keep reactivity
-            pageRef: (f) => e.handleComponentRef(f, e.controller.getRouteKey(s.route))
-          }))) : (E(), W(kt, se({ key: 1 }, e.pageTransitionProps, { appear: "" }), {
-            default: ue(() => [
-              e.isRefreshing(s.route) ? (E(), W(fe(s.Component), {
-                key: e.getRefreshComponentKey(s.route),
-                ref: (f) => e.handleComponentRef(f, e.controller.getRouteKey(s.route)),
+            pageRef: (h) => e.handleComponentRef(h, e.controller.getRouteKey(b))
+          }))) : ($(), x(me, { key: 1 }, [
+            e.controller.options.keepAlive ? ($(), te(Dt, {
+              key: 0,
+              include: e.includeKeys
+            }, [
+              i ? ($(), te(ze(e.ensureNamedComponent(i, e.controller.getRouteKey(b))), {
+                key: e.controller.getRouteKey(b),
+                ref: (h) => e.handleComponentRef(h, e.controller.getRouteKey(b)),
                 class: "router-tab-page"
-              })) : e.controller.options.keepAlive ? (E(), W(wt, {
-                key: 1,
-                include: e.includeKeys,
-                max: e.controller.options.maxAlive || void 0
-              }, [
-                e.isTabReady(s.route) ? (E(), W(fe(s.Component), {
-                  key: e.getComponentCacheKey(s.route),
-                  ref: (f) => e.handleComponentRef(f, e.controller.getRouteKey(s.route)),
+              })) : ee("", !0)
+            ], 1032, ["include"])) : ($(), te(Bt, ve({ key: 1 }, e.pageTransitionProps, { appear: "" }), {
+              default: he(() => [
+                i ? ($(), te(ze(i), {
+                  key: e.controller.getRouteKey(b),
+                  ref: (h) => e.handleComponentRef(h, e.controller.getRouteKey(b)),
                   class: "router-tab-page"
-                })) : q("", !0)
-              ], 1032, ["include", "max"])) : e.isTabReady(s.route) ? (E(), W(fe(s.Component), {
-                key: e.getComponentCacheKey(s.route),
-                ref: (f) => e.handleComponentRef(f, e.controller.getRouteKey(s.route)),
-                class: "router-tab-page"
-              })) : q("", !0)
-            ]),
-            _: 2
-          }, 1040))
+                })) : ee("", !0)
+              ]),
+              _: 2
+            }, 1040))
+          ], 64))
         ]),
         _: 3
       })
     ]),
-    ht(O("div", {
+    St(j("div", {
       ref: "menuRef",
       class: "router-tab__contextmenu",
       role: "menu",
-      onKeydown: n[2] || (n[2] = (...s) => e.onMenuKeydown && e.onMenuKeydown(...s)),
-      style: Rt({ left: e.context.position.x + "px", top: e.context.position.y + "px" })
+      onKeydown: r[2] || (r[2] = (...i) => e.onMenuKeydown && e.onMenuKeydown(...i)),
+      style: Mt({ left: e.context.position.x + "px", top: e.context.position.y + "px" })
     }, [
-      (E(!0), S(Pe, null, Ie(e.menuItems, (s, f) => (E(), S("a", {
-        key: s.id,
+      ($(!0), x(me, null, Oe(e.menuItems, (i, b) => ($(), x("a", {
+        key: i.id,
         role: "menuitem",
-        class: H(["router-tab__contextmenu-item", { "is-focused": f === e.highlightedIndex }]),
-        "aria-disabled": s.disabled,
-        disabled: s.disabled,
-        tabindex: s.disabled ? -1 : f === e.highlightedIndex ? 0 : -1,
+        class: J(["router-tab__contextmenu-item", { "is-focused": b === e.highlightedIndex }]),
+        "aria-disabled": i.disabled,
+        disabled: i.disabled,
+        tabindex: i.disabled ? -1 : b === e.highlightedIndex ? 0 : -1,
         ref_for: !0,
-        ref: (v) => e.setMenuItemRef(v, f),
-        onMouseenter: (v) => !s.disabled && e.highlightMenuIndex(f),
-        onClick: (v) => e.handleMenuAction(s)
-      }, $e(s.label), 43, Ht))), 128))
+        ref: (h) => e.setMenuItemRef(h, b),
+        onMouseenter: (h) => !i.disabled && e.highlightMenuIndex(b),
+        onClick: (h) => e.handleMenuAction(i)
+      }, je(i.label), 43, rn))), 128))
     ], 36), [
-      [Ct, e.context.visible && e.context.target]
+      [Lt, e.context.visible && e.context.target]
     ])
   ]);
 }
-const Me = /* @__PURE__ */ Ot(jt, [["render", Wt]]), Jt = {
+const Ye = /* @__PURE__ */ Gt(Jt, [["render", an]]), ln = {
   class: "router-tabs",
   "aria-hidden": "true"
-}, be = /* @__PURE__ */ Oe({
+}, we = /* @__PURE__ */ Ce({
   name: "RouterTabs",
   __name: "RouterTabs",
   props: {
@@ -1030,11 +1128,11 @@ const Me = /* @__PURE__ */ Ot(jt, [["render", Wt]]), Jt = {
     fallbackRoute: {}
   },
   setup(e) {
-    return Ve(e), (o, l) => (E(), S("span", Jt));
+    return He(e), (o, s) => ($(), x("span", ln));
   }
-}), Ne = "tab-theme-style", ze = "tab-theme-primary-color", Gt = "system", Ye = "(prefers-color-scheme: dark)";
-let J = null;
-const R = {
+}), Je = "tab-theme-style", Ge = "tab-theme-primary-color", sn = "system", Xe = "(prefers-color-scheme: dark)";
+let G = null;
+const K = {
   primary: "#034960",
   background: "#ffffff",
   text: "#1e293b",
@@ -1048,7 +1146,7 @@ const R = {
   activeButtonBackground: "#034960",
   activeButtonColor: "#ffffff",
   iconColor: "#475569"
-}, Xt = {
+}, un = {
   primary: "#38bdf8",
   background: "#0f172a",
   text: "#f1f5f9",
@@ -1064,60 +1162,60 @@ const R = {
   activeButtonColor: "#0f172a",
   iconColor: "#cbd5e1"
 };
-function qt(e) {
+function cn(e) {
   if (typeof window > "u") return null;
-  const n = window.localStorage.getItem(e);
-  if (!n) return null;
+  const r = window.localStorage.getItem(e);
+  if (!r) return null;
   try {
-    const o = JSON.parse(n);
+    const o = JSON.parse(r);
     return o && typeof o == "object" ? o : null;
   } catch {
     return null;
   }
 }
-function he(e) {
-  typeof document > "u" || (document.documentElement.style.setProperty("--router-tab-primary", e.primary ?? R.primary), document.documentElement.style.setProperty("--router-tab-header-bg", e.headerBackground ?? R.headerBackground), document.documentElement.style.setProperty("--router-tab-background", e.background ?? R.background), document.documentElement.style.setProperty("--router-tab-active-background", e.activeBackground ?? R.activeBackground), document.documentElement.style.setProperty("--router-tab-text", e.text ?? R.text), document.documentElement.style.setProperty("--router-tab-active-text", e.activeText ?? R.activeText), document.documentElement.style.setProperty("--router-tab-border", e.border ?? R.border), document.documentElement.style.setProperty("--router-tab-active-border", e.activeBorder ?? R.activeBorder), document.documentElement.style.setProperty("--router-tab-button-color", e.buttonColor ?? R.buttonColor), document.documentElement.style.setProperty("--router-tab-active-button-color", e.activeButtonColor ?? R.activeButtonColor), document.documentElement.style.setProperty("--router-tab-button-background", e.buttonBackground ?? R.buttonBackground), document.documentElement.style.setProperty("--router-tab-active-button-background", e.activeButtonBackground ?? R.activeButtonBackground), document.documentElement.style.setProperty("--router-tab-icon-color", e.iconColor ?? R.iconColor));
+function $e(e) {
+  typeof document > "u" || (document.documentElement.style.setProperty("--router-tab-primary", e.primary ?? K.primary), document.documentElement.style.setProperty("--router-tab-header-bg", e.headerBackground ?? K.headerBackground), document.documentElement.style.setProperty("--router-tab-background", e.background ?? K.background), document.documentElement.style.setProperty("--router-tab-active-background", e.activeBackground ?? K.activeBackground), document.documentElement.style.setProperty("--router-tab-text", e.text ?? K.text), document.documentElement.style.setProperty("--router-tab-active-text", e.activeText ?? K.activeText), document.documentElement.style.setProperty("--router-tab-border", e.border ?? K.border), document.documentElement.style.setProperty("--router-tab-active-border", e.activeBorder ?? K.activeBorder), document.documentElement.style.setProperty("--router-tab-button-color", e.buttonColor ?? K.buttonColor), document.documentElement.style.setProperty("--router-tab-active-button-color", e.activeButtonColor ?? K.activeButtonColor), document.documentElement.style.setProperty("--router-tab-button-background", e.buttonBackground ?? K.buttonBackground), document.documentElement.style.setProperty("--router-tab-active-button-background", e.activeButtonBackground ?? K.activeButtonBackground), document.documentElement.style.setProperty("--router-tab-icon-color", e.iconColor ?? K.iconColor));
 }
-function _e(e) {
+function Qe(e) {
   if (typeof document > "u") return;
-  const n = document.documentElement, o = window.matchMedia(Ye), l = () => {
-    n.dataset.theme = o.matches ? "dark" : "light";
+  const r = document.documentElement, o = window.matchMedia(Xe), s = () => {
+    r.dataset.theme = o.matches ? "dark" : "light";
   };
-  J && (o.removeEventListener("change", J), J = null), e === "system" ? (l(), J = () => l(), o.addEventListener("change", J)) : n.dataset.theme = e;
+  G && (o.removeEventListener("change", G), G = null), e === "system" ? (s(), G = () => s(), o.addEventListener("change", G)) : r.dataset.theme = e;
 }
-function Qt(e = {}) {
+function fn(e = {}) {
   if (typeof window > "u") return;
   const {
-    styleKey: n = Ne,
-    primaryKey: o = ze,
-    defaultStyle: l = Gt,
+    styleKey: r = Je,
+    primaryKey: o = Ge,
+    defaultStyle: s = sn,
     defaultPrimary: a
-  } = e, g = window.localStorage.getItem(n) ?? l;
-  _e(g);
-  const s = g === "dark" || g === "system" && window.matchMedia(Ye).matches ? { ...Xt } : { ...R };
-  a && (s.primary = a);
-  const f = qt(o);
-  he(f ? {
-    ...s,
-    ...f
-  } : s);
+  } = e, p = window.localStorage.getItem(r) ?? s;
+  Qe(p);
+  const i = p === "dark" || p === "system" && window.matchMedia(Xe).matches ? { ...un } : { ...K };
+  a && (i.primary = a);
+  const b = cn(o);
+  $e(b ? {
+    ...i,
+    ...b
+  } : i);
 }
-function tn(e, n) {
+function gn(e, r) {
   if (typeof window > "u") return;
-  const o = n?.styleKey ?? Ne;
-  window.localStorage.setItem(o, e), _e(e);
+  const o = r?.styleKey ?? Je;
+  window.localStorage.setItem(o, e), Qe(e);
 }
-function nn(e, n) {
+function pn(e, r) {
   if (typeof window > "u") return;
-  const o = n?.primaryKey ?? ze;
-  window.localStorage.setItem(o, JSON.stringify(e)), he(e);
+  const o = r?.primaryKey ?? Ge;
+  window.localStorage.setItem(o, JSON.stringify(e)), $e(e);
 }
-function Z(e, n) {
-  if (Et(e)) {
-    const l = !At(e);
+function oe(e, r) {
+  if (Ot(e)) {
+    const s = !jt(e);
     return {
       value: e,
-      update: l ? (a) => {
+      update: s ? (a) => {
         e.value = a;
       } : () => {
       }
@@ -1125,94 +1223,94 @@ function Z(e, n) {
   }
   if (typeof e == "function")
     return {
-      value: k(e),
+      value: C(e),
       update: () => {
       }
     };
-  const o = B(
-    e === void 0 ? n : e
+  const o = S(
+    e === void 0 ? r : e
   );
   return {
     value: o,
-    update: (l) => {
-      o.value = l;
+    update: (s) => {
+      o.value = s;
     }
   };
 }
-function ye(e = {}) {
-  const n = Z(e.title, "Untitled"), o = Z(e.icon, ""), l = Z(e.closable, !0), a = Z(e.meta, {});
+function Ae(e = {}) {
+  const r = oe(e.title, "Untitled"), o = oe(e.icon, ""), s = oe(e.closable, !0), a = oe(e.meta, {});
   return {
-    routeTabTitle: n.value,
+    routeTabTitle: r.value,
     routeTabIcon: o.value,
-    routeTabClosable: l.value,
+    routeTabClosable: s.value,
     routeTabMeta: a.value,
-    updateTitle: n.update,
+    updateTitle: r.update,
     updateIcon: o.update,
-    updateClosable: l.update,
+    updateClosable: s.update,
     updateMeta: a.update
   };
 }
-function on(e, n = "Page") {
-  return ye({
-    title: k(() => e.value ? "Loading..." : n),
-    icon: k(() => e.value ? "mdi-loading mdi-spin" : "mdi-page"),
-    closable: k(() => !e.value)
+function vn(e, r = "Page") {
+  return Ae({
+    title: C(() => e.value ? "Loading..." : r),
+    icon: C(() => e.value ? "mdi-loading mdi-spin" : "mdi-page"),
+    closable: C(() => !e.value)
   });
 }
-function rn(e, n = "Page", o = "mdi-page") {
-  return ye({
-    title: k(() => e.value > 0 ? `${n} (${e.value})` : n),
-    icon: k(() => e.value > 0 ? "mdi-bell-badge" : o)
+function hn(e, r = "Page", o = "mdi-page") {
+  return Ae({
+    title: C(() => e.value > 0 ? `${r} (${e.value})` : r),
+    icon: C(() => e.value > 0 ? "mdi-bell-badge" : o)
   });
 }
-function an(e, n = "Page") {
+function mn(e, r = "Page") {
   const o = {
     normal: { suffix: "", icon: "mdi-page" },
     loading: { suffix: " - Loading", icon: "mdi-loading mdi-spin" },
     error: { suffix: " - Error", icon: "mdi-alert" },
     success: { suffix: " - Success", icon: "mdi-check-circle" }
   };
-  return ye({
-    title: k(() => n + o[e.value].suffix),
-    icon: k(() => o[e.value].icon),
-    closable: k(() => e.value !== "loading")
+  return Ae({
+    title: C(() => r + o[e.value].suffix),
+    icon: C(() => o[e.value].icon),
+    closable: C(() => e.value !== "loading")
   });
 }
-let Le = !1;
-const ln = {
-  install(e, n) {
-    if (Le) return;
-    Le = !0;
+let Fe = !1;
+const yn = {
+  install(e, r) {
+    if (Fe) return;
+    Fe = !0;
     const {
       initTheme: o = !0,
-      themeOptions: l,
-      componentName: a = Me.name || "RouterTab",
-      tabsComponentName: g = be.name || "RouterTabs"
-    } = n ?? {};
-    o && Qt(l ?? {}), e.component(a, Me), e.component(g, be), g.toLowerCase() !== "router-tabs" && e.component("router-tabs", be), Object.defineProperty(e.config.globalProperties, "$tabs", {
+      themeOptions: s,
+      componentName: a = Ye.name || "RouterTab",
+      tabsComponentName: p = we.name || "RouterTabs"
+    } = r ?? {};
+    o && fn(s ?? {}), e.component(a, Ye), e.component(p, we), p.toLowerCase() !== "router-tabs" && e.component("router-tabs", we), Object.defineProperty(e.config.globalProperties, "$tabs", {
       configurable: !0,
       enumerable: !1,
       get() {
-        return e._context.provides[te];
+        return e._context.provides[ie];
       },
       set(T) {
-        T && e.provide(te, T);
+        T && e.provide(ie, T);
       }
     });
   }
 };
 export {
-  Me as RouterTab,
-  be as RouterTabs,
-  ln as default,
-  Qt as initRouterTabsTheme,
-  te as routerTabsKey,
-  nn as setRouterTabsPrimary,
-  tn as setRouterTabsTheme,
-  on as useLoadingTab,
-  rn as useNotificationTab,
-  ye as useReactiveTab,
-  De as useRouterTabs,
-  Ve as useRouterTabsPersistence,
-  an as useStatusTab
+  Ye as RouterTab,
+  we as RouterTabs,
+  yn as default,
+  fn as initRouterTabsTheme,
+  ie as routerTabsKey,
+  pn as setRouterTabsPrimary,
+  gn as setRouterTabsTheme,
+  vn as useLoadingTab,
+  hn as useNotificationTab,
+  Ae as useReactiveTab,
+  Ue as useRouterTabs,
+  He as useRouterTabsPersistence,
+  mn as useStatusTab
 };