vue3-router-tab 1.0.8 → 1.1.0

package/dist/vue3-router-tab.js

@@ -1,36 +1,35 @@
 import './vue3-router-tab.css';
-import { defineComponent as ae, inject as z, computed as S, unref as Ve, provide as U, ref as J, watch as x, h as Ie, getCurrentInstance as se, reactive as _e, shallowRef as Ke, nextTick as re, onMounted as Ae, onBeforeUnmount as Ne, resolveComponent as $e, createElementBlock as A, openBlock as T, createElementVNode as I, createCommentVNode as K, renderSlot as le, createVNode as j, TransitionGroup as Le, mergeProps as Q, withCtx as M, Fragment as ce, renderList as ue, withModifiers as B, normalizeClass as fe, createTextVNode as De, toDisplayString as de, Transition as pe, createBlock as W, KeepAlive as je, resolveDynamicComponent as be, normalizeStyle as Me } from "vue";
-import { defineStore as Be } from "pinia";
+import { defineComponent as te, inject as z, computed as P, unref as $e, provide as U, ref as B, watch as E, h as Ke, getCurrentInstance as ne, reactive as _e, shallowRef as Ie, nextTick as ae, onMounted as Q, onBeforeUnmount as Ve, resolveComponent as Oe, createElementBlock as A, openBlock as w, createElementVNode as $, createCommentVNode as K, renderSlot as ie, createVNode as D, TransitionGroup as Ne, mergeProps as q, withCtx as L, Fragment as se, renderList as le, withModifiers as j, normalizeClass as re, createTextVNode as De, toDisplayString as ce, Transition as ue, createBlock as W, KeepAlive as Le, resolveDynamicComponent as fe, normalizeStyle as je } from "vue";
 /*!
   * vue-router v4.5.1
   * (c) 2025 Eduardo San Martin Morote
   * @license MIT
   */
-const Ge = typeof document < "u", Ue = Object.assign, ze = Array.isArray;
-function Je(e) {
-  const n = Array.from(arguments).slice(1);
-  console.warn.apply(console, ["[Vue Router warn]: " + e].concat(n));
+const Me = typeof document < "u", Ue = Object.assign, ze = Array.isArray;
+function Be(e) {
+  const t = Array.from(arguments).slice(1);
+  console.warn.apply(console, ["[Vue Router warn]: " + e].concat(t));
 }
-function He(e, n) {
-  return (e.aliasOf || e) === (n.aliasOf || n);
+function Ge(e, t) {
+  return (e.aliasOf || e) === (t.aliasOf || t);
 }
-var ve;
+var de;
 (function(e) {
   e.pop = "pop", e.push = "push";
-})(ve || (ve = {}));
-var he;
+})(de || (de = {}));
+var pe;
 (function(e) {
   e.back = "back", e.forward = "forward", e.unknown = "";
-})(he || (he = {}));
+})(pe || (pe = {}));
 Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
-var me;
+var be;
 (function(e) {
   e[e.aborted = 4] = "aborted", e[e.cancelled = 8] = "cancelled", e[e.duplicated = 16] = "duplicated";
-})(me || (me = {}));
-const qe = Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : ""), ye = Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
+})(be || (be = {}));
+const Je = Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : ""), ve = Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
 Symbol(process.env.NODE_ENV !== "production" ? "router" : "");
 Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
-const ge = Symbol(process.env.NODE_ENV !== "production" ? "router view location" : ""), Xe = /* @__PURE__ */ ae({
+const me = Symbol(process.env.NODE_ENV !== "production" ? "router view location" : ""), He = /* @__PURE__ */ te({
   name: "RouterView",
   // #674 we manually inherit them
   inheritAttrs: !1,
@@ -44,73 +43,73 @@ const ge = Symbol(process.env.NODE_ENV !== "production" ? "router view location"
   // Better compat for @vue/compat users
   // https://github.com/vuejs/router/issues/1315
   compatConfig: { MODE: 3 },
-  setup(e, { attrs: n, slots: a }) {
-    process.env.NODE_ENV !== "production" && Fe();
-    const t = z(ge), i = S(() => e.route || t.value), u = z(ye, 0), d = S(() => {
-      let h = Ve(u);
-      const { matched: b } = i.value;
+  setup(e, { attrs: t, slots: o }) {
+    process.env.NODE_ENV !== "production" && qe();
+    const n = z(me), s = P(() => e.route || n.value), p = z(ve, 0), d = P(() => {
+      let b = $e(p);
+      const { matched: v } = s.value;
       let m;
-      for (; (m = b[h]) && !m.components; )
-        h++;
-      return h;
-    }), f = S(() => i.value.matched[d.value]);
-    U(ye, S(() => d.value + 1)), U(qe, f), U(ge, i);
-    const p = J();
-    return x(() => [p.value, f.value, e.name], ([h, b, m], [k, y, C]) => {
-      b && (b.instances[m] = h, y && y !== b && h && h === k && (b.leaveGuards.size || (b.leaveGuards = y.leaveGuards), b.updateGuards.size || (b.updateGuards = y.updateGuards))), h && b && // if there is no instance but to and from are the same this might be
+      for (; (m = v[b]) && !m.components; )
+        b++;
+      return b;
+    }), l = P(() => s.value.matched[d.value]);
+    U(ve, P(() => d.value + 1)), U(Je, l), U(me, s);
+    const r = B();
+    return E(() => [r.value, l.value, e.name], ([b, v, m], [k, h, T]) => {
+      v && (v.instances[m] = b, h && h !== v && b && b === k && (v.leaveGuards.size || (v.leaveGuards = h.leaveGuards), v.updateGuards.size || (v.updateGuards = h.updateGuards))), b && v && // if there is no instance but to and from are the same this might be
       // the first visit
-      (!y || !He(b, y) || !k) && (b.enterCallbacks[m] || []).forEach((_) => _(h));
+      (!h || !Ge(v, h) || !k) && (v.enterCallbacks[m] || []).forEach((_) => _(b));
     }, { flush: "post" }), () => {
-      const h = i.value, b = e.name, m = f.value, k = m && m.components[b];
+      const b = s.value, v = e.name, m = l.value, k = m && m.components[v];
       if (!k)
-        return we(a.default, { Component: k, route: h });
-      const y = m.props[b], C = y ? y === !0 ? h.params : typeof y == "function" ? y(h) : y : null, g = Ie(k, Ue({}, C, n, {
-        onVnodeUnmounted: (E) => {
-          E.component.isUnmounted && (m.instances[b] = null);
+        return he(o.default, { Component: k, route: b });
+      const h = m.props[v], T = h ? h === !0 ? b.params : typeof h == "function" ? h(b) : h : null, R = Ke(k, Ue({}, T, t, {
+        onVnodeUnmounted: (x) => {
+          x.component.isUnmounted && (m.instances[v] = null);
         },
-        ref: p
+        ref: r
       }));
-      if (process.env.NODE_ENV !== "production" && Ge && g.ref) {
-        const E = {
+      if (process.env.NODE_ENV !== "production" && Me && R.ref) {
+        const x = {
           depth: d.value,
           name: m.name,
           path: m.path,
           meta: m.meta
         };
-        (ze(g.ref) ? g.ref.map((P) => P.i) : [g.ref.i]).forEach((P) => {
-          P.__vrv_devtools = E;
+        (ze(R.ref) ? R.ref.map((S) => S.i) : [R.ref.i]).forEach((S) => {
+          S.__vrv_devtools = x;
         });
       }
       return (
         // pass the vnode to the slot as a prop.
         // h and <component :is="..."> both accept vnodes
-        we(a.default, { Component: g, route: h }) || g
+        he(o.default, { Component: R, route: b }) || R
       );
     };
   }
 });
-function we(e, n) {
+function he(e, t) {
   if (!e)
     return null;
-  const a = e(n);
-  return a.length === 1 ? a[0] : a;
+  const o = e(t);
+  return o.length === 1 ? o[0] : o;
 }
-const Ye = Xe;
-function Fe() {
-  const e = se(), n = e.parent && e.parent.type.name, a = e.parent && e.parent.subTree && e.parent.subTree.type;
-  if (n && (n === "KeepAlive" || n.includes("Transition")) && typeof a == "object" && a.name === "RouterView") {
-    const t = n === "KeepAlive" ? "keep-alive" : "transition";
-    Je(`<router-view> can no longer be used directly inside <transition> or <keep-alive>.
+const Ye = He;
+function qe() {
+  const e = ne(), t = e.parent && e.parent.type.name, o = e.parent && e.parent.subTree && e.parent.subTree.type;
+  if (t && (t === "KeepAlive" || t.includes("Transition")) && typeof o == "object" && o.name === "RouterView") {
+    const n = t === "KeepAlive" ? "keep-alive" : "transition";
+    Be(`<router-view> can no longer be used directly inside <transition> or <keep-alive>.
 Use slot props instead:
 
 <router-view v-slot="{ Component }">
-  <${t}>
+  <${n}>
     <component :is="Component" />
-  </${t}>
+  </${n}>
 </router-view>`);
   }
 }
-function Qe(e = {}) {
+function We(e = {}) {
   return {
     initialTabs: e.initialTabs ?? [],
     keepAlive: e.keepAlive ?? !0,
@@ -120,79 +119,79 @@ function Qe(e = {}) {
     defaultRoute: e.defaultRoute ?? "/"
   };
 }
-function N(e, n) {
-  const a = e.resolve(n);
-  if (!a || !a.matched.length)
-    throw new Error(`[RouterTabs] Unable to resolve route: ${String(n)}`);
-  return a;
+function I(e, t) {
+  const o = e.resolve(t);
+  if (!o || !o.matched.length)
+    throw new Error(`[RouterTabs] Unable to resolve route: ${String(t)}`);
+  return o;
 }
-const We = {
+const Xe = {
   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 $(e) {
-  const n = e.meta?.key;
-  if (typeof n == "function") {
-    const a = n(e);
-    if (typeof a == "string" && a.length) return a;
-  } else if (typeof n == "string" && n.length) {
-    const a = We[n.toLowerCase()];
-    return a ? a(e) : n;
+function V(e) {
+  const t = e.meta?.key;
+  if (typeof t == "function") {
+    const o = t(e);
+    if (typeof o == "string" && o.length) return o;
+  } else if (typeof t == "string" && t.length) {
+    const o = Xe[t.toLowerCase()];
+    return o ? o(e) : t;
   }
   return e.fullPath;
 }
-function ne(e, n) {
-  const a = e.meta?.keepAlive;
-  return typeof a == "boolean" ? a : n;
+function Z(e, t) {
+  const o = e.meta?.keepAlive;
+  return typeof o == "boolean" ? o : t;
 }
-function oe(e, n) {
-  const a = e.meta?.reuse;
-  return typeof a == "boolean" ? a : n;
+function ee(e, t) {
+  const o = e.meta?.reuse;
+  return typeof o == "boolean" ? o : t;
 }
-function Se(e) {
-  const n = e.meta ?? {}, a = {};
-  return "title" in n && (a.title = n.title), "tips" in n && (a.tips = n.tips), "icon" in n && (a.icon = n.icon), "closable" in n && (a.closable = n.closable), "tabClass" in n && (a.tabClass = n.tabClass), "target" in n && (a.target = n.target), "href" in n && (a.href = n.href), a;
+function Ae(e) {
+  const t = e.meta ?? {}, o = {};
+  return "title" in t && (o.title = t.title), "tips" in t && (o.tips = t.tips), "icon" in t && (o.icon = t.icon), "closable" in t && (o.closable = t.closable), "tabClass" in t && (o.tabClass = t.tabClass), "target" in t && (o.target = t.target), "href" in t && (o.href = t.href), o;
 }
-function G(e, n, a) {
-  const t = Se(e);
+function M(e, t, o) {
+  const n = Ae(e);
   return {
-    id: $(e),
+    id: V(e),
     to: e.fullPath,
     fullPath: e.fullPath,
     matched: e,
-    alive: ne(e, a),
-    reusable: oe(e, !1),
-    closable: t.closable ?? !0,
-    ...t,
-    ...n
+    alive: Z(e, o),
+    reusable: ee(e, !1),
+    closable: n.closable ?? !0,
+    ...n,
+    ...t
   };
 }
-function Z(e, n, a, t) {
-  if (!e.find((u) => u.id === n.id)) {
-    if (a === "next" && t) {
-      const u = e.findIndex((d) => d.id === t);
-      if (u > -1) {
-        e.splice(u + 1, 0, n);
+function X(e, t, o, n) {
+  if (!e.find((p) => p.id === t.id)) {
+    if (o === "next" && n) {
+      const p = e.findIndex((d) => d.id === n);
+      if (p > -1) {
+        e.splice(p + 1, 0, t);
         return;
       }
     }
-    e.push(n);
+    e.push(t);
   }
 }
-function Te(e, n, a) {
-  if (!n || n <= 0) return;
-  const t = e.filter((i) => i.alive);
-  for (; t.length > n; ) {
-    const i = t.shift();
-    if (!i || i.id === a) continue;
-    const u = e.findIndex((d) => d.id === i.id);
-    u > -1 && (e[u].alive = !1);
+function ye(e, t, o) {
+  if (!t || t <= 0) return;
+  const n = e.filter((s) => s.alive);
+  for (; n.length > t; ) {
+    const s = n.shift();
+    if (!s || s.id === o) continue;
+    const p = e.findIndex((d) => d.id === s.id);
+    p > -1 && (e[p].alive = !1);
   }
 }
-function Ze(e) {
+function Fe(e) {
   return {
     to: e.to,
     title: e.title,
@@ -202,132 +201,230 @@ function Ze(e) {
     closable: e.closable
   };
 }
-function et(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), n;
+function Qe(e) {
+  const t = {};
+  return "title" in e && (t.title = e.title), "tips" in e && (t.tips = e.tips), "icon" in e && (t.icon = e.icon), "tabClass" in e && (t.tabClass = e.tabClass), "closable" in e && (t.closable = e.closable), t;
 }
-function tt(e, n = {}) {
-  const a = Qe(n), t = _e([]), i = J(null), u = Ke(), d = J(null), f = S(() => t.filter((s) => s.alive).map((s) => s.id));
-  let p = !1;
-  function h(s) {
-    const r = typeof s.matched == "object" ? s : N(e, s);
+function Ze(e, t = {}) {
+  const o = We(t), n = _e([]), s = B(null), p = Ie(), d = B(null), l = P(() => n.filter((i) => i.alive).map((i) => i.id));
+  let r = !1;
+  function b(i) {
+    const c = typeof i.matched == "object" ? i : I(e, i);
     return {
-      key: $(r),
-      fullPath: r.fullPath,
-      alive: ne(r, a.keepAlive),
-      reusable: oe(r, !1),
-      matched: r
+      key: V(c),
+      fullPath: c.fullPath,
+      alive: Z(c, o.keepAlive),
+      reusable: ee(c, !1),
+      matched: c
     };
   }
-  function b(s) {
-    const r = $(s);
-    let l = t.find((w) => w.id === r);
-    return l ? (l.fullPath = s.fullPath, l.to = s.fullPath, l.matched = s, l.alive = ne(s, a.keepAlive), l.reusable = oe(s, l.reusable), Object.assign(l, Se(s)), l) : (l = G(s, {}, a.keepAlive), Z(t, l, a.appendPosition, i.value), Te(t, a.maxAlive, i.value), l);
+  function v(i) {
+    const c = V(i);
+    let u = n.find((y) => y.id === c);
+    return u ? (u.fullPath = i.fullPath, u.to = i.fullPath, u.matched = i, u.alive = Z(i, o.keepAlive), u.reusable = ee(i, u.reusable), Object.assign(u, Ae(i)), u) : (u = M(i, {}, o.keepAlive), X(n, u, o.appendPosition, s.value), ye(n, o.maxAlive, s.value), u);
   }
-  async function m(s, r = !1, l = !0) {
-    const w = N(e, s), O = $(w), V = i.value === O;
-    l === "sameTab" && (l = V), l && await _(O, !0), await e[r ? "replace" : "push"](w), V && await L();
+  async function m(i, c = !1, u = !0) {
+    const y = I(e, i), a = V(y), f = s.value === a;
+    u === "sameTab" && (u = f), u && await _(a, !0), await e[c ? "replace" : "push"](y), f && await O();
   }
-  function k(s) {
-    const r = t.findIndex((w) => w.id === s), l = t[r] || t[r - 1] || t[0];
-    return l ? l.to : a.defaultRoute;
+  function k(i) {
+    const c = n.findIndex((y) => y.id === i), u = n[c] || n[c - 1] || n[0];
+    return u ? u.to : o.defaultRoute;
   }
-  async function y(s = i.value, r = {}) {
-    if (s) {
-      if (!r.force && a.keepLastTab && t.length === 1)
+  async function h(i = s.value, c = {}) {
+    if (i) {
+      if (!c.force && o.keepLastTab && n.length === 1)
         throw new Error("[RouterTabs] Unable to close the final tab when keepLastTab is true.");
-      if (await C(s, { force: r.force }), r.redirect !== null)
-        if (i.value === s) {
-          const l = r.redirect ?? k(s);
-          l && await e.replace(l);
-        } else r.redirect && await e.replace(r.redirect);
+      if (await T(i, { force: c.force }), c.redirect !== null)
+        if (s.value === i) {
+          const u = c.redirect ?? k(i);
+          u && await e.replace(u);
+        } else c.redirect && await e.replace(c.redirect);
     }
   }
-  async function C(s, r = {}) {
-    const l = t.findIndex((w) => w.id === s);
-    l !== -1 && (t.splice(l, 1), d.value === s && (d.value = null), i.value === s && (i.value = null, u.value = void 0));
+  async function T(i, c = {}) {
+    const u = n.findIndex((y) => y.id === i);
+    u !== -1 && (n.splice(u, 1), d.value === i && (d.value = null), s.value === i && (s.value = null, p.value = void 0));
   }
-  async function _(s = i.value ?? void 0, r = !1) {
-    s && (d.value = s, await re(), r || await re(), d.value = null);
+  async function _(i = s.value ?? void 0, c = !1) {
+    i && (d.value = i, await ae(), c || await ae(), d.value = null);
   }
-  async function g(s = !1) {
-    for (const r of t)
-      await _(r.id, s);
+  async function R(i = !1) {
+    for (const c of n)
+      await _(c.id, i);
   }
-  async function E(s = a.defaultRoute) {
-    t.splice(0, t.length), i.value = null, u.value = void 0;
-    for (const r of a.initialTabs) {
-      const l = N(e, r.to), w = G(l, r, a.keepAlive);
-      t.push(w);
+  async function x(i = o.defaultRoute) {
+    n.splice(0, n.length), s.value = null, p.value = void 0;
+    for (const c of o.initialTabs) {
+      const u = I(e, c.to), y = M(u, c, o.keepAlive);
+      n.push(y);
     }
-    await e.replace(s);
+    await e.replace(i);
   }
-  async function L() {
-    const s = i.value;
-    s && await _(s, !0);
+  async function O() {
+    const i = s.value;
+    i && await _(i, !0);
   }
-  function P(s) {
-    return typeof s.matched == "object" ? $(s) : $(N(e, s));
+  function S(i) {
+    return typeof i.matched == "object" ? V(i) : V(I(e, i));
   }
-  function q() {
-    const s = t.find((r) => r.id === i.value);
+  function N() {
+    const i = n.find((c) => c.id === s.value);
     return {
-      tabs: t.map(Ze),
-      active: s ? s.to : null
+      tabs: n.map(Fe),
+      active: i ? i.to : null
     };
   }
-  async function X(s) {
-    p = !0, t.splice(0, t.length), i.value = null, u.value = void 0;
-    const r = s?.tabs ?? [];
-    for (const w of r)
+  async function J(i) {
+    r = !0, n.splice(0, n.length), s.value = null, p.value = void 0;
+    const c = i?.tabs ?? [];
+    for (const y of c)
       try {
-        const O = N(e, w.to), V = et(w), D = G(O, V, a.keepAlive);
-        Z(t, D, "last", null);
+        const a = I(e, y.to), f = Qe(y), g = M(a, f, o.keepAlive);
+        X(n, g, "last", null);
       } catch {
       }
-    p = !1;
-    const l = s?.active ?? r[r.length - 1]?.to ?? a.defaultRoute;
-    if (l)
+    r = !1;
+    const u = i?.active ?? c[c.length - 1]?.to ?? o.defaultRoute;
+    if (u)
       try {
-        await e.replace(l);
+        await e.replace(u);
       } catch {
       }
   }
-  return x(
+  return E(
     () => e.currentRoute.value,
-    (s) => {
-      if (p) return;
-      const r = b(s);
-      i.value = r.id, u.value = r, Te(t, a.maxAlive, i.value);
+    (i) => {
+      if (r) return;
+      const c = v(i);
+      s.value = c.id, p.value = c, ye(n, o.maxAlive, s.value);
     },
     { immediate: !0 }
-  ), a.initialTabs.length && a.initialTabs.forEach((s) => {
-    const r = N(e, s.to), l = G(r, s, a.keepAlive);
-    Z(t, l, "last", null);
+  ), o.initialTabs.length && o.initialTabs.forEach((i) => {
+    const c = I(e, i.to), u = M(c, i, o.keepAlive);
+    X(n, u, "last", null);
   }), {
-    options: a,
-    tabs: t,
-    activeId: i,
-    current: u,
-    includeKeys: f,
+    options: o,
+    tabs: n,
+    activeId: s,
+    current: p,
+    includeKeys: l,
     refreshingKey: d,
     openTab: m,
-    closeTab: y,
-    removeTab: C,
+    closeTab: h,
+    removeTab: T,
     refreshTab: _,
-    refreshAll: g,
-    reset: E,
-    reload: L,
-    getRouteKey: P,
-    matchRoute: h,
-    snapshot: q,
-    hydrate: X
+    refreshAll: R,
+    reset: x,
+    reload: O,
+    getRouteKey: S,
+    matchRoute: b,
+    snapshot: N,
+    hydrate: J
   };
 }
-function ke(e) {
+function ge(e) {
   return e ? typeof e == "string" ? { name: e } : e : {};
 }
-const H = Symbol("RouterTabsContext"), ee = typeof window < "u" && "sessionStorage" in window, nt = ae({
+const G = Symbol("RouterTabsContext"), et = "router-tabs:snapshot";
+function Te(e = {}) {
+  const { optional: t = !1 } = e, o = z(G, null);
+  if (o) return o;
+  const n = z("$tabs", null);
+  if (n) return n;
+  const p = ne()?.appContext.config.globalProperties.$tabs;
+  if (p) return p;
+  if (!t)
+    throw new Error("[RouterTabs] useRouterTabs must be used within <router-tab>.");
+  return null;
+}
+const tt = 864e5;
+function nt(e) {
+  if (typeof document > "u") return null;
+  const t = `${encodeURIComponent(e)}=`, o = document.cookie ? document.cookie.split("; ") : [];
+  for (const n of o)
+    if (n.startsWith(t))
+      return decodeURIComponent(n.slice(t.length));
+  return null;
+}
+function ke(e, t, o) {
+  if (typeof document > "u") return;
+  const {
+    expiresInDays: n = 7,
+    path: s = "/",
+    domain: p,
+    secure: d,
+    sameSite: l = "lax"
+  } = o, r = [`${encodeURIComponent(e)}=${encodeURIComponent(t)}`];
+  if (n !== 1 / 0) {
+    const b = new Date(Date.now() + n * tt).toUTCString();
+    r.push(`Expires=${b}`);
+  }
+  s && r.push(`Path=${s}`), p && r.push(`Domain=${p}`), d && r.push("Secure"), l && r.push(`SameSite=${l.charAt(0).toUpperCase()}${l.slice(1)}`), document.cookie = r.join("; ");
+}
+function we(e, t) {
+  if (typeof document > "u") return;
+  const { path: o = "/", domain: n } = t, s = [`${encodeURIComponent(e)}=`];
+  s.push("Expires=Thu, 01 Jan 1970 00:00:01 GMT"), o && s.push(`Path=${o}`), n && s.push(`Domain=${n}`), document.cookie = s.join("; ");
+}
+const ot = (e) => JSON.stringify(e ?? null), at = (e) => {
+  if (!e) return null;
+  try {
+    return JSON.parse(e);
+  } catch {
+    return null;
+  }
+};
+function xe(e = {}) {
+  const {
+    cookieKey: t = et,
+    serialize: o = ot,
+    deserialize: n = at
+  } = e, s = Te({ optional: !0 }), p = B(!1), d = (l) => {
+    Q(async () => {
+      const r = n(nt(t));
+      if (r && r.tabs?.length)
+        try {
+          p.value = !0, await l.hydrate(r);
+        } finally {
+          p.value = !1;
+        }
+      else
+        try {
+          p.value = !0;
+          const v = e.fallbackRoute ?? l.options.defaultRoute;
+          await l.reset(v);
+        } finally {
+          p.value = !1;
+        }
+      const b = l.snapshot();
+      b.tabs.length ? ke(t, o(b), e) : we(t, e);
+    }), E(
+      () => ({
+        tabs: l.tabs.map((r) => ({
+          to: r.to,
+          title: r.title,
+          tips: r.tips,
+          icon: r.icon,
+          tabClass: r.tabClass,
+          closable: r.closable
+        })),
+        active: l.activeId.value
+      }),
+      () => {
+        if (p.value) return;
+        const r = l.snapshot();
+        r.tabs.length ? ke(t, o(r), e) : we(t, e);
+      },
+      { deep: !0 }
+    );
+  };
+  s ? d(s) : Q(() => {
+    const l = Te({ optional: !0 });
+    l && d(l);
+  });
+}
+const it = te({
   name: "RouterTab",
   components: { RouterView: Ye },
   props: {
@@ -367,19 +464,23 @@ const H = Symbol("RouterTabsContext"), ee = typeof window < "u" && "sessionStora
       type: [Boolean, Array],
       default: !0
     },
-    storage: {
-      type: [Boolean, String],
-      default: !1
+    cookieKey: {
+      type: String,
+      default: null
+    },
+    persistence: {
+      type: Object,
+      default: null
     }
   },
   setup(e) {
-    const n = se();
-    if (!n)
+    const t = ne();
+    if (!t)
       throw new Error("[RouterTab] component must be used within a Vue application context.");
-    const a = n.appContext.app.config.globalProperties.$router;
-    if (!a)
+    const o = t.appContext.app.config.globalProperties.$router;
+    if (!o)
       throw new Error("[RouterTab] Vue Router is required. Make sure to call app.use(router) before RouterTab.");
-    const t = tt(a, {
+    const n = Ze(o, {
       initialTabs: e.tabs,
       keepAlive: e.keepAlive,
       maxAlive: e.maxAlive,
@@ -387,14 +488,17 @@ const H = Symbol("RouterTabsContext"), ee = typeof window < "u" && "sessionStora
       appendPosition: e.append,
       defaultRoute: e.defaultPage
     });
-    U(H, t), n.appContext.config.globalProperties.$tabs = t;
-    const i = S(() => ke(e.tabTransition)), u = S(() => ke(e.pageTransition)), d = _e({
+    if (U(G, n), t.appContext.config.globalProperties.$tabs = n, e.cookieKey || e.persistence) {
+      const a = {
+        ...e.persistence ?? {}
+      };
+      e.cookieKey && (a.cookieKey = e.cookieKey), xe(a);
+    }
+    const s = P(() => ge(e.tabTransition)), p = P(() => ge(e.pageTransition)), d = _e({
       visible: !1,
       target: null,
       position: { x: 0, y: 0 }
-    }), f = S(() => !e.storage || !ee ? null : typeof e.storage == "string" ? e.storage : `router-tabs:${(a.options?.history?.base ?? "") || "default"}`);
-    let p = !!f.value;
-    const h = [
+    }), l = [
       "refresh",
       "refreshAll",
       "close",
@@ -402,279 +506,240 @@ const H = Symbol("RouterTabsContext"), ee = typeof window < "u" && "sessionStora
       "closeRights",
       "closeOthers"
     ];
-    function b(o) {
-      return t.tabs.findIndex((c) => c.id === o);
+    function r(a) {
+      return n.tabs.findIndex((f) => f.id === a);
     }
-    function m(o) {
-      const c = b(o.id);
-      return c > 0 ? t.tabs.slice(0, c) : [];
+    function b(a) {
+      const f = r(a.id);
+      return f > 0 ? n.tabs.slice(0, f) : [];
     }
-    function k(o) {
-      const c = b(o.id);
-      return c > -1 ? t.tabs.slice(c + 1) : [];
+    function v(a) {
+      const f = r(a.id);
+      return f > -1 ? n.tabs.slice(f + 1) : [];
     }
-    function y(o) {
-      return t.tabs.filter((c) => c.id !== o.id);
+    function m(a) {
+      return n.tabs.filter((f) => f.id !== a.id);
     }
-    async function C(o, c) {
-      const v = o.filter((R) => R.closable !== !1);
-      if (v.length) {
-        for (const R of v)
-          t.activeId.value === R.id ? await t.closeTab(R.id, { redirect: c.to, force: !0 }) : await t.removeTab(R.id, { force: !0 });
-        t.activeId.value !== c.id && await t.openTab(c.to, !0, !1);
+    async function k(a, f) {
+      const g = a.filter((C) => C.closable !== !1);
+      if (g.length) {
+        for (const C of g)
+          n.activeId.value === C.id ? await n.closeTab(C.id, { redirect: f.to, force: !0 }) : await n.removeTab(C.id, { force: !0 });
+        n.activeId.value !== f.id && await n.openTab(f.to, !0, !1);
       }
     }
-    const _ = {
+    const h = {
       refresh: {
         label: "Refresh",
-        handler: async ({ target: o }) => {
-          await t.refreshTab(o.id, !0);
+        handler: async ({ target: a }) => {
+          await n.refreshTab(a.id, !0);
         }
       },
       refreshAll: {
         label: "Refresh All",
         handler: async () => {
-          await t.refreshAll(!0);
+          await n.refreshAll(!0);
         }
       },
       close: {
         label: "Close",
-        handler: async ({ target: o }) => {
-          await t.closeTab(o.id);
+        handler: async ({ target: a }) => {
+          await n.closeTab(a.id);
         },
-        enable: ({ target: o }) => s(o)
+        enable: ({ target: a }) => N(a)
       },
       closeLefts: {
         label: "Close to the Left",
-        handler: async ({ target: o }) => {
-          await C(m(o), o);
+        handler: async ({ target: a }) => {
+          await k(b(a), a);
         },
-        enable: ({ target: o }) => m(o).some((c) => c.closable !== !1)
+        enable: ({ target: a }) => b(a).some((f) => f.closable !== !1)
       },
       closeRights: {
         label: "Close to the Right",
-        handler: async ({ target: o }) => {
-          await C(k(o), o);
+        handler: async ({ target: a }) => {
+          await k(v(a), a);
         },
-        enable: ({ target: o }) => k(o).some((c) => c.closable !== !1)
+        enable: ({ target: a }) => v(a).some((f) => f.closable !== !1)
       },
       closeOthers: {
         label: "Close Others",
-        handler: async ({ target: o }) => {
-          await C(y(o), o);
+        handler: async ({ target: a }) => {
+          await k(m(a), a);
         },
-        enable: ({ target: o }) => y(o).some((c) => c.closable !== !1)
+        enable: ({ target: a }) => m(a).some((f) => f.closable !== !1)
       }
     };
-    function g() {
+    function T() {
       d.visible = !1, d.target = null;
     }
-    function E(o, c) {
-      e.contextmenu && (d.visible = !0, d.target = o, d.position.x = c.clientX, d.position.y = c.clientY, document.addEventListener("click", g, { once: !0 }));
+    function _(a, f) {
+      e.contextmenu && (d.visible = !0, d.target = a, d.position.x = f.clientX, d.position.y = f.clientY, document.addEventListener("click", T, { once: !0 }));
     }
-    function L(o, c) {
-      const v = typeof o == "string" ? { id: o } : o, R = _[v.id], xe = v.label ?? R?.label ?? String(v.id), Y = v.visible ?? R?.visible ?? !0;
-      if (!(typeof Y == "function" ? Y(c) : Y !== !1)) return null;
-      const F = v.enable ?? R?.enable ?? !0, Ee = typeof F == "function" ? F(c) : F !== !1, ie = v.handler ?? R?.handler;
-      if (!ie) return null;
-      const Oe = async () => {
-        await Promise.resolve(ie(c));
+    function R(a, f) {
+      const g = typeof a == "string" ? { id: a } : a, C = h[g.id], Pe = g.label ?? C?.label ?? String(g.id), H = g.visible ?? C?.visible ?? !0;
+      if (!(typeof H == "function" ? H(f) : H !== !1)) return null;
+      const Y = g.enable ?? C?.enable ?? !0, Se = typeof Y == "function" ? Y(f) : Y !== !1, oe = g.handler ?? C?.handler;
+      if (!oe) return null;
+      const Ee = async () => {
+        await Promise.resolve(oe(f));
       };
       return {
-        id: String(v.id),
-        label: xe,
-        disabled: !Ee,
-        action: Oe
+        id: String(g.id),
+        label: Pe,
+        disabled: !Se,
+        action: Ee
       };
     }
-    const P = S(() => {
+    const x = P(() => {
       if (!d.visible || !d.target || e.contextmenu === !1) return [];
-      const o = Array.isArray(e.contextmenu) ? e.contextmenu : h, c = { target: d.target, controller: t };
-      return o.map((v) => L(v, c)).filter((v) => !!v);
+      const a = Array.isArray(e.contextmenu) ? e.contextmenu : l, f = { target: d.target, controller: n };
+      return a.map((g) => R(g, f)).filter((g) => !!g);
     });
-    async function q(o) {
-      o.disabled || (g(), await o.action());
+    async function O(a) {
+      a.disabled || (T(), await a.action());
     }
-    function X(o) {
-      return typeof o.title == "string" ? o.title : Array.isArray(o.title) && o.title.length ? String(o.title[0]) : o.fullPath;
+    function S(a) {
+      return typeof a.title == "string" ? a.title : Array.isArray(a.title) && a.title.length ? String(a.title[0]) : a.fullPath;
     }
-    function s(o) {
-      return !(o.closable === !1 || t.options.keepLastTab && t.tabs.length <= 1);
+    function N(a) {
+      return !(a.closable === !1 || n.options.keepLastTab && n.tabs.length <= 1);
     }
-    async function r(o) {
-      await t.closeTab(o.id);
+    async function J(a) {
+      await n.closeTab(a.id);
     }
-    function l(o) {
-      t.activeId.value !== o.id && t.openTab(o.to, !1);
+    function i(a) {
+      n.activeId.value !== a.id && n.openTab(a.to, !1);
     }
-    function w(o) {
+    function c(a) {
       return [
         "router-tab__item",
         {
-          "is-active": t.activeId.value === o.id,
-          "is-closable": s(o)
+          "is-active": n.activeId.value === a.id,
+          "is-closable": N(a)
         },
-        o.tabClass
+        a.tabClass
       ];
     }
-    function O(o) {
-      return t.refreshingKey.value === t.getRouteKey(o);
-    }
-    async function V() {
-      const o = f.value;
-      if (!o || !ee) return;
-      const c = window.sessionStorage.getItem(o);
-      if (c)
-        try {
-          const v = JSON.parse(c);
-          if (!v || !Array.isArray(v.tabs)) return;
-          p = !0, await t.hydrate(v);
-        } catch {
-        } finally {
-          p = !1, D();
-        }
-    }
-    function D() {
-      const o = f.value;
-      if (!(!o || !ee || p))
-        try {
-          const c = t.snapshot();
-          window.sessionStorage.setItem(o, JSON.stringify(c));
-        } catch {
-        }
+    function u(a) {
+      return n.refreshingKey.value === n.getRouteKey(a);
     }
-    Ae(() => {
-      document.addEventListener("keydown", g), V();
-    }), Ne(() => {
-      document.removeEventListener("keydown", g), n.appContext.config.globalProperties.$tabs = null, D();
-    }), x(
+    Q(() => {
+      document.addEventListener("keydown", T);
+    }), Ve(() => {
+      document.removeEventListener("keydown", T), t.appContext.config.globalProperties.$tabs = null;
+    }), E(
       () => e.keepAlive,
-      (o) => {
-        t.options.keepAlive = o;
+      (a) => {
+        n.options.keepAlive = a;
       }
-    ), x(
-      () => t.activeId.value,
-      () => g()
-    ), x(
+    ), E(
+      () => n.activeId.value,
+      () => T()
+    ), E(
       () => e.contextmenu,
-      (o) => {
-        o || g();
+      (a) => {
+        a || T();
       }
-    ), x(
-      () => P.value.length,
-      (o) => {
-        d.visible && o === 0 && g();
+    ), E(
+      () => x.value.length,
+      (a) => {
+        d.visible && a === 0 && T();
       }
-    ), x(
-      () => ({
-        key: f.value,
-        tabs: t.tabs.map((o) => ({
-          to: o.to,
-          title: o.title,
-          tips: o.tips,
-          icon: o.icon,
-          tabClass: o.tabClass,
-          closable: o.closable
-        })),
-        active: t.activeId.value
-      }),
-      () => {
-        D();
-      },
-      { deep: !0 }
     );
-    const Pe = t.includeKeys;
+    const y = n.includeKeys;
     return {
-      controller: t,
-      tabs: t.tabs,
-      includeKeys: Pe,
-      tabTransitionProps: i,
-      pageTransitionProps: u,
-      buildTabClass: w,
-      activate: l,
-      close: r,
+      controller: n,
+      tabs: n.tabs,
+      includeKeys: y,
+      tabTransitionProps: s,
+      pageTransitionProps: p,
+      buildTabClass: c,
+      activate: i,
+      close: J,
       context: d,
-      menuItems: P,
-      handleMenuAction: q,
-      showContextMenu: E,
-      hideContextMenu: g,
-      tabTitle: X,
-      isClosable: s,
-      isRefreshing: O
+      menuItems: x,
+      handleMenuAction: O,
+      showContextMenu: _,
+      hideContextMenu: T,
+      tabTitle: S,
+      isClosable: N,
+      isRefreshing: u
     };
   }
-}), ot = (e, n) => {
-  const a = e.__vccOpts || e;
-  for (const [t, i] of n)
-    a[t] = i;
-  return a;
-}, at = { class: "router-tab" }, st = { class: "router-tab__header" }, it = { class: "router-tab__slot-start" }, rt = { class: "router-tab__scroll" }, lt = ["onClick", "onAuxclick", "onContextmenu"], ct = ["title"], ut = ["onClick"], ft = { class: "router-tab__slot-end" }, dt = { class: "router-tab__container" }, pt = ["aria-disabled", "onClick"];
-function bt(e, n, a, t, i, u) {
-  const d = $e("RouterView");
-  return T(), A("div", at, [
-    I("header", st, [
-      I("div", it, [
-        le(e.$slots, "start")
+}), st = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [n, s] of t)
+    o[n] = s;
+  return o;
+}, lt = { class: "router-tab" }, rt = { class: "router-tab__header" }, ct = { class: "router-tab__slot-start" }, ut = { class: "router-tab__scroll" }, ft = ["onClick", "onAuxclick", "onContextmenu"], dt = ["title"], pt = ["onClick"], bt = { class: "router-tab__slot-end" }, vt = { class: "router-tab__container" }, mt = ["aria-disabled", "onClick"];
+function ht(e, t, o, n, s, p) {
+  const d = Oe("RouterView");
+  return w(), A("div", lt, [
+    $("header", rt, [
+      $("div", ct, [
+        ie(e.$slots, "start")
       ]),
-      I("div", rt, [
-        j(Le, Q({
+      $("div", ut, [
+        D(Ne, q({
           tag: "ul",
           class: "router-tab__nav"
         }, e.tabTransitionProps), {
-          default: M(() => [
-            (T(!0), A(ce, null, ue(e.tabs, (f) => (T(), A("li", {
-              key: f.id,
-              class: fe(e.buildTabClass(f)),
-              onClick: (p) => e.activate(f),
-              onAuxclick: B((p) => e.close(f), ["middle", "prevent"]),
-              onContextmenu: B((p) => e.showContextMenu(f, p), ["prevent"])
+          default: L(() => [
+            (w(!0), A(se, null, le(e.tabs, (l) => (w(), A("li", {
+              key: l.id,
+              class: re(e.buildTabClass(l)),
+              onClick: (r) => e.activate(l),
+              onAuxclick: j((r) => e.close(l), ["middle", "prevent"]),
+              onContextmenu: j((r) => e.showContextMenu(l, r), ["prevent"])
             }, [
-              I("span", {
+              $("span", {
                 class: "router-tab__item-title",
-                title: e.tabTitle(f)
+                title: e.tabTitle(l)
               }, [
-                f.icon ? (T(), A("i", {
+                l.icon ? (w(), A("i", {
                   key: 0,
-                  class: fe(["router-tab__item-icon", f.icon])
+                  class: re(["router-tab__item-icon", l.icon])
                 }, null, 2)) : K("", !0),
-                De(" " + de(e.tabTitle(f)), 1)
-              ], 8, ct),
-              e.isClosable(f) ? (T(), A("a", {
+                De(" " + ce(e.tabTitle(l)), 1)
+              ], 8, dt),
+              e.isClosable(l) ? (w(), A("a", {
                 key: 0,
                 class: "router-tab__item-close",
-                onClick: B((p) => e.close(f), ["stop"])
-              }, null, 8, ut)) : K("", !0)
-            ], 42, lt))), 128))
+                type: "button",
+                onClick: j((r) => e.close(l), ["stop"])
+              }, null, 8, pt)) : K("", !0)
+            ], 42, ft))), 128))
           ]),
           _: 1
         }, 16)
       ]),
-      I("div", ft, [
-        le(e.$slots, "end")
+      $("div", bt, [
+        ie(e.$slots, "end")
       ])
     ]),
-    I("div", dt, [
-      j(d, null, {
-        default: M(({ Component: f, route: p }) => [
-          j(pe, Q(e.pageTransitionProps, { appear: "" }), {
-            default: M(() => [
-              e.controller.options.keepAlive ? (T(), W(je, {
+    $("div", vt, [
+      D(d, null, {
+        default: L(({ Component: l, route: r }) => [
+          D(ue, q(e.pageTransitionProps, { appear: "" }), {
+            default: L(() => [
+              e.controller.options.keepAlive ? (w(), W(Le, {
                 key: 0,
                 include: e.includeKeys,
                 max: e.controller.options.maxAlive || void 0
               }, [
-                e.isRefreshing(p) ? K("", !0) : (T(), W(be(f), {
-                  key: e.controller.getRouteKey(p),
+                e.isRefreshing(r) ? K("", !0) : (w(), W(fe(l), {
+                  key: e.controller.getRouteKey(r),
                   class: "router-tab-page"
                 }))
               ], 1032, ["include", "max"])) : K("", !0)
             ]),
             _: 2
           }, 1040),
-          j(pe, Q(e.pageTransitionProps, { appear: "" }), {
-            default: M(() => [
-              !e.controller.options.keepAlive || e.isRefreshing(p) ? (T(), W(be(f), {
-                key: e.controller.getRouteKey(p) + (e.isRefreshing(p) ? "-refresh" : ""),
+          D(ue, q(e.pageTransitionProps, { appear: "" }), {
+            default: L(() => [
+              !e.controller.options.keepAlive || e.isRefreshing(r) ? (w(), W(fe(l), {
+                key: e.controller.getRouteKey(r) + (e.isRefreshing(r) ? "-refresh" : ""),
                 class: "router-tab-page"
               })) : K("", !0)
             ]),
@@ -684,144 +749,62 @@ function bt(e, n, a, t, i, u) {
         _: 1
       })
     ]),
-    e.context.visible && e.context.target ? (T(), A("div", {
+    e.context.visible && e.context.target ? (w(), A("div", {
       key: 0,
       class: "router-tab__contextmenu",
-      style: Me({ left: e.context.position.x + "px", top: e.context.position.y + "px" })
+      style: je({ left: e.context.position.x + "px", top: e.context.position.y + "px" })
     }, [
-      (T(!0), A(ce, null, ue(e.menuItems, (f) => (T(), A("a", {
-        key: f.id,
+      (w(!0), A(se, null, le(e.menuItems, (l) => (w(), A("a", {
+        key: l.id,
         class: "router-tab__contextmenu-item",
-        "aria-disabled": f.disabled,
-        onClick: B((p) => e.handleMenuAction(f), ["prevent"])
-      }, de(f.label), 9, pt))), 128))
+        "aria-disabled": l.disabled,
+        onClick: j((r) => e.handleMenuAction(l), ["prevent"])
+      }, ce(l.label), 9, mt))), 128))
     ], 4)) : K("", !0)
   ]);
 }
-const Re = /* @__PURE__ */ ot(nt, [["render", bt]]);
-function vt(e = {}) {
-  const { optional: n = !1 } = e, a = z(H, null);
-  if (a) return a;
-  const t = z("$tabs", null);
-  if (t) return t;
-  const u = se()?.appContext.config.globalProperties.$tabs;
-  if (u) return u;
-  if (!n)
-    throw new Error("[RouterTabs] useRouterTabs must be used within <router-tab>.");
-  return null;
-}
-const ht = "router-tabs:persistent";
-function mt(e) {
-  return typeof window > "u" ? null : e === void 0 ? window.localStorage ?? null : e;
-}
-function yt(e) {
-  const n = mt(e.storage), a = e.storageKey ?? ht;
-  return Be(e.storeId ?? "routerTabs", {
-    state: () => ({
-      snapshot: null
-    }),
-    actions: {
-      load() {
-        if (!(!n || this.snapshot))
-          try {
-            const t = n.getItem(a);
-            t && (this.snapshot = JSON.parse(t));
-          } catch {
-          }
-      },
-      setSnapshot(t) {
-        if (this.snapshot = t, !!n)
-          try {
-            t && t.tabs.length ? n.setItem(a, JSON.stringify(t)) : n.removeItem(a);
-          } catch {
-          }
-      },
-      clear() {
-        this.setSnapshot(null);
-      }
-    }
-  });
-}
-function gt(e = {}) {
-  const n = vt({ optional: !0 });
-  if (!n)
-    throw new Error("[RouterTabs] Pinia helper must be used inside <router-tab>.");
-  const t = (e.store ?? yt(e))(), i = J(!1);
-  return Ae(async () => {
-    t.load();
-    const u = t.snapshot;
-    if (u && u.tabs?.length)
-      try {
-        i.value = !0, await n.hydrate(u);
-      } finally {
-        i.value = !1;
-      }
-    else
-      try {
-        i.value = !0;
-        const d = e.fallbackRoute ?? n.options.defaultRoute;
-        await n.reset(d);
-      } finally {
-        i.value = !1;
-      }
-    t.setSnapshot(n.snapshot());
-  }), x(
-    () => ({
-      tabs: n.tabs.map((u) => ({
-        to: u.to,
-        title: u.title,
-        tips: u.tips,
-        icon: u.icon,
-        tabClass: u.tabClass,
-        closable: u.closable
-      })),
-      active: n.activeId.value
-    }),
-    () => {
-      i.value || t.setSnapshot(n.snapshot());
-    },
-    { deep: !0 }
-  ), t;
-}
-const wt = {
+const Re = /* @__PURE__ */ st(it, [["render", ht]]), yt = {
   class: "router-tabs",
   "aria-hidden": "true"
-}, te = /* @__PURE__ */ ae({
+}, F = /* @__PURE__ */ te({
   name: "RouterTabs",
-  __name: "RouterTabsPinia",
+  __name: "RouterTabs",
   props: {
-    storeId: {},
-    storageKey: {},
-    storage: {},
-    fallbackRoute: {},
-    store: { type: [Function, Object] }
+    cookieKey: {},
+    expiresInDays: {},
+    path: {},
+    domain: {},
+    secure: { type: Boolean },
+    sameSite: {},
+    serialize: { type: Function },
+    deserialize: { type: Function },
+    fallbackRoute: {}
   },
   setup(e) {
-    return gt(e), (a, t) => (T(), A("span", wt));
+    return xe(e), (o, n) => (w(), A("span", yt));
   }
 }), Ce = {
   install(e) {
     if (Ce._installed) return;
     Ce._installed = !0;
-    const n = Re.name || "RouterTab", a = te.name || "RouterTabs";
-    e.component(n, Re), e.component(a, te), a !== "router-tabs" && e.component("router-tabs", te), Object.defineProperty(e.config.globalProperties, "$tabs", {
+    const t = Re.name || "RouterTab", o = F.name || "RouterTabs";
+    e.component(t, Re), e.component(o, F), o !== "router-tabs" && e.component("router-tabs", F), Object.defineProperty(e.config.globalProperties, "$tabs", {
       configurable: !0,
       enumerable: !1,
       get() {
-        return e._context.provides[H];
+        return e._context.provides[G];
       },
-      set(t) {
-        t && e.provide(H, t);
+      set(n) {
+        n && e.provide(G, n);
       }
     });
   }
 };
 export {
   Re as RouterTab,
-  te as RouterTabs,
-  te as RouterTabsPinia,
+  F as RouterTabs,
   Ce as default,
-  H as routerTabsKey,
-  vt as useRouterTabs,
-  gt as useRouterTabsPiniaPersistence
+  G as routerTabsKey,
+  Te as useRouterTabs,
+  xe as useRouterTabsPersistence
 };