vue3-router-tab 1.3.4 → 1.3.6

package/dist/vue3-router-tab.js

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