@vuetify/one 1.0.12 → 1.0.14

package/dist/index.js

@@ -1,61 +1,62 @@
-import { reactive as Ze, toRefs as Ke, ref as ee, shallowRef as F, computed as L, defineComponent as V, openBlock as d, createBlock as v, withCtx as i, renderSlot as B, normalizeStyle as Be, createSlots as G, createCommentVNode as $, watch as W, unref as e, createElementVNode as _, toDisplayString as I, createVNode as o, withModifiers as ze, mergeModels as et, useModel as fe, createElementBlock as w, Fragment as N, createTextVNode as j, renderList as se, mergeProps as Q, onBeforeMount as tt, onMounted as Te, resolveComponent as Re, withDirectives as Le, vShow as He, normalizeClass as ot, pushScopeId as st, popScopeId as nt } from "vue";
-import { defineStore as te } from "pinia";
-import { merge as ke } from "lodash-es";
-import { VBadge as Me } from "vuetify/lib/components/VBadge/index.mjs";
+import { reactive as Ke, toRefs as et, ref as te, shallowRef as N, computed as L, watch as z, defineComponent as k, openBlock as d, createBlock as m, unref as e, withCtx as n, renderSlot as H, normalizeStyle as Re, createSlots as G, createCommentVNode as x, createElementVNode as v, toDisplayString as D, createVNode as o, withModifiers as He, mergeModels as tt, useModel as ae, createElementBlock as S, Fragment as F, createTextVNode as O, onBeforeMount as ot, nextTick as _e, renderList as ne, mergeProps as J, resolveComponent as Me, withDirectives as Fe, vShow as Pe, onMounted as st, normalizeClass as nt, pushScopeId as it, popScopeId as at } from "vue";
+import { defineStore as oe } from "pinia";
+import { merge as Ce } from "lodash-es";
+import { VBadge as Ee } from "vuetify/lib/components/VBadge/index.mjs";
 import { VBtn as Z } from "vuetify/lib/components/VBtn/index.mjs";
-import { VProgressCircular as it } from "vuetify/lib/components/VProgressCircular/index.mjs";
-import { mdiDiscord as Ie, mdiGithub as Ae, mdiSync as at, mdiSyncOff as rt, mdiLogoutVariant as lt, mdiCheck as oe, mdiHome as ct, mdiTextBox as ut, mdiSpaceInvaders as Pe, mdiWhiteBalanceSunny as dt, mdiWeatherNight as pt, mdiDesktopTowerMonitor as mt, mdiImageFilterHdr as ft, mdiRocketLaunchOutline as vt, mdiContrastCircle as _t, mdiCog as ht, mdiCogOutline as gt, mdiFileDocument as bt, mdiCreditCardSettingsOutline as yt, mdiRocketOutline as Vt, mdiCheckCircleOutline as ae, mdiCreditCard as kt, mdiReload as $t, mdiPlaylistCheck as xt, mdiCreditCardOutline as wt, mdiHandHeart as St, mdiInformationOutline as je, mdiMedal as $e, mdiChartLine as Ct, mdiHandHeartOutline as Lt, mdiEmailOpenOutline as It, mdiEmailVariant as At, mdiOpenInNew as Dt, mdiBell as Ut, mdiInboxOutline as Ft, mdiInboxFullOutline as Nt, mdiBellOutline as jt, mdiViewDashboardOutline as Ot, mdiTrashCan as Bt, mdiBug as zt, mdiCrown as Tt, mdiArrowULeftBottom as Rt, mdiLogin as Ht, mdiShieldStarOutline as Mt, mdiReddit as Pt } from "@mdi/js";
-import { VListItem as ve, VList as ne, VListItemTitle as Et } from "vuetify/lib/components/VList/index.mjs";
-import { VAvatar as pe } from "vuetify/lib/components/VAvatar/index.mjs";
-import { VCard as R, VCardText as X } from "vuetify/lib/components/VCard/index.mjs";
-import { VSheet as Ee } from "vuetify/lib/components/VSheet/index.mjs";
-import { VSwitch as We } from "vuetify/lib/components/VSwitch/index.mjs";
-import { VFadeTransition as De, VExpandTransition as le, VExpandXTransition as Wt } from "vuetify/lib/components/transitions/index.mjs";
-import { useDisplay as _e, useTheme as Gt, useDate as he } from "vuetify";
-import { VDialog as qt } from "vuetify/lib/components/VDialog/index.mjs";
-import { VDivider as H } from "vuetify/lib/components/VDivider/index.mjs";
+import { VProgressCircular as rt } from "vuetify/lib/components/VProgressCircular/index.mjs";
+import { mdiDiscord as Ne, mdiGithub as Oe, mdiSync as lt, mdiSyncOff as ct, mdiLogoutVariant as ut, mdiCheck as se, mdiHome as dt, mdiTextBox as pt, mdiSpaceInvaders as We, mdiWhiteBalanceSunny as mt, mdiWeatherNight as ft, mdiDesktopTowerMonitor as vt, mdiImageFilterHdr as _t, mdiRocketLaunchOutline as ht, mdiContrastCircle as gt, mdiCog as bt, mdiCogOutline as yt, mdiFileDocument as Vt, mdiCreditCardSettingsOutline as kt, mdiRocketOutline as $t, mdiCheckCircleOutline as le, mdiCreditCard as xt, mdiReload as wt, mdiPlaylistCheck as St, mdiCreditCardOutline as Ct, mdiHandHeart as Lt, mdiInformationOutline as ze, mdiMedal as Le, mdiChartLine as It, mdiHandHeartOutline as At, mdiEmailOpenOutline as Dt, mdiEmailVariant as Ut, mdiOpenInNew as Ft, mdiBell as Nt, mdiInboxOutline as Ot, mdiInboxFullOutline as Bt, mdiBellOutline as jt, mdiViewDashboardOutline as zt, mdiTrashCan as Tt, mdiBug as Rt, mdiCrown as Ht, mdiArrowULeftBottom as Mt, mdiLogin as Pt, mdiShieldStarOutline as Et, mdiReddit as Wt } from "@mdi/js";
+import { VListItem as he, VList as ie, VListItemTitle as qt } from "vuetify/lib/components/VList/index.mjs";
+import { VAvatar as fe } from "vuetify/lib/components/VAvatar/index.mjs";
+import { VCard as P, VCardText as X } from "vuetify/lib/components/VCard/index.mjs";
+import { VSheet as qe } from "vuetify/lib/components/VSheet/index.mjs";
+import { VSwitch as Ge } from "vuetify/lib/components/VSwitch/index.mjs";
+import { VFadeTransition as Be, VExpandTransition as ue, VExpandXTransition as Gt } from "vuetify/lib/components/transitions/index.mjs";
+import { useDisplay as ge, useTheme as Yt, useDate as be } from "vuetify";
+import { VDialog as Qt } from "vuetify/lib/components/VDialog/index.mjs";
+import { VDivider as E } from "vuetify/lib/components/VDivider/index.mjs";
 import { VIcon as U } from "vuetify/lib/components/VIcon/index.mjs";
-import { VLabel as Se } from "vuetify/lib/components/VLabel/index.mjs";
-import { VChip as q } from "vuetify/lib/components/VChip/index.mjs";
-import { VChipGroup as Yt } from "vuetify/lib/components/VChipGroup/index.mjs";
-import { VSelect as Jt } from "vuetify/lib/components/VSelect/index.mjs";
-import { VRow as ge, VCol as re } from "vuetify/lib/components/VGrid/index.mjs";
-import { VHover as Ge } from "vuetify/lib/components/VHover/index.mjs";
-import { VImg as Ue } from "vuetify/lib/components/VImg/index.mjs";
-import { VItemGroup as qe, VItem as Ce } from "vuetify/lib/components/VItemGroup/index.mjs";
-import { VLayout as Fe } from "vuetify/lib/components/VLayout/index.mjs";
-import { VMain as Ne } from "vuetify/lib/components/VMain/index.mjs";
-import { VDataTableVirtual as Qt } from "vuetify/lib/components/VDataTable/index.mjs";
-import { VSkeletonLoader as Oe } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
-import { VWindow as Ye, VWindowItem as me } from "vuetify/lib/components/VWindow/index.mjs";
-import { VTimeline as Xt, VTimelineItem as xe } from "vuetify/lib/components/VTimeline/index.mjs";
-import { VResponsive as Zt } from "vuetify/lib/components/VResponsive/index.mjs";
-import { VTooltip as ie } from "vuetify/lib/components/VTooltip/index.mjs";
-import { VNavigationDrawer as Kt } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
-import { Ripple as eo } from "vuetify/lib/directives/index.mjs";
-import { VColorPicker as to } from "vuetify/lib/components/VColorPicker/index.mjs";
-import { VMenu as oo } from "vuetify/lib/components/VMenu/index.mjs";
-import { VFooter as so } from "vuetify/lib/components/VFooter/index.mjs";
-const be = te("http", {
+import { VLabel as De } from "vuetify/lib/components/VLabel/index.mjs";
+import { VChip as Y } from "vuetify/lib/components/VChip/index.mjs";
+import { VChipGroup as Jt } from "vuetify/lib/components/VChipGroup/index.mjs";
+import { VSelect as Xt } from "vuetify/lib/components/VSelect/index.mjs";
+import { useRoute as Zt } from "vue-router";
+import { VRow as ye, VCol as ce } from "vuetify/lib/components/VGrid/index.mjs";
+import { VHover as Ye } from "vuetify/lib/components/VHover/index.mjs";
+import { VImg as je } from "vuetify/lib/components/VImg/index.mjs";
+import { VItemGroup as Qe, VItem as Ue } from "vuetify/lib/components/VItemGroup/index.mjs";
+import { VLayout as Ve } from "vuetify/lib/components/VLayout/index.mjs";
+import { VMain as ke } from "vuetify/lib/components/VMain/index.mjs";
+import { VDataTableVirtual as Kt } from "vuetify/lib/components/VDataTable/index.mjs";
+import { VSkeletonLoader as Te } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
+import { VWindow as Je, VWindowItem as ve } from "vuetify/lib/components/VWindow/index.mjs";
+import { VTimeline as eo, VTimelineItem as Ie } from "vuetify/lib/components/VTimeline/index.mjs";
+import { VResponsive as to } from "vuetify/lib/components/VResponsive/index.mjs";
+import { VTooltip as re } from "vuetify/lib/components/VTooltip/index.mjs";
+import { VNavigationDrawer as oo } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
+import { Ripple as so } from "vuetify/lib/directives/index.mjs";
+import { VColorPicker as no } from "vuetify/lib/components/VColorPicker/index.mjs";
+import { VMenu as io } from "vuetify/lib/components/VMenu/index.mjs";
+import { VFooter as ao } from "vuetify/lib/components/VFooter/index.mjs";
+const $e = oe("http", {
   state: () => ({
     url: ""
   }),
   actions: {
     async fetch(u, t = {}) {
-      const a = await fetch(`${this.url}${u}`, {
+      const i = await fetch(`${this.url}${u}`, {
         credentials: "include",
         ...t
       });
-      return a.status === 204 ? a : a.json();
+      return i.status === 204 ? i : i.json();
     },
-    async post(u, t, a = {}) {
+    async post(u, t, i = {}) {
       return this.fetch(u, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
         body: JSON.stringify(t),
-        ...a
+        ...i
       });
     },
     async get(u, t = {}) {
@@ -68,7 +69,7 @@ const be = te("http", {
       });
     }
   }
-}), we = typeof window < "u", de = {
+}), Ae = typeof window < "u", me = {
   v: 5,
   api: "link-only",
   avatar: "",
@@ -106,72 +107,169 @@ const be = te("http", {
       jobs: null
     }
   }
-}, M = te("user", () => {
-  const u = Ze(ke({}, de));
+}, T = oe("user", () => {
+  const u = Ke(Ce({}, me));
   function t() {
-    if (!we)
+    if (!Ae)
       return;
-    const n = localStorage.getItem("vuetify@user"), r = n ? JSON.parse(n) : {};
-    let c = r.v === u.v;
-    r.v || (r.pwaRefresh = !0, typeof r.api == "boolean" && (r.api = r.api ? "inline" : "link-only"), typeof r.rtl == "boolean" && (r.direction = r.rtl ? "rtl" : "ltr", delete r.rtl), typeof r.theme == "object" && (r.mixedTheme = r.theme.mixed, r.theme = r.theme.system ? "system" : r.theme.dark ? "dark" : "light"), Array.isArray(r.notifications) && (r.notifications = { read: r.notifications }), typeof r.last == "object" && (r.notifications.last = r.last, delete r.last)), r.v === 1 && (Array.isArray(r.composition) && (r.composition = "composition"), Array.isArray(r.notifications.last.banner) || (r.notifications = r.notifications || {}, r.notifications.last = r.notifications.last || {}, r.notifications.last.banner = [])), r.v === 2 && (r.syncSettings = !0, r.disableAds = !1, r.v = 3), r.v === 3 && (r.quickbar = !1), r.v === 4 && (r.suits = de.suits, r.notifications.banners = de.notifications.banners, c = !0), r.v = u.v, Object.assign(u, ke(u, r)), c && a();
+    const l = localStorage.getItem("vuetify@user"), a = l ? JSON.parse(l) : {};
+    let r = a.v === u.v;
+    a.v || (a.pwaRefresh = !0, typeof a.api == "boolean" && (a.api = a.api ? "inline" : "link-only"), typeof a.rtl == "boolean" && (a.direction = a.rtl ? "rtl" : "ltr", delete a.rtl), typeof a.theme == "object" && (a.mixedTheme = a.theme.mixed, a.theme = a.theme.system ? "system" : a.theme.dark ? "dark" : "light"), Array.isArray(a.notifications) && (a.notifications = { read: a.notifications }), typeof a.last == "object" && (a.notifications.last = a.last, delete a.last)), a.v === 1 && (Array.isArray(a.composition) && (a.composition = "composition"), Array.isArray(a.notifications.last.banner) || (a.notifications = a.notifications || {}, a.notifications.last = a.notifications.last || {}, a.notifications.last.banner = [])), a.v === 2 && (a.syncSettings = !0, a.disableAds = !1, a.v = 3), a.v === 3 && (a.quickbar = !1), a.v === 4 && (a.suits = me.suits, a.notifications.banners = me.notifications.banners, r = !0), a.v = u.v, Object.assign(u, Ce(u, a)), r && i();
   }
-  function a() {
-    we && localStorage.setItem("vuetify@user", JSON.stringify(u, null, 2));
+  function i() {
+    Ae && localStorage.setItem("vuetify@user", JSON.stringify(u, null, 2));
   }
   function s() {
-    we && (Object.assign(u, ke({}, de)), a());
+    Ae && (Object.assign(u, Ce({}, me)), i());
   }
   return t(), {
-    ...Ke(u),
+    ...et(u),
     load: t,
-    save: a,
+    save: i,
     reset: s
   };
-}), ye = te("notifications", () => {
-  const u = be(), t = M(), a = ee([]), s = F(!1), n = L(() => a.value.filter((l) => !t.notifications.read.includes(l.slug))), r = L(() => a.value.filter((l) => t.notifications.read.includes(l.slug)));
-  async function c() {
+}), j = oe("auth", () => {
+  const u = te(null), t = $e(), i = T(), s = N(!1), l = L(() => {
+    var _, w;
+    return !t.url || ((_ = u.value) == null ? void 0 : _.isAdmin) || !!((w = u.value) != null && w.sponsorships.some((b) => b.isActive));
+  });
+  let a = !1;
+  z(u, (_) => {
+    if (!(_ != null && _.settings))
+      return;
+    const w = localStorage.getItem("vuetify@user") || "{}";
+    JSON.stringify(_.settings, null, 2) !== w && (a = !0, Object.assign(i, _.settings));
+  }), i.$subscribe(() => {
+    a || r(), a = !1;
+  });
+  async function r() {
+    try {
+      await t.post("/user/settings", { settings: i.$state });
+    } catch (_) {
+      console.error(_);
+    }
+  }
+  async function c(_ = !1) {
+    if (c.promise)
+      return c.promise;
+    s.value = !0, c.promise = fetch(`${t.url}/auth/verify`, {
+      credentials: "include",
+      headers: _ ? {
+        "Cache-Control": "no-cache"
+      } : void 0
+    }).then(
+      async (w) => {
+        w.ok ? u.value = (await w.json()).user : w.status === 401 ? u.value = null : console.error(w.statusText);
+      },
+      () => {
+      }
+    ).finally(() => {
+      s.value = !1, c.promise = null;
+    });
+  }
+  c.promise = null;
+  async function h(_ = "github") {
+    s.value = !0;
+    const w = `${t.url}/auth/${_}/redirect`, b = 400, y = 600, $ = window.screenX + (window.innerWidth - b) / 2, B = window.screenY + (window.innerHeight - y) / 2, I = window.open(
+      "",
+      "vuetify:authorize:popup",
+      `popup,left=${$},top=${B},width=${b},height=${y},resizable`
+    );
+    if (!I) {
+      console.error("Failed to open popup");
+      return;
+    }
+    I.location.href = w;
+    let W = -1, K = -1;
+    function A(f) {
+      var V;
+      f.origin === t.url && ((V = f.data) == null ? void 0 : V.type) === "auth-response" && (f.data.status === "success" ? (u.value || localStorage.setItem("vuetify@lastLoginProvider", _), u.value = f.data.body.user) : console.error(f.data.message), M());
+    }
+    function M() {
+      window.removeEventListener("message", A), window.clearInterval(W), window.clearTimeout(K), I == null || I.close(), s.value = !1;
+    }
+    window.addEventListener("message", A), W = window.setInterval(() => {
+      !I || I.closed ? (console.error("Auth popup closed"), M()) : I.postMessage({ type: "auth-request" }, "*");
+    }, 1e3), K = window.setTimeout(() => {
+      M(), console.error("Auth timed out");
+    }, 120 * 1e3);
+  }
+  async function p(_) {
+    s.value = !0;
+    const w = _ ? `/auth/${_}/logout` : "/auth/logout";
+    try {
+      await t.post(w), await c(!0), u.value = null;
+    } catch (b) {
+      console.error(b);
+    } finally {
+      s.value = !1;
+    }
+  }
+  function g(_) {
+    var w;
+    return (w = u.value) == null ? void 0 : w.identities.find((b) => b.provider === _);
+  }
+  function C() {
+    return localStorage.getItem("vuetify@lastLoginProvider");
+  }
+  return C() && c(), {
+    user: u,
+    url: t.url,
+    isLoading: s,
+    findIdentity: g,
+    verify: c,
+    login: h,
+    logout: p,
+    isSubscriber: l,
+    lastLoginProvider: C,
+    sync: r
+  };
+}), xe = oe("notifications", () => {
+  const u = $e(), t = T(), i = te([]), s = N(!1), l = L(() => i.value.filter((c) => !t.notifications.read.includes(c.slug))), a = L(() => i.value.filter((c) => t.notifications.read.includes(c.slug)));
+  async function r() {
     try {
       s.value = !0;
-      const l = await u.get("/one/notifications");
-      a.value = l.notifications;
+      const c = await u.get("/one/notifications");
+      i.value = c.notifications;
     } catch {
     } finally {
       s.value = !1;
     }
-    return a.value;
+    return i.value;
   }
   return {
     isLoading: s,
-    all: a,
-    get: c,
-    read: r,
-    unread: n
+    all: i,
+    get: r,
+    read: a,
+    unread: l
   };
-}), no = /* @__PURE__ */ V({
+}), ro = /* @__PURE__ */ k({
   __name: "VoNotificationsTotalBadge",
   setup(u) {
-    const t = ye(), a = L(() => t.unread.length);
-    return (s, n) => (d(), v(Me, {
-      content: a.value,
-      "model-value": a.value > 0,
+    const t = j(), i = xe(), s = T(), l = L(() => s.notifications.show ? i.unread.length : 0);
+    return (a, r) => (d(), m(Ee, {
+      content: l.value,
+      dot: !!e(t).user,
+      "model-value": l.value > 0,
       color: "error",
       location: "start top"
     }, {
-      default: i(() => [
-        B(s.$slots, "default")
+      default: n(() => [
+        H(a.$slots, "default")
       ]),
       _: 3
-    }, 8, ["content", "model-value"]));
+    }, 8, ["content", "dot", "model-value"]));
   }
-}), ce = /* @__PURE__ */ V({
+}), de = /* @__PURE__ */ k({
   __name: "VoBtn",
   props: {
     readonly: { type: Boolean }
   },
   setup(u) {
     const t = u;
-    return (a, s) => (d(), v(Z, {
-      style: Be({
+    return (i, s) => (d(), m(Z, {
+      style: Re({
         pointerEvents: t.readonly ? "none" : void 0
       }),
       tabindex: t.readonly ? -1 : void 0,
@@ -180,250 +278,154 @@ const be = te("http", {
       size: "small",
       variant: "flat"
     }, G({
-      loader: i(() => [
-        a.$slots.loader ? $("", !0) : (d(), v(it, {
+      loader: n(() => [
+        i.$slots.loader ? x("", !0) : (d(), m(rt, {
           key: 0,
           indeterminate: "disable-shrink",
           size: "16",
           width: "2"
         })),
-        B(a.$slots, "loader")
+        H(i.$slots, "loader")
       ]),
       _: 2
     }, [
-      a.$slots.default ? {
+      i.$slots.default ? {
         name: "default",
-        fn: i(() => [
-          B(a.$slots, "default")
+        fn: n(() => [
+          H(i.$slots, "default")
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["style", "tabindex"]));
   }
-}), z = te("auth", () => {
-  const u = ee(null), t = be(), a = M(), s = F(!1), n = L(() => {
-    var m, k;
-    return !t.url || ((m = u.value) == null ? void 0 : m.isAdmin) || !!((k = u.value) != null && k.sponsorships.some((D) => D.isActive));
-  });
-  let r = !1;
-  W(u, (m) => {
-    if (!(m != null && m.settings))
-      return;
-    const k = localStorage.getItem("vuetify@user") || "{}";
-    JSON.stringify(m.settings, null, 2) !== k && (r = !0, Object.assign(a, m.settings));
-  }), a.$subscribe(() => {
-    r || c(), r = !1;
-  });
-  async function c() {
-    try {
-      await t.post("/user/settings", { settings: a.$state });
-    } catch (m) {
-      console.error(m);
-    }
-  }
-  async function l(m = !1) {
-    if (l.promise)
-      return l.promise;
-    s.value = !0, l.promise = fetch(`${t.url}/auth/verify`, {
-      credentials: "include",
-      headers: m ? {
-        "Cache-Control": "no-cache"
-      } : void 0
-    }).then(
-      async (k) => {
-        k.ok ? u.value = (await k.json()).user : k.status === 401 ? u.value = null : console.error(k.statusText);
-      },
-      () => {
-      }
-    ).finally(() => {
-      s.value = !1, l.promise = null;
-    });
-  }
-  l.promise = null;
-  async function h(m = "github") {
-    s.value = !0;
-    const k = `${t.url}/auth/${m}/redirect`, D = 400, b = 600, x = window.screenX + (window.innerWidth - D) / 2, A = window.screenY + (window.innerHeight - b) / 2, O = window.open(
-      "",
-      "vuetify:authorize:popup",
-      `popup,left=${x},top=${A},width=${D},height=${b},resizable`
-    );
-    if (!O) {
-      console.error("Failed to open popup");
-      return;
-    }
-    O.location.href = k;
-    let S = -1, E = -1;
-    function P(f) {
-      var y;
-      f.origin === t.url && ((y = f.data) == null ? void 0 : y.type) === "auth-response" && (f.data.status === "success" ? (u.value || localStorage.setItem("vuetify@lastLoginProvider", m), u.value = f.data.body.user) : console.error(f.data.message), T());
-    }
-    function T() {
-      window.removeEventListener("message", P), window.clearInterval(S), window.clearTimeout(E), O == null || O.close(), s.value = !1;
-    }
-    window.addEventListener("message", P), S = window.setInterval(() => {
-      !O || O.closed ? (console.error("Auth popup closed"), T()) : O.postMessage({ type: "auth-request" }, "*");
-    }, 1e3), E = window.setTimeout(() => {
-      T(), console.error("Auth timed out");
-    }, 120 * 1e3);
-  }
-  async function p(m) {
-    s.value = !0;
-    const k = m ? `/auth/${m}/logout` : "/auth/logout";
-    try {
-      await t.post(k), await l(!0), u.value = null;
-    } catch (D) {
-      console.error(D);
-    } finally {
-      s.value = !1;
-    }
-  }
-  function g(m) {
-    var k;
-    return (k = u.value) == null ? void 0 : k.identities.find((D) => D.provider === m);
-  }
-  function C() {
-    return localStorage.getItem("vuetify@lastLoginProvider");
-  }
-  return C() && l(), {
-    user: u,
-    url: t.url,
-    isLoading: s,
-    findIdentity: g,
-    verify: l,
-    login: h,
-    logout: p,
-    isSubscriber: n,
-    lastLoginProvider: C,
-    sync: c
-  };
-}), io = { class: "text-body-2" }, ao = /* @__PURE__ */ _("div", { class: "text-caption mt-n1" }, "Last Used", -1), ro = /* @__PURE__ */ V({
+}), lo = { class: "text-body-2" }, co = /* @__PURE__ */ v("div", { class: "text-caption mt-n1" }, "Last Used", -1), uo = /* @__PURE__ */ k({
   __name: "VoAuthDiscord",
   setup(u) {
-    const t = z(), a = L(() => t.user && t.findIdentity("discord")), s = L(() => t.user ? a.value ? "Connected to Discord" : "Connect Discord" : "Log in with Discord");
-    return (n, r) => (d(), v(ve, {
-      "prepend-icon": `svg:${e(Ie)}`,
+    const t = j(), i = L(() => t.user && t.findIdentity("discord")), s = L(() => t.user ? i.value ? "Connected to Discord" : "Connect Discord" : "Log in with Discord");
+    return (l, a) => (d(), m(he, {
+      "prepend-icon": `svg:${e(Ne)}`,
       "base-color": "#5865F2",
       rounded: "pill",
       variant: "flat",
       slim: "",
-      onClick: r[0] || (r[0] = (c) => e(t).login("discord"))
+      onClick: a[0] || (a[0] = (r) => e(t).login("discord"))
     }, G({
-      title: i(() => [
-        _("span", io, I(s.value), 1)
+      title: n(() => [
+        v("span", lo, D(s.value), 1)
       ]),
       _: 2
     }, [
       !e(t).user && e(t).lastLoginProvider() === "discord" ? {
         name: "subtitle",
-        fn: i(() => [
-          ao
+        fn: n(() => [
+          co
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), lo = { class: "text-body-2" }, co = /* @__PURE__ */ _("div", { class: "text-caption mt-n1" }, "Last Used", -1), uo = /* @__PURE__ */ V({
+}), po = { class: "text-body-2" }, mo = /* @__PURE__ */ v("div", { class: "text-caption mt-n1" }, "Last Used", -1), fo = /* @__PURE__ */ k({
   __name: "VoAuthGithub",
   setup(u) {
-    const t = z(), a = L(() => t.user && t.findIdentity("github")), s = L(() => t.user ? a.value ? "Connected to GitHub" : "Connect GitHub" : "Log in with GitHub");
-    return (n, r) => (d(), v(ve, {
-      "prepend-icon": `svg:${e(Ae)}`,
+    const t = j(), i = L(() => t.user && t.findIdentity("github")), s = L(() => t.user ? i.value ? "Connected to GitHub" : "Connect GitHub" : "Log in with GitHub");
+    return (l, a) => (d(), m(he, {
+      "prepend-icon": `svg:${e(Oe)}`,
       "base-color": "#2a2a2a",
       rounded: "pill",
       variant: "flat",
       slim: "",
-      onClick: r[0] || (r[0] = (c) => e(t).login("github"))
+      onClick: a[0] || (a[0] = (r) => e(t).login("github"))
     }, G({
-      title: i(() => [
-        _("span", lo, I(s.value), 1)
+      title: n(() => [
+        v("span", po, D(s.value), 1)
       ]),
       _: 2
     }, [
       !e(t).user && e(t).lastLoginProvider() === "github" ? {
         name: "subtitle",
-        fn: i(() => [
-          co
+        fn: n(() => [
+          mo
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), po = { class: "pa-4 d-flex flex-column ga-4" }, mo = /* @__PURE__ */ V({
+}), vo = { class: "pa-4 d-flex flex-column ga-4" }, _o = /* @__PURE__ */ k({
   __name: "VoAuthListItem",
   setup(u) {
-    const t = z(), a = M(), s = F(!t.user && !t.isLoading);
-    W(() => t.user, (r) => {
-      s.value = !r;
+    const t = j(), i = T(), s = N(!t.user && !t.isLoading);
+    z(() => t.user, (a) => {
+      s.value = !a;
     });
-    function n() {
+    function l() {
       t.user && (s.value = !s.value);
     }
-    return (r, c) => {
-      const l = uo, h = ro;
-      return d(), v(R, {
+    return (a, r) => {
+      const c = fo, h = uo;
+      return d(), m(P, {
         variant: s.value ? "tonal" : "text",
         class: "ma-2",
         rounded: "lg"
       }, {
-        default: i(() => [
-          o(ne, { class: "py-0" }, {
-            default: i(() => [
-              o(ve, {
+        default: n(() => [
+          o(ie, { class: "py-0" }, {
+            default: n(() => [
+              o(he, {
                 link: !!e(t).user,
-                "prepend-icon": `svg:${e(t).user && e(a).syncSettings ? e(at) : e(rt)}`,
-                title: e(t).user && e(a).syncSettings ? "Sync is on" : "Sync is paused",
+                "prepend-icon": `svg:${e(t).user && e(i).syncSettings ? e(lt) : e(ct)}`,
+                title: e(t).user && e(i).syncSettings ? "Sync is on" : "Sync is paused",
                 class: "mb-0",
                 rounded: "b-0",
                 nav: "",
                 slim: "",
-                onClick: n
+                onClick: l
               }, {
-                append: i(() => [
-                  o(De, null, {
-                    default: i(() => [
-                      e(t).user && (s.value || !e(a).syncSettings) ? (d(), v(We, {
+                append: n(() => [
+                  o(Be, null, {
+                    default: n(() => [
+                      e(t).user && (s.value || !e(i).syncSettings) ? (d(), m(Ge, {
                         key: 0,
-                        modelValue: e(a).syncSettings,
-                        "onUpdate:modelValue": c[0] || (c[0] = (p) => e(a).syncSettings = p),
-                        color: e(a).syncSettings ? "success" : void 0,
+                        modelValue: e(i).syncSettings,
+                        "onUpdate:modelValue": r[0] || (r[0] = (p) => e(i).syncSettings = p),
+                        color: e(i).syncSettings ? "success" : void 0,
                         density: "compact",
                         "hide-details": "",
                         inset: "",
-                        onClick: c[1] || (c[1] = ze(() => {
+                        onClick: r[1] || (r[1] = He(() => {
                         }, ["stop"]))
                       }, {
-                        thumb: i(() => [
-                          o(pe, {
-                            color: e(a).syncSettings ? "success" : void 0
+                        thumb: n(() => [
+                          o(fe, {
+                            color: e(i).syncSettings ? "success" : void 0
                           }, null, 8, ["color"])
                         ]),
                         _: 1
-                      }, 8, ["modelValue", "color"])) : $("", !0)
+                      }, 8, ["modelValue", "color"])) : x("", !0)
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }, 8, ["link", "prepend-icon", "title"]),
-              o(le, null, {
-                default: i(() => [
-                  !e(t).user && !e(t).isLoading || s.value ? (d(), v(Ee, {
+              o(ue, null, {
+                default: n(() => [
+                  !e(t).user && !e(t).isLoading || s.value ? (d(), m(qe, {
                     key: 0,
                     border: "t",
                     color: "transparent"
                   }, {
-                    default: i(() => [
-                      _("div", po, [
-                        o(l, {
-                          onClick: c[2] || (c[2] = (p) => s.value = !1)
+                    default: n(() => [
+                      v("div", vo, [
+                        o(c, {
+                          onClick: r[2] || (r[2] = (p) => s.value = !1)
                         }),
                         o(h, {
-                          onClick: c[3] || (c[3] = (p) => s.value = !1)
+                          onClick: r[3] || (r[3] = (p) => s.value = !1)
                         })
                       ])
                     ]),
                     _: 1
-                  })) : $("", !0)
+                  })) : x("", !0)
                 ]),
                 _: 1
               })
@@ -435,51 +437,51 @@ const be = te("http", {
       }, 8, ["variant"]);
     };
   }
-}), Y = /* @__PURE__ */ V({
+}), Q = /* @__PURE__ */ k({
   __name: "VoListItem",
   setup(u) {
-    return (t, a) => (d(), v(ve, { slim: "" }, G({
-      default: i(() => [
-        B(t.$slots, "default")
+    return (t, i) => (d(), m(he, { slim: "" }, G({
+      default: n(() => [
+        H(t.$slots, "default")
       ]),
       _: 2
     }, [
       t.$slots.prepend ? {
         name: "prepend",
-        fn: i(() => [
-          B(t.$slots, "prepend")
+        fn: n(() => [
+          H(t.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       t.$slots.title ? {
         name: "title",
-        fn: i(() => [
-          B(t.$slots, "title")
+        fn: n(() => [
+          H(t.$slots, "title")
         ]),
         key: "1"
       } : void 0,
       t.$slots.append ? {
         name: "append",
-        fn: i(() => [
-          B(t.$slots, "append")
+        fn: n(() => [
+          H(t.$slots, "append")
         ]),
         key: "2"
       } : void 0
     ]), 1024));
   }
-}), fo = /* @__PURE__ */ V({
+}), ho = /* @__PURE__ */ k({
   __name: "VoAuthLogoutListItem",
   setup(u) {
-    const t = z(), a = F(!1);
+    const t = j(), i = N(!1);
     async function s() {
-      a.value = !0, await t.logout(), a.value = !1;
+      i.value = !0, await t.logout(), i.value = !1;
     }
-    return (n, r) => {
-      const c = Y;
-      return d(), v(c, {
-        disabled: a.value,
-        loading: a.value,
-        "prepend-icon": `svg:${e(lt)}`,
+    return (l, a) => {
+      const r = Q;
+      return d(), m(r, {
+        disabled: i.value,
+        loading: i.value,
+        "prepend-icon": `svg:${e(ut)}`,
         class: "mb-0",
         title: "Logout",
         link: "",
@@ -487,9 +489,9 @@ const be = te("http", {
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
     };
   }
-}), Ve = /* @__PURE__ */ V({
+}), we = /* @__PURE__ */ k({
   __name: "VoDialog",
-  props: /* @__PURE__ */ et({
+  props: /* @__PURE__ */ tt({
     prependIcon: {},
     title: {}
   }, {
@@ -498,50 +500,50 @@ const be = te("http", {
   }),
   emits: ["update:modelValue"],
   setup(u) {
-    const t = fe(u, "modelValue"), a = _e();
-    return (s, n) => (d(), v(qt, {
+    const t = ae(u, "modelValue"), i = ge();
+    return (s, l) => (d(), m(Qt, {
       modelValue: t.value,
-      "onUpdate:modelValue": n[1] || (n[1] = (r) => t.value = r),
-      fullscreen: e(a).xs.value,
-      "max-height": e(a).xs.value ? "100%" : 800,
-      "max-width": e(a).xs.value ? "100%" : 800,
+      "onUpdate:modelValue": l[1] || (l[1] = (a) => t.value = a),
+      fullscreen: e(i).xs.value,
+      "max-height": e(i).xs.value ? "100%" : 800,
+      "max-width": e(i).xs.value ? "100%" : 800,
       activator: "parent",
       height: "100%"
     }, {
-      default: i(({ isActive: r }) => [
-        o(R, {
+      default: n(({ isActive: a }) => [
+        o(P, {
           "prepend-icon": s.prependIcon,
           title: s.title,
           class: "overflow-hidden",
           height: "inherit"
         }, G({
-          append: i(() => [
-            B(s.$slots, "append"),
+          append: n(() => [
+            H(s.$slots, "append"),
             o(Z, {
               density: "comfortable",
               icon: "$close",
               size: "small",
               variant: "text",
-              onClick: n[0] || (n[0] = (c) => t.value = !t.value)
+              onClick: l[0] || (l[0] = (r) => t.value = !t.value)
             })
           ]),
-          default: i(() => [
-            o(H, { class: "mt-4" }),
-            B(s.$slots, "default")
+          default: n(() => [
+            o(E, { class: "mt-4" }),
+            H(s.$slots, "default")
           ]),
           _: 2
         }, [
           s.$slots.prepend ? {
             name: "prepend",
-            fn: i(() => [
-              B(s.$slots, "prepend")
+            fn: n(() => [
+              H(s.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
           s.$slots.actions ? {
             name: "actions",
-            fn: i(() => [
-              B(s.$slots, "actions", { isActive: r })
+            fn: n(() => [
+              H(s.$slots, "actions", { isActive: a })
             ]),
             key: "1"
           } : void 0
@@ -550,20 +552,20 @@ const be = te("http", {
       _: 3
     }, 8, ["modelValue", "fullscreen", "max-height", "max-width"]));
   }
-}), Je = /* @__PURE__ */ V({
+}), Xe = /* @__PURE__ */ k({
   __name: "VoSwitch",
   props: {
     disabled: { type: Boolean }
   },
   setup(u) {
-    return (t, a) => (d(), v(We, {
+    return (t, i) => (d(), m(Ge, {
       disabled: t.disabled,
-      "true-icon": `svg:${e(oe)}`,
+      "true-icon": `svg:${e(se)}`,
       color: "primary",
       density: "compact",
       inset: ""
     }, G({
-      thumb: i(() => [
+      thumb: n(() => [
         o(U, {
           color: t.disabled ? void 0 : "primary"
         }, null, 8, ["color"])
@@ -572,40 +574,40 @@ const be = te("http", {
     }, [
       t.$slots.label ? {
         name: "label",
-        fn: i(() => [
-          B(t.$slots, "label")
+        fn: n(() => [
+          H(t.$slots, "label")
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["disabled", "true-icon"]));
   }
-}), vo = {
+}), go = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
-}, ue = /* @__PURE__ */ V({
+}, pe = /* @__PURE__ */ k({
   __name: "VoDialogSubheader",
   props: {
     title: {},
     text: {}
   },
   setup(u) {
-    return (t, a) => (d(), w(N, null, [
-      t.title ? (d(), v(Se, {
+    return (t, i) => (d(), S(F, null, [
+      t.title ? (d(), m(De, {
         key: 0,
         class: "font-weight-black"
       }, {
-        default: i(() => [
-          j(I(t.title), 1)
+        default: n(() => [
+          O(D(t.title), 1)
         ]),
         _: 1
-      })) : $("", !0),
-      t.text ? (d(), w("div", vo, I(t.text), 1)) : $("", !0)
+      })) : x("", !0),
+      t.text ? (d(), S("div", go, D(t.text), 1)) : x("", !0)
     ], 64));
   }
-}), _o = { key: 0 }, ho = /* @__PURE__ */ V({
+}), bo = { key: 0 }, yo = /* @__PURE__ */ k({
   __name: "VoSettingsPageSuitOption",
   setup(u) {
-    const t = M(), a = [
+    const t = T(), i = [
       {
         title: "Choose a page suit",
         value: "",
@@ -613,7 +615,7 @@ const be = te("http", {
       },
       {
         title: "Blackguard",
-        prependIcon: `svg:${Pe}`,
+        prependIcon: `svg:${We}`,
         value: "blackguard"
       }
       // {
@@ -627,23 +629,23 @@ const be = te("http", {
       //   value: 'nebula',
       // },
     ];
-    return (s, n) => {
-      const r = Je, c = ue;
-      return d(), w(N, null, [
-        o(r, {
+    return (s, l) => {
+      const a = Xe, r = pe;
+      return d(), S(F, null, [
+        o(a, {
           modelValue: e(t).suits.show,
-          "onUpdate:modelValue": n[0] || (n[0] = (l) => e(t).suits.show = l),
+          "onUpdate:modelValue": l[0] || (l[0] = (c) => e(t).suits.show = c),
           class: "mb-2",
           label: "Enable Page suits",
           messages: "Customize layout elements with a unique background, styled after one of our themed releases."
         }, null, 8, ["modelValue"]),
-        o(le, null, {
-          default: i(() => [
-            e(t).suits.show ? (d(), w("div", _o, [
-              o(Jt, {
+        o(ue, null, {
+          default: n(() => [
+            e(t).suits.show ? (d(), S("div", bo, [
+              o(Xt, {
                 modelValue: e(t).suits.suit,
-                "onUpdate:modelValue": n[1] || (n[1] = (l) => e(t).suits.suit = l),
-                items: a,
+                "onUpdate:modelValue": l[1] || (l[1] = (c) => e(t).suits.suit = c),
+                items: i,
                 density: "compact",
                 placeholder: "Choose a page suit",
                 style: { "max-width": "300px" },
@@ -652,34 +654,34 @@ const be = te("http", {
                 "item-props": "",
                 "single-line": ""
               }, {
-                selection: i(({ item: l }) => [
+                selection: n(({ item: c }) => [
                   o(U, {
-                    icon: l.props.prependIcon,
+                    icon: c.props.prependIcon,
                     size: "x-small",
                     start: ""
                   }, null, 8, ["icon"]),
-                  j(" " + I(l.title), 1)
+                  O(" " + D(c.title), 1)
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
-              o(c, { text: "Select your suit elements to display the background image:" }),
-              o(Yt, {
+              o(r, { text: "Select your suit elements to display the background image:" }),
+              o(Jt, {
                 modelValue: e(t).suits.elements,
-                "onUpdate:modelValue": n[2] || (n[2] = (l) => e(t).suits.elements = l),
+                "onUpdate:modelValue": l[2] || (l[2] = (c) => e(t).suits.elements = c),
                 color: "primary",
                 filter: "",
                 multiple: ""
               }, {
-                default: i(() => [
-                  o(q, {
-                    "append-icon": `svg:${e(ct)}`,
+                default: n(() => [
+                  o(Y, {
+                    "append-icon": `svg:${e(dt)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
                     value: "app-bar",
                     variant: "flat"
                   }, {
-                    append: i(() => [
-                      o(H, {
+                    append: n(() => [
+                      o(E, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
@@ -687,15 +689,15 @@ const be = te("http", {
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  o(q, {
-                    "append-icon": `svg:${e(ut)}`,
+                  o(Y, {
+                    "append-icon": `svg:${e(pt)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
                     value: "drawer",
                     variant: "flat"
                   }, {
-                    append: i(() => [
-                      o(H, {
+                    append: n(() => [
+                      o(E, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
@@ -703,15 +705,15 @@ const be = te("http", {
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  o(q, {
+                  o(Y, {
                     "append-icon": "$info",
                     "filter-icon": "$success",
                     text: "Footer",
                     value: "footer",
                     variant: "flat"
                   }, {
-                    append: i(() => [
-                      o(H, {
+                    append: n(() => [
+                      o(E, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
@@ -722,7 +724,7 @@ const be = te("http", {
                 ]),
                 _: 1
               }, 8, ["modelValue"])
-            ])) : $("", !0)
+            ])) : x("", !0)
           ]),
           _: 1
         })
@@ -730,7 +732,142 @@ const be = te("http", {
     };
   }
 });
-function go() {
+function Se() {
+  const u = Zt();
+  return L(
+    () => u.query
+  );
+}
+const q = oe("one", () => {
+  const t = new URLSearchParams(window.location.search).get("session_id"), i = j(), s = $e(), l = N(!1), a = te(!1), r = te(), c = te([]), h = L(() => {
+    var f;
+    return (f = r.value) == null ? void 0 : f.items[0].plan.interval;
+  }), p = L(() => {
+    var f;
+    return (f = i.user) == null ? void 0 : f.sponsorships.find((V) => V.platform === "stripe" && V.tierName.startsWith("sub_"));
+  }), g = L(() => {
+    var f;
+    return !!((f = p.value) != null && f.tierName);
+  }), C = L(() => {
+    var f;
+    return (f = p.value) == null ? void 0 : f.isActive;
+  }), _ = L(() => {
+    var f;
+    return (f = i.user) == null ? void 0 : f.sponsorships.find((V) => V.platform === "github");
+  }), w = L(() => {
+    var f;
+    return (f = i.user) == null ? void 0 : f.sponsorships.find((V) => V.platform === "discord");
+  }), b = L(() => {
+    var f;
+    return (f = i.user) == null ? void 0 : f.sponsorships.find((V) => V.platform === "patreon");
+  }), y = L(() => {
+    var f;
+    return (f = i.user) == null ? void 0 : f.sponsorships.reduce((V, R) => {
+      if (!R.isActive || R.interval === "once" || R.platform === "stripe")
+        return V;
+      const ee = R.interval === "month" ? R.amount : R.amount / 12;
+      return V + ee / 100;
+    }, 0);
+  });
+  ot(async () => {
+    t && await $();
+  }), z(C, (f, V) => {
+    f === !1 && V !== !0 || A();
+  });
+  async function $() {
+    try {
+      l.value = !0;
+      const f = await s.post("/one/activate", { sessionId: t });
+      i.user = f.user;
+      const V = new URL(window.location.href);
+      V.searchParams.delete("session_id"), history.pushState(null, "", V.toString()), M();
+    } catch {
+    } finally {
+      l.value = !1;
+    }
+  }
+  async function B() {
+    window.open(`${s.url}/one/manage`, "_blank");
+  }
+  async function I(f) {
+    l.value = !0, window.location.href = `${s.url}/one/subscribe?interval=${f}`;
+  }
+  async function W() {
+    var f;
+    if (p.value)
+      try {
+        l.value = !0;
+        const V = await s.post(
+          `/one/cancel?subscriptionId=${(f = p.value) == null ? void 0 : f.tierName}`
+        );
+        i.user = V.user;
+      } catch {
+      } finally {
+        l.value = !1;
+      }
+  }
+  async function K(f) {
+    if (p.value)
+      try {
+        l.value = !0;
+        const V = await s.post("/one/modify", {
+          subscriptionId: p.value.tierName,
+          interval: f
+        });
+        i.user = V.user;
+      } catch {
+      } finally {
+        l.value = !1;
+      }
+  }
+  async function A() {
+    var f;
+    if (p.value)
+      try {
+        l.value = !0;
+        const V = await s.post(
+          `/one/verify?subscriptionId=${(f = p.value) == null ? void 0 : f.tierName}`
+        );
+        i.user = V.user;
+      } catch {
+      } finally {
+        l.value = !1;
+      }
+  }
+  async function M() {
+    try {
+      l.value = !0;
+      const f = await s.get("/one/info");
+      return r.value = f.subscription, c.value = f.invoices, f;
+    } catch {
+    } finally {
+      l.value = !1;
+    }
+  }
+  return {
+    info: r,
+    interval: h,
+    invoices: c,
+    sessionId: t,
+    subscription: p,
+    monthlyTotal: y,
+    hasBilling: g,
+    isLoading: l,
+    isOpen: a,
+    isSubscriber: C,
+    github: _,
+    patreon: b,
+    discord: w,
+    activate: $,
+    cancel: W,
+    manage: B,
+    modify: K,
+    subscribe: I,
+    subscriptionInfo: M,
+    verify: A
+  };
+});
+function Vo() {
   return {
     blackguard: {
       dark: !0,
@@ -846,8 +983,8 @@ function go() {
     }
   };
 }
-const Qe = te("settings", () => {
-  const u = "https://cdn.vuetifyjs.com/docs/images/one/", t = z(), a = M(), s = Gt(), n = go(), r = {
+const Ze = oe("settings", () => {
+  const u = "https://cdn.vuetifyjs.com/docs/images/one/", t = j(), i = T(), s = Yt(), l = Vo(), a = {
     blackguard: {
       "app-bar": u + "suits/blackguard/blackguard-app-bar.png",
       drawer: u + "suits/blackguard/blackguard-app-drawer.png",
@@ -863,24 +1000,24 @@ const Qe = te("settings", () => {
     //   'drawer': '',
     //   footer: '',
     // },
-  }, c = L(() => {
-    if (!a.suits.suit || !a.suits.show || !t.isSubscriber)
+  }, r = L(() => {
+    if (!i.suits.suit || !i.suits.show || !t.isSubscriber)
       return {};
-    const l = r[a.suits.suit.toLowerCase()], h = {};
-    for (const p of a.suits.elements)
-      h[p] = l[p];
+    const c = a[i.suits.suit.toLowerCase()], h = {};
+    for (const p of i.suits.elements)
+      h[p] = c[p];
     return h;
   });
   return s.themes.value = {
     ...s.themes.value,
-    ...n
-  }, W(() => a.theme, (l) => {
-    l === "system" ? s.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : s.global.name.value = l, a.theme = l;
+    ...l
+  }, z(() => i.theme, (c) => {
+    c === "system" ? s.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : s.global.name.value = c, i.theme = c;
   }, { immediate: !0 }), {
-    suit: c,
+    suit: r,
     CDN_URL: u
   };
-}), bo = /* @__PURE__ */ V({
+}), ko = /* @__PURE__ */ k({
   __name: "VoSettingsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -888,114 +1025,116 @@ const Qe = te("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    const t = fe(u, "modelValue"), a = z(), s = Qe(), n = M(), r = [
+    const t = ae(u, "modelValue"), i = j(), s = q(), l = Ze(), a = T(), r = [
       {
         title: "Light",
         subtitle: "A standard light theme.",
-        image: s.CDN_URL + "themes/light.png",
-        prependIcon: `svg:${dt}`,
+        image: l.CDN_URL + "themes/light.png",
+        prependIcon: `svg:${mt}`,
         value: "light"
       },
       {
         title: "Dark",
         subtitle: "A standard dark theme.",
-        image: s.CDN_URL + "themes/dark.png",
-        prependIcon: `svg:${pt}`,
+        image: l.CDN_URL + "themes/dark.png",
+        prependIcon: `svg:${ft}`,
         value: "dark"
       },
       {
         title: "System",
         subtitle: "A theme based on the system preference.",
-        image: s.CDN_URL + "themes/system.png",
-        prependIcon: `svg:${mt}`,
+        image: l.CDN_URL + "themes/system.png",
+        prependIcon: `svg:${vt}`,
         value: "system"
       },
       {
         title: "Blackguard",
         subtitle: "A theme for v3.4 Blackguard.",
-        image: s.CDN_URL + "themes/blackguard.png",
-        prependIcon: `svg:${Pe}`,
+        image: l.CDN_URL + "themes/blackguard.png",
+        prependIcon: `svg:${We}`,
         value: "blackguard"
       },
       {
         title: "Polaris",
         subtitle: "A theme for v3.5 Polaris.",
-        image: s.CDN_URL + "themes/polaris.png",
-        prependIcon: `svg:${ft}`,
+        image: l.CDN_URL + "themes/polaris.png",
+        prependIcon: `svg:${_t}`,
         value: "polaris",
         disabled: !0
       },
       {
         title: "Nebula",
         subtitle: "A theme for v3.6 Nebula.",
-        image: s.CDN_URL + "themes/nebula.png",
-        prependIcon: `svg:${vt}`,
+        image: l.CDN_URL + "themes/nebula.png",
+        prependIcon: `svg:${ht}`,
         value: "nebula",
         disabled: !0
       },
       {
         title: "High Contrast",
         subtitle: "A theme for high contrast.",
-        image: s.CDN_URL + "themes/high-contrast.png",
-        prependIcon: `svg:${_t}`,
+        image: l.CDN_URL + "themes/high-contrast.png",
+        prependIcon: `svg:${gt}`,
         value: "highContrast",
         disabled: !0
       }
-    ];
-    return (c, l) => {
-      const h = ue, p = ho, g = Je, C = Ve;
-      return d(), v(C, {
+    ], c = Se();
+    return z(c, async () => {
+      c.value.one === "settings" && (s.isOpen = !0, await _e(), t.value = !0);
+    }, { immediate: !0 }), (h, p) => {
+      const g = pe, C = yo, _ = Xe, w = we;
+      return d(), m(w, {
         modelValue: t.value,
-        "onUpdate:modelValue": l[5] || (l[5] = (m) => t.value = m),
-        "prepend-icon": `svg:${e(ht)}`,
+        "onUpdate:modelValue": p[5] || (p[5] = (b) => t.value = b),
+        "prepend-icon": `svg:${e(bt)}`,
         title: "Settings"
       }, {
-        default: i(() => [
-          o(Fe, null, {
-            default: i(() => [
-              o(Ne, { scrollable: "" }, {
-                default: i(() => [
+        default: n(() => [
+          o(Ve, null, {
+            default: n(() => [
+              o(ke, { scrollable: "" }, {
+                default: n(() => [
                   o(X, { class: "px-7" }, {
-                    default: i(() => [
-                      o(h, {
+                    default: n(() => [
+                      o(g, {
                         text: "Customize your documentation experience with light and dark themes, as well as a combination of both named.",
                         title: "Theme"
                       }),
-                      o(qe, {
-                        modelValue: e(n).theme,
-                        "onUpdate:modelValue": l[0] || (l[0] = (m) => e(n).theme = m),
+                      o(Qe, {
+                        modelValue: e(a).theme,
+                        "onUpdate:modelValue": p[0] || (p[0] = (b) => e(a).theme = b),
                         mandatory: ""
                       }, {
-                        default: i(() => [
-                          o(ge, { dense: "" }, {
-                            default: i(() => [
-                              (d(), w(N, null, se(r, (m, k) => o(re, {
-                                key: k,
+                        default: n(() => [
+                          o(ye, { dense: "" }, {
+                            default: n(() => [
+                              (d(), S(F, null, ne(r, (b, y) => o(ce, {
+                                key: y,
                                 cols: "12",
                                 md: "6"
                               }, {
-                                default: i(() => [
-                                  o(Ce, {
-                                    value: m.value
+                                default: n(() => [
+                                  o(Ue, {
+                                    value: b.value
                                   }, {
-                                    default: i(({ toggle: D, isSelected: b }) => [
-                                      o(Ge, null, {
-                                        default: i(({ props: x, isHovering: A }) => [
-                                          o(R, Q({
-                                            color: b ? "primary" : "surface-variant",
-                                            disabled: m.disabled,
-                                            image: m.image,
-                                            "prepend-icon": m.prependIcon,
-                                            ripple: !m.disabled,
-                                            subtitle: m.disabled ? "In Development" : m.subtitle,
-                                            title: m.title,
+                                    default: n(({ toggle: $, isSelected: B }) => [
+                                      o(Ye, null, {
+                                        default: n(({ props: I, isHovering: W }) => [
+                                          o(P, J({
+                                            color: B ? "primary" : "surface-variant",
+                                            disabled: b.disabled,
+                                            image: b.image,
+                                            "prepend-icon": b.prependIcon,
+                                            ripple: !b.disabled,
+                                            subtitle: b.disabled ? "In Development" : b.subtitle,
+                                            title: b.title,
                                             height: "76",
                                             variant: "tonal"
-                                          }, x, { onClick: D }), {
-                                            image: i(() => [
-                                              o(Ue, {
-                                                style: Be({
-                                                  filter: b || A ? "none" : "grayscale(100%)"
+                                          }, I, { onClick: $ }), {
+                                            image: n(() => [
+                                              o(je, {
+                                                style: Re({
+                                                  filter: B || W ? "none" : "grayscale(100%)"
                                                 })
                                               }, null, 8, ["style"])
                                             ]),
@@ -1016,65 +1155,65 @@ const Qe = te("settings", () => {
                         ]),
                         _: 1
                       }, 8, ["modelValue"]),
-                      e(a).isSubscriber ? (d(), w(N, { key: 0 }, [
-                        o(H, { class: "mt-6 mb-4" }),
-                        o(p)
-                      ], 64)) : $("", !0)
+                      e(i).isSubscriber ? (d(), S(F, { key: 0 }, [
+                        o(E, { class: "mt-6 mb-4" }),
+                        o(C)
+                      ], 64)) : x("", !0)
                     ]),
                     _: 1
                   }),
-                  o(H),
+                  o(E),
                   o(X, { class: "px-7" }, {
-                    default: i(() => [
-                      o(h, {
+                    default: n(() => [
+                      o(g, {
                         text: "These options change your browsing experience within Vuetify properties",
                         title: "Experience"
                       }),
-                      e(a).isSubscriber ? (d(), v(g, {
+                      e(i).isSubscriber ? (d(), m(_, {
                         key: 0,
-                        modelValue: e(n).disableAds,
-                        "onUpdate:modelValue": l[1] || (l[1] = (m) => e(n).disableAds = m),
+                        modelValue: e(a).disableAds,
+                        "onUpdate:modelValue": p[1] || (p[1] = (b) => e(a).disableAds = b),
                         class: "mb-2",
                         label: "Disable Ads",
                         messages: "Disable traditional advertisements on all documentation pages."
-                      }, null, 8, ["modelValue"])) : $("", !0),
-                      o(g, {
-                        modelValue: e(n).quickbar,
-                        "onUpdate:modelValue": l[2] || (l[2] = (m) => e(n).quickbar = m),
+                      }, null, 8, ["modelValue"])) : x("", !0),
+                      o(_, {
+                        modelValue: e(a).quickbar,
+                        "onUpdate:modelValue": p[2] || (p[2] = (b) => e(a).quickbar = b),
                         label: "Enable Quick Actions",
                         messages: "Quick actions are located on the Vuetify One user menu and provide quick access to common tasks."
                       }, null, 8, ["modelValue"])
                     ]),
                     _: 1
                   }),
-                  o(H),
-                  e(a).isSubscriber ? (d(), v(X, {
+                  o(E),
+                  e(i).isSubscriber ? (d(), m(X, {
                     key: 0,
                     class: "px-7"
                   }, {
-                    default: i(() => [
-                      o(h, {
+                    default: n(() => [
+                      o(g, {
                         text: "Vuetify will communicate with you through banners and notifications. You can disable these features here or reset your local notification cache.",
                         title: "Communication"
                       }),
-                      o(g, {
-                        modelValue: e(n).notifications.show,
-                        "onUpdate:modelValue": l[3] || (l[3] = (m) => e(n).notifications.show = m),
+                      o(_, {
+                        modelValue: e(a).notifications.show,
+                        "onUpdate:modelValue": p[3] || (p[3] = (b) => e(a).notifications.show = b),
                         class: "mb-2",
                         label: "Enable Notifications",
                         messages: "Notifications are short form messages that provide information about new releases, updates, and other important information."
                       }, null, 8, ["modelValue"]),
-                      e(n).notifications.show ? (d(), v(g, {
+                      e(a).notifications.show ? (d(), m(_, {
                         key: 0,
-                        modelValue: e(n).notifications.banners,
-                        "onUpdate:modelValue": l[4] || (l[4] = (m) => e(n).notifications.banners = m),
+                        modelValue: e(a).notifications.banners,
+                        "onUpdate:modelValue": p[4] || (p[4] = (b) => e(a).notifications.banners = b),
                         class: "mb-2",
                         label: "Enable Banners",
                         messages: "Banners are located at the top of the screen and provide a callout for important information."
-                      }, null, 8, ["modelValue"])) : $("", !0)
+                      }, null, 8, ["modelValue"])) : x("", !0)
                     ]),
                     _: 1
-                  })) : $("", !0)
+                  })) : x("", !0)
                 ]),
                 _: 1
               })
@@ -1086,190 +1225,62 @@ const Qe = te("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), yo = /* @__PURE__ */ V({
+}), $o = /* @__PURE__ */ k({
   __name: "VoSettingsListItem",
   setup(u) {
-    const t = F(!1);
-    return (a, s) => {
-      const n = bo, r = Y;
-      return d(), v(r, {
+    const t = N(!1);
+    return (i, s) => {
+      const l = ko, a = Q;
+      return d(), m(a, {
         active: t.value,
-        "prepend-icon": `svg:${e(gt)}`,
+        "prepend-icon": `svg:${e(yt)}`,
         title: "Settings",
         link: ""
       }, {
-        default: i(() => [
-          o(n, {
+        default: n(() => [
+          o(l, {
             modelValue: t.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (c) => t.value = c)
+            "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), J = te("one", () => {
-  const t = new URLSearchParams(window.location.search).get("session_id"), a = z(), s = be(), n = F(!1), r = ee(!1), c = ee(), l = ee([]), h = L(() => {
-    var f;
-    return (f = c.value) == null ? void 0 : f.items[0].plan.interval;
-  }), p = L(() => {
-    var f;
-    return (f = a.user) == null ? void 0 : f.sponsorships.find((y) => y.platform === "stripe" && y.tierName.startsWith("sub_"));
-  }), g = L(() => {
-    var f;
-    return !!((f = p.value) != null && f.tierName);
-  }), C = L(() => {
-    var f;
-    return (f = p.value) == null ? void 0 : f.isActive;
-  }), m = L(() => {
-    var f;
-    return (f = a.user) == null ? void 0 : f.sponsorships.find((y) => y.platform === "github");
-  }), k = L(() => {
-    var f;
-    return (f = a.user) == null ? void 0 : f.sponsorships.find((y) => y.platform === "discord");
-  }), D = L(() => {
-    var f;
-    return (f = a.user) == null ? void 0 : f.sponsorships.find((y) => y.platform === "patreon");
-  }), b = L(() => {
-    var f;
-    return (f = a.user) == null ? void 0 : f.sponsorships.reduce((y, K) => {
-      if (!K.isActive || K.interval === "once" || K.platform === "stripe")
-        return y;
-      const Xe = K.interval === "month" ? K.amount : K.amount / 12;
-      return y + Xe / 100;
-    }, 0);
-  });
-  tt(async () => {
-    t && await x();
-  }), W(C, (f, y) => {
-    f === !1 && y !== !0 || P();
-  });
-  async function x() {
-    try {
-      n.value = !0;
-      const f = await s.post("/one/activate", { sessionId: t });
-      a.user = f.user;
-      const y = new URL(window.location.href);
-      y.searchParams.delete("session_id"), history.pushState(null, "", y.toString()), T();
-    } catch {
-    } finally {
-      n.value = !1;
-    }
-  }
-  async function A() {
-    window.open(`${s.url}/one/manage`, "_blank");
-  }
-  async function O(f) {
-    n.value = !0, window.location.href = `${s.url}/one/subscribe?interval=${f}`;
-  }
-  async function S() {
-    var f;
-    if (p.value)
-      try {
-        n.value = !0;
-        const y = await s.post(
-          `/one/cancel?subscriptionId=${(f = p.value) == null ? void 0 : f.tierName}`
-        );
-        a.user = y.user;
-      } catch {
-      } finally {
-        n.value = !1;
-      }
-  }
-  async function E(f) {
-    if (p.value)
-      try {
-        n.value = !0;
-        const y = await s.post("/one/modify", {
-          subscriptionId: p.value.tierName,
-          interval: f
-        });
-        a.user = y.user;
-      } catch {
-      } finally {
-        n.value = !1;
-      }
-  }
-  async function P() {
-    var f;
-    if (p.value)
-      try {
-        n.value = !0;
-        const y = await s.post(
-          `/one/verify?subscriptionId=${(f = p.value) == null ? void 0 : f.tierName}`
-        );
-        a.user = y.user;
-      } catch {
-      } finally {
-        n.value = !1;
-      }
-  }
-  async function T() {
-    try {
-      n.value = !0;
-      const f = await s.get("/one/info");
-      return c.value = f.subscription, l.value = f.invoices, f;
-    } catch {
-    } finally {
-      n.value = !1;
-    }
-  }
-  return {
-    info: c,
-    interval: h,
-    invoices: l,
-    sessionId: t,
-    subscription: p,
-    monthlyTotal: b,
-    hasBilling: g,
-    isLoading: n,
-    isOpen: r,
-    isSubscriber: C,
-    github: m,
-    patreon: D,
-    discord: k,
-    activate: x,
-    cancel: S,
-    manage: A,
-    modify: E,
-    subscribe: O,
-    subscriptionInfo: T,
-    verify: P
-  };
-}), Vo = { class: "text-caption" }, ko = /* @__PURE__ */ V({
+}), xo = { class: "text-caption" }, wo = /* @__PURE__ */ k({
   __name: "VoSubscriptionInvoices",
   setup(u) {
-    const t = he(), a = J();
-    return (s, n) => {
-      const r = ue;
-      return d(), v(ge, null, {
-        default: i(() => [
-          o(re, { cols: "12" }, {
-            default: i(() => [
-              o(r, {
+    const t = be(), i = q();
+    return (s, l) => {
+      const a = pe;
+      return d(), m(ye, null, {
+        default: n(() => [
+          o(ce, { cols: "12" }, {
+            default: n(() => [
+              o(a, {
                 text: "View and download your invoice history.",
                 title: "Invoice History"
               }),
-              o(R, {
+              o(P, {
                 height: "450",
                 rounded: "lg",
                 border: ""
               }, {
-                default: i(() => [
-                  o(Qt, {
-                    items: e(a).invoices,
-                    loading: e(a).isLoading,
+                default: n(() => [
+                  o(Kt, {
+                    items: e(i).invoices,
+                    loading: e(i).isLoading,
                     sticky: ""
                   }, {
-                    "item.date": i(({ item: c }) => [
-                      _("div", Vo, I(e(t).format(new Date(c.date * 1e3), "fullDateWithWeekday")), 1)
+                    "item.date": n(({ item: r }) => [
+                      v("div", xo, D(e(t).format(new Date(r.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
-                    "item.amount": i(({ item: c }) => [
-                      j(" $" + I(c.amount / 100), 1)
+                    "item.amount": n(({ item: r }) => [
+                      O(" $" + D(r.amount / 100), 1)
                     ]),
-                    "item.status": i(({ item: c }) => [
-                      o(q, {
-                        text: c.status,
+                    "item.status": n(({ item: r }) => [
+                      o(Y, {
+                        text: r.status,
                         border: "success sm",
                         class: "text-capitalize",
                         color: "success",
@@ -1278,10 +1289,10 @@ const Qe = te("settings", () => {
                         label: ""
                       }, null, 8, ["text"])
                     ]),
-                    "item.pdf": i(({ item: c }) => [
+                    "item.pdf": n(({ item: r }) => [
                       o(Z, {
-                        href: c.pdf,
-                        icon: `svg:${e(bt)}`,
+                        href: r.pdf,
+                        icon: `svg:${e(Vt)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -1300,41 +1311,41 @@ const Qe = te("settings", () => {
       });
     };
   }
-}), $o = { class: "d-flex align-center" }, xo = {
+}), So = { class: "d-flex align-center" }, Co = {
   key: "status",
   class: "text-capitalize hidden-sm-and-down"
-}, wo = /* @__PURE__ */ _("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), So = { class: "me-1" }, Co = { class: "text-medium-emphasis text-caption" }, Lo = { class: "d-flex align-start justify-space-between text-caption py-2" }, Io = { class: "font-weight-bold" }, Ao = { class: "font-weight-bold" }, Do = /* @__PURE__ */ V({
+}, Lo = /* @__PURE__ */ v("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), Io = { class: "me-1" }, Ao = { class: "text-medium-emphasis text-caption" }, Do = { class: "d-flex align-start justify-space-between text-caption py-2" }, Uo = { class: "font-weight-bold" }, Fo = { class: "font-weight-bold" }, No = /* @__PURE__ */ k({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
   setup(u, { emit: t }) {
-    const a = he(), s = J(), n = t, r = L(() => {
+    const i = be(), s = q(), l = t, a = L(() => {
       if (!s.info)
         return;
-      const l = new Date(s.info.currentPeriodEnd * 1e3);
-      return a.format(l, "keyboardDate");
+      const c = new Date(s.info.currentPeriodEnd * 1e3);
+      return i.format(c, "keyboardDate");
     });
-    async function c() {
+    async function r() {
       s.interval && (s.isLoading = !0, s.subscribe(s.interval));
     }
-    return (l, h) => {
-      const p = ce;
-      return d(), v(ge, null, {
-        default: i(() => [
-          o(re, { cols: "12" }, {
-            default: i(() => {
+    return (c, h) => {
+      const p = de;
+      return d(), m(ye, null, {
+        default: n(() => [
+          o(ce, { cols: "12" }, {
+            default: n(() => {
               var g, C;
               return [
-                o(R, {
+                o(P, {
                   "prepend-icon": "$vuetify",
                   rounded: "lg",
                   title: "Subscription Status",
                   border: "",
                   flat: ""
                 }, G({
-                  append: i(() => {
-                    var m;
+                  append: n(() => {
+                    var _;
                     return [
-                      e(s).hasBilling && ((m = e(s).info) == null ? void 0 : m.status) === "canceled" ? (d(), v(p, {
+                      e(s).hasBilling && ((_ = e(s).info) == null ? void 0 : _.status) === "canceled" ? (d(), m(p, {
                         key: 0,
                         loading: e(s).isLoading,
                         class: "me-2",
@@ -1342,51 +1353,51 @@ const Qe = te("settings", () => {
                         "prepend-icon": "$success",
                         text: "Activate",
                         variant: "outlined",
-                        onClick: c
-                      }, null, 8, ["loading"])) : $("", !0),
-                      e(s).hasBilling ? (d(), v(p, {
+                        onClick: r
+                      }, null, 8, ["loading"])) : x("", !0),
+                      e(s).hasBilling ? (d(), m(p, {
                         key: 1,
                         loading: e(s).isLoading,
-                        "prepend-icon": `svg:${e(yt)}`,
+                        "prepend-icon": `svg:${e(kt)}`,
                         text: "Billing",
                         onClick: e(s).manage
-                      }, null, 8, ["loading", "prepend-icon", "onClick"])) : $("", !0)
+                      }, null, 8, ["loading", "prepend-icon", "onClick"])) : x("", !0)
                     ];
                   }),
                   _: 2
                 }, [
                   e(s).info ? {
                     name: "subtitle",
-                    fn: i(() => [
-                      _("div", $o, [
-                        _("span", xo, I(e(s).info.status), 1),
-                        e(s).info.items.length ? (d(), w(N, { key: 0 }, [
-                          wo,
-                          _("span", So, [
-                            j(" $" + I(e(s).info.items[0].plan.amount / 100), 1),
-                            _("span", Co, "/" + I(e(s).interval), 1)
+                    fn: n(() => [
+                      v("div", So, [
+                        v("span", Co, D(e(s).info.status), 1),
+                        e(s).info.items.length ? (d(), S(F, { key: 0 }, [
+                          Lo,
+                          v("span", Io, [
+                            O(" $" + D(e(s).info.items[0].plan.amount / 100), 1),
+                            v("span", Ao, "/" + D(e(s).interval), 1)
                           ]),
                           o(p, {
                             size: "x-small",
                             text: "(Change Subscription)",
                             variant: "text",
-                            onClick: h[0] || (h[0] = (m) => n("change:subscription"))
+                            onClick: h[0] || (h[0] = (_) => l("change:subscription"))
                           })
-                        ], 64)) : $("", !0)
+                        ], 64)) : x("", !0)
                       ])
                     ]),
                     key: "0"
                   } : {
                     name: "subtitle",
-                    fn: i(() => [
-                      _("div", { class: "d-flex align-center" }, [
-                        o(Oe, {
+                    fn: n(() => [
+                      v("div", { class: "d-flex align-center" }, [
+                        o(Te, {
                           height: "16",
                           type: "ossein",
                           width: "40"
                         }),
-                        _("span", { class: "mx-1" }, "—"),
-                        o(Oe, {
+                        v("span", { class: "mx-1" }, "—"),
+                        o(Te, {
                           height: "16",
                           type: "ossein",
                           width: "80"
@@ -1396,16 +1407,16 @@ const Qe = te("settings", () => {
                     key: "1"
                   }
                 ]), 1024),
-                _("div", Lo, [
-                  _("div", null, [
-                    ((g = e(s).info) == null ? void 0 : g.status) === "active" ? (d(), w(N, { key: 0 }, [
-                      j(" Your plan renews on "),
-                      _("span", Io, I(e(a).format(r.value, "fullDateWithWeekday")), 1),
-                      j(". ")
-                    ], 64)) : (d(), w(N, { key: 1 }, [
-                      j(" Your plan ends on "),
-                      _("span", Ao, I(e(a).format((C = e(s).info) == null ? void 0 : C.currentPeriodEnd, "fullDateWithWeekday")), 1),
-                      j(". ")
+                v("div", Do, [
+                  v("div", null, [
+                    ((g = e(s).info) == null ? void 0 : g.status) === "active" ? (d(), S(F, { key: 0 }, [
+                      O(" Your plan renews on "),
+                      v("span", Uo, D(e(i).format(a.value, "fullDateWithWeekday")), 1),
+                      O(". ")
+                    ], 64)) : (d(), S(F, { key: 1 }, [
+                      O(" Your plan ends on "),
+                      v("span", Fo, D(e(i).format((C = e(s).info) == null ? void 0 : C.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      O(". ")
                     ], 64))
                   ])
                 ])
@@ -1418,7 +1429,7 @@ const Qe = te("settings", () => {
       });
     };
   }
-}), Uo = /* @__PURE__ */ _("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), Fo = ["innerHTML"], No = /* @__PURE__ */ _("br", null, null, -1), jo = /* @__PURE__ */ _("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), Oo = ["innerHTML"], Bo = /* @__PURE__ */ V({
+}), Oo = /* @__PURE__ */ v("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), Bo = ["innerHTML"], jo = /* @__PURE__ */ v("br", null, null, -1), zo = /* @__PURE__ */ v("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), To = ["innerHTML"], Ro = /* @__PURE__ */ k({
   __name: "VoSubscriptionPerks",
   setup(u) {
     const t = [
@@ -1427,78 +1438,78 @@ const Qe = te("settings", () => {
       'Pinned Navigation Items and Rail drawer in <a href="https://vuetifyjs.com/" target="_blank">Documentation</a>',
       "Customize Navigation components with Page Suits",
       "Custom Vuetify One menu avatar"
-    ], a = [
+    ], i = [
       'Special role in the <a href="https://discord.vuetifyjs.com/" target="_blank">Vuetify Discord</a>',
       'Save and share your playgrounds with <a href="https://play.vuetifyjs.com" target="_blank">Vuetify Play</a>',
       "Receive a special label on GitHub created issues and pull requests"
-    ], s = F(!1), n = J();
-    return W(s, async (r) => {
-      r && n.subscriptionInfo();
-    }), (r, c) => {
-      const l = Y;
-      return d(), w(N, null, [
-        o(Se, { class: "font-weight-black" }, {
-          default: i(() => [
-            j("Perks")
+    ], s = N(!1), l = q();
+    return z(s, async (a) => {
+      a && l.subscriptionInfo();
+    }), (a, r) => {
+      const c = Q;
+      return d(), S(F, null, [
+        o(De, { class: "font-weight-black" }, {
+          default: n(() => [
+            O("Perks")
           ]),
           _: 1
         }),
-        Uo,
-        o(ne, {
+        Oo,
+        o(ie, {
           lines: !1,
           class: "py-0",
           density: "compact",
           nav: ""
         }, {
-          default: i(() => [
-            (d(), w(N, null, se(t, (h, p) => o(l, {
+          default: n(() => [
+            (d(), S(F, null, ne(t, (h, p) => o(c, {
               key: p,
-              "prepend-icon": `svg:${e(oe)}`,
+              "prepend-icon": `svg:${e(se)}`,
               class: "mb-0"
             }, {
-              prepend: i(() => [
+              prepend: n(() => [
                 o(U, {
                   class: "mx-n2",
                   color: "success",
                   size: "small"
                 })
               ]),
-              title: i(() => [
-                _("div", { innerHTML: h }, null, 8, Fo)
+              title: n(() => [
+                v("div", { innerHTML: h }, null, 8, Bo)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
           ]),
           _: 1
         }),
-        No,
-        o(Se, { class: "font-weight-black" }, {
-          default: i(() => [
-            j("Up Next")
+        jo,
+        o(De, { class: "font-weight-black" }, {
+          default: n(() => [
+            O("Up Next")
           ]),
           _: 1
         }),
-        jo,
-        o(ne, {
+        zo,
+        o(ie, {
           lines: !1,
           class: "py-0",
           density: "compact",
           nav: ""
         }, {
-          default: i(() => [
-            (d(), w(N, null, se(a, (h, p) => o(l, {
+          default: n(() => [
+            (d(), S(F, null, ne(i, (h, p) => o(c, {
               key: p,
-              "prepend-icon": `svg:${e(Vt)}`,
+              "prepend-icon": `svg:${e($t)}`,
               class: "mb-0"
             }, {
-              prepend: i(() => [
+              prepend: n(() => [
                 o(U, {
                   class: "mx-n2",
                   size: "small"
                 })
               ]),
-              title: i(() => [
-                _("div", { innerHTML: h }, null, 8, Oo)
+              title: n(() => [
+                v("div", { innerHTML: h }, null, 8, To)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
@@ -1508,7 +1519,7 @@ const Qe = te("settings", () => {
       ], 64);
     };
   }
-}), zo = /* @__PURE__ */ V({
+}), Ho = /* @__PURE__ */ k({
   __name: "VoSubscriptionSubscribe",
   props: {
     modelValue: {
@@ -1518,36 +1529,37 @@ const Qe = te("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    const t = F(!1), a = fe(u, "modelValue"), s = J();
-    return W(t, async (n) => {
-      n && s.subscriptionInfo();
-    }), W(() => s.interval, (n) => {
-      a.value = n;
-    }, { immediate: !0 }), (n, r) => (d(), v(qe, {
-      modelValue: a.value,
-      "onUpdate:modelValue": r[0] || (r[0] = (c) => a.value = c)
+    const t = N(!1), i = ae(u, "modelValue"), s = q();
+    return z(t, async (l) => {
+      l && s.subscriptionInfo();
+    }), z(() => s.interval, (l) => {
+      i.value = l;
+    }, { immediate: !0 }), (l, a) => (d(), m(Qe, {
+      modelValue: i.value,
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => i.value = r),
+      mandatory: ""
     }, {
-      default: i(() => [
-        o(ge, null, {
-          default: i(() => [
-            o(re, {
+      default: n(() => [
+        o(ye, null, {
+          default: n(() => [
+            o(ce, {
               cols: "12",
               md: "6"
             }, {
-              default: i(() => [
-                o(Ce, { value: "month" }, {
-                  default: i(({ toggle: c, isSelected: l }) => [
-                    o(R, {
-                      border: l ? "sm primary opacity-100" : "sm",
-                      color: l ? "primary" : void 0,
-                      "prepend-icon": l ? `svg:${e(ae)}` : "$radioOff",
-                      variant: l ? "tonal" : "text",
+              default: n(() => [
+                o(Ue, { value: "month" }, {
+                  default: n(({ toggle: r, isSelected: c }) => [
+                    o(P, {
+                      border: c ? "sm primary opacity-100" : "sm",
+                      color: c ? "primary" : void 0,
+                      "prepend-icon": c ? `svg:${e(le)}` : "$radioOff",
+                      variant: c ? "tonal" : "text",
                       rounded: "lg",
                       subtitle: "$2.99/month",
                       title: "Monthly",
-                      onClick: c
+                      onClick: r
                     }, {
-                      prepend: i(() => [
+                      prepend: n(() => [
                         o(U, { class: "mt-n6" })
                       ]),
                       _: 2
@@ -1558,28 +1570,28 @@ const Qe = te("settings", () => {
               ]),
               _: 1
             }),
-            o(re, {
+            o(ce, {
               cols: "12",
               md: "6"
             }, {
-              default: i(() => [
-                o(Ce, { value: "year" }, {
-                  default: i(({ toggle: c, isSelected: l }) => [
-                    o(R, {
-                      border: l ? "sm primary opacity-100" : "sm",
-                      color: l ? "primary" : void 0,
-                      "prepend-icon": l ? `svg:${e(ae)}` : "$radioOff",
-                      variant: l ? "tonal" : "text",
+              default: n(() => [
+                o(Ue, { value: "year" }, {
+                  default: n(({ toggle: r, isSelected: c }) => [
+                    o(P, {
+                      border: c ? "sm primary opacity-100" : "sm",
+                      color: c ? "primary" : void 0,
+                      "prepend-icon": c ? `svg:${e(le)}` : "$radioOff",
+                      variant: c ? "tonal" : "text",
                       rounded: "lg",
                       subtitle: "$29.99/year",
                       title: "Yearly",
-                      onClick: c
+                      onClick: r
                     }, {
-                      prepend: i(() => [
+                      prepend: n(() => [
                         o(U, { class: "mt-n6" })
                       ]),
-                      append: i(() => [
-                        o(q, {
+                      append: n(() => [
+                        o(Y, {
                           class: "mt-n6",
                           color: "success",
                           size: "small",
@@ -1602,7 +1614,7 @@ const Qe = te("settings", () => {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), To = { class: "px-3 h-screen" }, Ro = /* @__PURE__ */ _("br", null, null, -1), Ho = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, Mo = /* @__PURE__ */ V({
+}), Mo = { class: "px-3" }, Po = /* @__PURE__ */ v("br", null, null, -1), Eo = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, Wo = /* @__PURE__ */ k({
   __name: "VoSubscriptionDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1610,99 +1622,109 @@ const Qe = te("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    function t(h) {
-      return new Promise((p) => setTimeout(p, h));
+    function t(p) {
+      return new Promise((g) => setTimeout(g, p));
     }
-    const a = fe(u, "modelValue"), s = J(), n = F(s.interval), r = F(s.hasBilling ? "status" : "subscribe"), c = F(!1);
-    W(n, (h) => {
-      !s.isSubscriber || !s.interval || (c.value = h !== s.interval);
-    }), W(a, async (h) => {
-      !h || !s.isSubscriber || s.subscriptionInfo();
-    }), Te(() => {
-      s.sessionId && (r.value = "status", a.value = !0);
-    });
-    async function l() {
-      await s.modify(n.value), await s.subscriptionInfo(), c.value = null, await t(3e3), r.value = "status", await t(300), c.value = !1;
+    const i = ae(u, "modelValue"), s = q(), l = Se(), a = N(s.interval), r = N(s.hasBilling ? "status" : "subscribe"), c = N(!1);
+    z(a, (p) => {
+      !s.isSubscriber || !s.interval || (c.value = p !== s.interval);
+    }), z(i, async (p) => {
+      !p || !s.isSubscriber || s.subscriptionInfo();
+    }), z(l, async () => {
+      !s.sessionId && !["subscribe", "status"].includes(l.value.one) || (r.value = s.sessionId || l.value.one === "status" ? "status" : "subscribe", s.isOpen = !0, await _e(), i.value = !0);
+    }, { immediate: !0 });
+    async function h() {
+      await s.modify(a.value), await s.subscriptionInfo(), c.value = null, await t(3e3), r.value = "status", await t(300), c.value = !1;
     }
-    return (h, p) => {
-      const g = ue, C = zo, m = Bo, k = Do, D = ko, b = ce, x = Ve;
-      return d(), v(x, {
-        modelValue: a.value,
-        "onUpdate:modelValue": p[4] || (p[4] = (A) => a.value = A),
-        "prepend-icon": `svg:${e(kt)}`,
+    return (p, g) => {
+      const C = pe, _ = Ho, w = Ro, b = No, y = wo, $ = de, B = we;
+      return d(), m(B, {
+        modelValue: i.value,
+        "onUpdate:modelValue": g[4] || (g[4] = (I) => i.value = I),
+        "prepend-icon": `svg:${e(xt)}`,
         title: "Subscriptions"
       }, G({
-        default: i(() => [
-          _("div", To, [
-            o(X, null, {
-              default: i(() => [
-                o(g, {
-                  text: "The Vuetify One subscription is a great way to support the Vuetify team and get access to exclusive features and content.",
-                  title: "Vuetify One"
-                }),
-                o(Ye, { "model-value": r.value }, {
-                  default: i(() => [
-                    o(me, { value: "subscribe" }, {
-                      default: i(() => [
+        default: n(() => [
+          o(Ve, null, {
+            default: n(() => [
+              o(ke, { scrollable: "" }, {
+                default: n(() => [
+                  v("div", Mo, [
+                    o(X, null, {
+                      default: n(() => [
                         o(C, {
-                          modelValue: n.value,
-                          "onUpdate:modelValue": p[0] || (p[0] = (A) => n.value = A)
-                        }, null, 8, ["modelValue"]),
-                        Ro,
-                        o(m)
-                      ]),
-                      _: 1
-                    }),
-                    o(me, { value: "status" }, {
-                      default: i(() => [
-                        o(k, {
-                          "onChange:subscription": p[1] || (p[1] = (A) => r.value = "subscribe")
+                          text: "The Vuetify One subscription is a great way to support the Vuetify team and get access to exclusive features and content.",
+                          title: "Vuetify One"
                         }),
-                        o(D)
+                        o(Je, { "model-value": r.value }, {
+                          default: n(() => [
+                            o(ve, { value: "subscribe" }, {
+                              default: n(() => [
+                                o(_, {
+                                  modelValue: a.value,
+                                  "onUpdate:modelValue": g[0] || (g[0] = (I) => a.value = I)
+                                }, null, 8, ["modelValue"]),
+                                Po,
+                                o(w)
+                              ]),
+                              _: 1
+                            }),
+                            o(ve, { value: "status" }, {
+                              default: n(() => [
+                                o(b, {
+                                  "onChange:subscription": g[1] || (g[1] = (I) => r.value = "subscribe")
+                                }),
+                                o(y)
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["model-value"])
                       ]),
                       _: 1
                     })
-                  ]),
-                  _: 1
-                }, 8, ["model-value"])
-              ]),
-              _: 1
-            })
-          ])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
         ]),
         _: 2
       }, [
         r.value === "subscribe" ? {
           name: "actions",
-          fn: i(() => [
-            _("div", Ho, [
-              c.value !== !1 ? (d(), v(b, {
+          fn: n(() => [
+            v("div", Eo, [
+              c.value !== !1 ? (d(), m($, {
                 key: 0,
                 loading: e(s).isLoading,
-                "prepend-icon": `svg:${c.value !== null ? e($t) : e(ae)}`,
+                "prepend-icon": `svg:${c.value !== null ? e(wt) : e(le)}`,
                 readonly: c.value === null,
                 text: c.value !== null ? "Modify Subscription" : "Success",
                 color: "success",
                 size: "default",
                 block: "",
-                onClick: l
-              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : e(s).isSubscriber ? (d(), v(b, {
+                onClick: h
+              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : e(s).isSubscriber ? (d(), m($, {
                 key: 2,
-                "prepend-icon": `svg:${e(xt)}`,
+                "prepend-icon": `svg:${e(St)}`,
                 size: "default",
                 text: "Manage Subscription",
                 block: "",
-                onClick: p[3] || (p[3] = (A) => r.value = "status")
-              }, null, 8, ["prepend-icon"])) : (d(), v(b, {
+                onClick: g[3] || (g[3] = (I) => r.value = "status")
+              }, null, 8, ["prepend-icon"])) : (d(), m($, {
                 key: 1,
-                color: n.value ? "primary" : "disabled",
-                disabled: !n.value,
+                color: a.value ? "primary" : "disabled",
+                disabled: !a.value,
                 loading: e(s).isLoading,
                 "prepend-icon": "$vuetify",
                 size: "default",
                 text: "Activate Subscription",
                 block: "",
-                onClick: p[2] || (p[2] = (A) => e(s).subscribe(n.value))
+                onClick: g[2] || (g[2] = (I) => e(s).subscribe(a.value))
               }, null, 8, ["color", "disabled", "loading"]))
             ])
           ]),
@@ -1711,122 +1733,131 @@ const Qe = te("settings", () => {
       ]), 1032, ["modelValue", "prepend-icon"]);
     };
   }
-}), Po = /* @__PURE__ */ V({
+}), qo = /* @__PURE__ */ k({
   __name: "VoSubscriptionListItem",
   setup(u) {
-    const t = F(!1);
-    return (a, s) => {
-      const n = Mo, r = Y;
-      return d(), v(r, {
+    const t = N(!1);
+    return (i, s) => {
+      const l = Wo, a = Q;
+      return d(), m(a, {
         active: t.value,
-        "prepend-icon": `svg:${e(wt)}`,
+        "prepend-icon": `svg:${e(Ct)}`,
         title: "Subscriptions",
         link: ""
       }, {
-        default: i(() => [
-          o(n, {
+        default: n(() => [
+          o(l, {
             modelValue: t.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (c) => t.value = c)
+            "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Eo = { class: "px-3 pb-5 d-flex flex-column" }, Wo = { class: "ps-16" }, Go = { class: "text-caption text-end" }, qo = { class: "font-weight-bold" }, Yo = { class: "ps-16" }, Jo = { class: "text-caption text-end" }, Qo = { class: "font-weight-bold" }, Xo = { class: "ps-16" }, Zo = { class: "text-caption text-end" }, Ko = { class: "font-weight-bold" }, es = { class: "py-4" }, ts = /* @__PURE__ */ _("div", { class: "text-caption text-medium-emphasis" }, [
-  /* @__PURE__ */ j(" A total of $2.99 or more unlocks "),
-  /* @__PURE__ */ _("span", { class: "font-weight-black" }, "all"),
-  /* @__PURE__ */ j(" Vuetify One benefits ")
-], -1), os = /* @__PURE__ */ V({
+}), Go = { class: "px-3 pb-5 d-flex flex-column" }, Yo = { class: "ps-16" }, Qo = { class: "text-caption text-end" }, Jo = { class: "font-weight-bold" }, Xo = { class: "ps-16" }, Zo = { class: "text-caption text-end" }, Ko = { class: "font-weight-bold" }, es = { class: "ps-16" }, ts = { class: "text-caption text-end" }, os = { class: "font-weight-bold" }, ss = { class: "py-4" }, ns = /* @__PURE__ */ v("div", { class: "text-caption text-medium-emphasis" }, [
+  /* @__PURE__ */ O(" A total of $2.99 or more unlocks "),
+  /* @__PURE__ */ v("span", { class: "font-weight-black" }, "all"),
+  /* @__PURE__ */ O(" Vuetify One benefits ")
+], -1), is = /* @__PURE__ */ k({
   __name: "VoSponsorshipsDialog",
+  props: {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
   setup(u) {
-    const t = he(), a = _e(), s = z(), n = J(), r = Qe();
-    function c(l) {
-      return t.format(l, "fullDateWithWeekday");
+    const t = ae(u, "modelValue"), i = be(), s = ge(), l = Se(), a = j(), r = q(), c = Ze();
+    function h(p) {
+      return i.format(p, "fullDateWithWeekday");
     }
-    return (l, h) => {
-      const p = ue, g = ce, C = Re("v-empty-state"), m = Ve;
-      return d(), v(m, {
-        "max-height": e(a).xs.value ? void 0 : 820,
-        "prepend-icon": `svg:${e(St)}`,
+    return z(l, async () => {
+      l.value.one === "sponsorships" && (r.isOpen = !0, await _e(), t.value = !0);
+    }, { immediate: !0 }), (p, g) => {
+      const C = pe, _ = de, w = Me("v-empty-state"), b = we;
+      return d(), m(b, {
+        modelValue: t.value,
+        "onUpdate:modelValue": g[0] || (g[0] = (y) => t.value = y),
+        "max-height": e(s).xs.value ? void 0 : 820,
+        "prepend-icon": `svg:${e(Lt)}`,
         title: "Sponsorships"
       }, {
-        default: i(() => [
-          o(Fe, null, {
-            default: i(() => [
-              o(Ne, { scrollable: "" }, {
-                default: i(() => [
-                  _("div", Eo, [
+        default: n(() => [
+          o(Ve, null, {
+            default: n(() => [
+              o(ke, { scrollable: "" }, {
+                default: n(() => [
+                  v("div", Go, [
                     o(X, null, {
-                      default: i(() => [
-                        o(p, {
+                      default: n(() => [
+                        o(C, {
                           text: "Support Vuetify through GitHub Sponsors, Discord, or Patreon to unlock exclusive benefits and content.",
                           title: "Support Vuetify"
                         }),
-                        o(Xt, {
+                        o(eo, {
                           class: "justify-start ms-n7",
                           "line-inset": "12",
                           side: "end",
                           style: { "grid-template-columns": "auto auto 1fr" },
                           "truncate-line": "both"
                         }, {
-                          default: i(() => {
-                            var k, D, b, x, A, O;
+                          default: n(() => {
+                            var y, $, B, I, W, K;
                             return [
-                              o(xe, {
-                                "dot-color": (k = e(n).github) != null && k.isActive ? "success" : "transparent",
-                                icon: (D = e(n).github) != null && D.isActive ? `svg:${e(oe)}` : void 0,
+                              o(Ie, {
+                                "dot-color": (y = e(r).github) != null && y.isActive ? "success" : "transparent",
+                                icon: ($ = e(r).github) != null && $.isActive ? `svg:${e(se)}` : void 0,
                                 size: "x-small",
                                 width: "100%"
                               }, {
-                                default: i(() => [
-                                  o(R, {
-                                    "prepend-avatar": e(r).CDN_URL + "/logos/github.png",
+                                default: n(() => [
+                                  o(P, {
+                                    "prepend-avatar": e(c).CDN_URL + "/logos/github.png",
                                     rounded: "lg",
                                     subtitle: "Support Vuetify through GitHub sponsors.",
                                     title: "GitHub Sponsors",
                                     variant: "text",
                                     border: ""
                                   }, {
-                                    append: i(() => {
-                                      var S, E, P, T, f, y;
+                                    append: n(() => {
+                                      var A, M, f, V, R, ee;
                                       return [
-                                        _("div", Wo, [
-                                          o(g, {
-                                            color: (S = e(n).github) != null && S.isActive ? "success" : "primary",
-                                            href: (E = e(n).github) != null && E.isActive ? void 0 : "https://github.com/sponsors/johnleider",
-                                            "prepend-icon": `svg:${(P = e(n).github) != null && P.isActive ? e(ae) : e(je)}`,
-                                            readonly: (T = e(n).github) == null ? void 0 : T.isActive,
-                                            target: (f = e(n).github) != null && f.isActive ? void 0 : "_blank",
-                                            text: (y = e(n).github) != null && y.isActive ? "Active" : "Info",
+                                        v("div", Yo, [
+                                          o(_, {
+                                            color: (A = e(r).github) != null && A.isActive ? "success" : "primary",
+                                            href: (M = e(r).github) != null && M.isActive ? void 0 : "https://github.com/sponsors/johnleider",
+                                            "prepend-icon": `svg:${(f = e(r).github) != null && f.isActive ? e(le) : e(ze)}`,
+                                            readonly: (V = e(r).github) == null ? void 0 : V.isActive,
+                                            target: (R = e(r).github) != null && R.isActive ? void 0 : "_blank",
+                                            text: (ee = e(r).github) != null && ee.isActive ? "Active" : "Info",
                                             width: "88"
                                           }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
                                         ])
                                       ];
                                     }),
-                                    default: i(() => {
-                                      var S;
+                                    default: n(() => {
+                                      var A;
                                       return [
-                                        (S = e(n).github) != null && S.isActive ? (d(), w(N, { key: 0 }, [
-                                          o(H),
+                                        (A = e(r).github) != null && A.isActive ? (d(), S(F, { key: 0 }, [
+                                          o(E),
                                           o(X, { class: "d-flex justify-space-between align-center flex-wrap" }, {
-                                            default: i(() => [
-                                              o(q, {
-                                                "prepend-icon": `svg:${e($e)}`,
-                                                text: e(n).github.tierName,
+                                            default: n(() => [
+                                              o(Y, {
+                                                "prepend-icon": `svg:${e(Le)}`,
+                                                text: e(r).github.tierName,
                                                 color: "surface-variant",
                                                 size: "small",
                                                 variant: "text",
                                                 label: ""
                                               }, null, 8, ["prepend-icon", "text"]),
-                                              _("div", Go, [
-                                                j(" Sponsor since "),
-                                                _("span", qo, I(c(e(n).github.createdAt)), 1)
+                                              v("div", Qo, [
+                                                O(" Sponsor since "),
+                                                v("span", Jo, D(h(e(r).github.createdAt)), 1)
                                               ])
                                             ]),
                                             _: 1
                                           })
-                                        ], 64)) : $("", !0)
+                                        ], 64)) : x("", !0)
                                       ];
                                     }),
                                     _: 1
@@ -1834,60 +1865,60 @@ const Qe = te("settings", () => {
                                 ]),
                                 _: 1
                               }, 8, ["dot-color", "icon"]),
-                              o(xe, {
-                                "dot-color": (b = e(n).discord) != null && b.isActive ? "success" : "transparent",
-                                icon: (x = e(n).discord) != null && x.isActive ? `svg:${e(oe)}` : void 0,
+                              o(Ie, {
+                                "dot-color": (B = e(r).discord) != null && B.isActive ? "success" : "transparent",
+                                icon: (I = e(r).discord) != null && I.isActive ? `svg:${e(se)}` : void 0,
                                 size: "x-small",
                                 width: "100%"
                               }, {
-                                default: i(() => [
-                                  o(R, {
-                                    "prepend-avatar": e(r).CDN_URL + "/logos/discord.png",
+                                default: n(() => [
+                                  o(P, {
+                                    "prepend-avatar": e(c).CDN_URL + "/logos/discord.png",
                                     rounded: "lg",
                                     subtitle: "Support Vuetify through Discord.",
                                     title: "Discord Subscriber",
                                     variant: "text",
                                     border: ""
                                   }, {
-                                    append: i(() => {
-                                      var S, E, P, T, f, y;
+                                    append: n(() => {
+                                      var A, M, f, V, R, ee;
                                       return [
-                                        _("div", Yo, [
-                                          o(g, {
-                                            color: (S = e(n).discord) != null && S.isActive ? "success" : "primary",
-                                            href: (E = e(n).discord) != null && E.isActive ? void 0 : "https://discord.com/servers/vuetify-340160225338195969",
-                                            "prepend-icon": `svg:${(P = e(n).discord) != null && P.isActive ? e(ae) : e(je)}`,
-                                            readonly: (T = e(n).discord) == null ? void 0 : T.isActive,
-                                            target: (f = e(n).discord) != null && f.isActive ? void 0 : "_blank",
-                                            text: (y = e(n).discord) != null && y.isActive ? "Active" : "Info",
+                                        v("div", Xo, [
+                                          o(_, {
+                                            color: (A = e(r).discord) != null && A.isActive ? "success" : "primary",
+                                            href: (M = e(r).discord) != null && M.isActive ? void 0 : "https://discord.com/servers/vuetify-340160225338195969",
+                                            "prepend-icon": `svg:${(f = e(r).discord) != null && f.isActive ? e(le) : e(ze)}`,
+                                            readonly: (V = e(r).discord) == null ? void 0 : V.isActive,
+                                            target: (R = e(r).discord) != null && R.isActive ? void 0 : "_blank",
+                                            text: (ee = e(r).discord) != null && ee.isActive ? "Active" : "Info",
                                             width: "88"
                                           }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
                                         ])
                                       ];
                                     }),
-                                    default: i(() => {
-                                      var S;
+                                    default: n(() => {
+                                      var A;
                                       return [
-                                        (S = e(n).discord) != null && S.isActive ? (d(), w(N, { key: 0 }, [
-                                          o(H),
+                                        (A = e(r).discord) != null && A.isActive ? (d(), S(F, { key: 0 }, [
+                                          o(E),
                                           o(X, { class: "d-flex justify-space-between align-center flex-wrap" }, {
-                                            default: i(() => [
-                                              o(q, {
-                                                "prepend-icon": `svg:${e($e)}`,
-                                                text: e(n).discord.tierName,
+                                            default: n(() => [
+                                              o(Y, {
+                                                "prepend-icon": `svg:${e(Le)}`,
+                                                text: e(r).discord.tierName,
                                                 color: "surface-variant",
                                                 size: "small",
                                                 variant: "text",
                                                 label: ""
                                               }, null, 8, ["prepend-icon", "text"]),
-                                              _("div", Jo, [
-                                                j(" Subscriber since "),
-                                                _("span", Qo, I(c(e(n).discord.createdAt)), 1)
+                                              v("div", Zo, [
+                                                O(" Subscriber since "),
+                                                v("span", Ko, D(h(e(r).discord.createdAt)), 1)
                                               ])
                                             ]),
                                             _: 1
                                           })
-                                        ], 64)) : $("", !0)
+                                        ], 64)) : x("", !0)
                                       ];
                                     }),
                                     _: 1
@@ -1895,55 +1926,55 @@ const Qe = te("settings", () => {
                                 ]),
                                 _: 1
                               }, 8, ["dot-color", "icon"]),
-                              o(xe, {
-                                "dot-color": (A = e(n).patreon) != null && A.isActive ? "success" : "transparent",
-                                icon: (O = e(n).patreon) != null && O.isActive ? `svg:${e(oe)}` : void 0,
+                              o(Ie, {
+                                "dot-color": (W = e(r).patreon) != null && W.isActive ? "success" : "transparent",
+                                icon: (K = e(r).patreon) != null && K.isActive ? `svg:${e(se)}` : void 0,
                                 size: "x-small",
                                 width: "100%"
                               }, {
-                                default: i(() => [
-                                  o(R, {
-                                    "prepend-avatar": e(r).CDN_URL + "/logos/patreon.png",
+                                default: n(() => [
+                                  o(P, {
+                                    "prepend-avatar": e(c).CDN_URL + "/logos/patreon.png",
                                     rounded: "lg",
                                     subtitle: "Support Vuetify through Patreon.",
                                     title: "Patreon Subscriber",
                                     variant: "text",
                                     border: ""
                                   }, {
-                                    append: i(() => {
-                                      var S;
+                                    append: n(() => {
+                                      var A;
                                       return [
-                                        _("div", Xo, [
-                                          o(g, {
-                                            text: (S = e(n).patreon) != null && S.isActive ? "Active" : "Coming Soon",
+                                        v("div", es, [
+                                          o(_, {
+                                            text: (A = e(r).patreon) != null && A.isActive ? "Active" : "Coming Soon",
                                             color: "surface-variant",
                                             readonly: ""
                                           }, null, 8, ["text"])
                                         ])
                                       ];
                                     }),
-                                    default: i(() => {
-                                      var S;
+                                    default: n(() => {
+                                      var A;
                                       return [
-                                        (S = e(n).patreon) != null && S.isActive ? (d(), w(N, { key: 0 }, [
-                                          o(H),
+                                        (A = e(r).patreon) != null && A.isActive ? (d(), S(F, { key: 0 }, [
+                                          o(E),
                                           o(X, { class: "d-flex justify-space-between align-center flex-wrap" }, {
-                                            default: i(() => [
-                                              o(q, {
-                                                "prepend-icon": `svg:${e($e)}`,
-                                                text: e(n).patreon.tierName,
+                                            default: n(() => [
+                                              o(Y, {
+                                                "prepend-icon": `svg:${e(Le)}`,
+                                                text: e(r).patreon.tierName,
                                                 color: "success",
                                                 variant: "text",
                                                 label: ""
                                               }, null, 8, ["prepend-icon", "text"]),
-                                              _("div", Zo, [
-                                                j(" Sponsor since "),
-                                                _("span", Ko, I(c(e(n).patreon.createdAt)), 1)
+                                              v("div", ts, [
+                                                O(" Sponsor since "),
+                                                v("span", os, D(h(e(r).patreon.createdAt)), 1)
                                               ])
                                             ]),
                                             _: 1
                                           })
-                                        ], 64)) : $("", !0)
+                                        ], 64)) : x("", !0)
                                       ];
                                     }),
                                     _: 1
@@ -1958,27 +1989,27 @@ const Qe = te("settings", () => {
                       ]),
                       _: 1
                     }),
-                    o(C, {
-                      icon: `svg:${e(Ct)}`,
+                    o(w, {
+                      icon: `svg:${e(It)}`,
                       class: "mt-auto",
                       "min-height": "auto",
                       size: "64",
                       title: "Your Monthly Contributions"
                     }, {
-                      media: i(() => [
+                      media: n(() => [
                         o(U, { color: "success" })
                       ]),
-                      headline: i(() => [
-                        _("div", es, [
-                          e(s).isSubscriber ? (d(), w(N, { key: 0 }, [
-                            j(" $" + I(parseFloat(String(e(n).monthlyTotal)).toFixed(2)), 1)
-                          ], 64)) : (d(), w(N, { key: 1 }, [
-                            j(" $0.00 ")
+                      headline: n(() => [
+                        v("div", ss, [
+                          e(a).isSubscriber ? (d(), S(F, { key: 0 }, [
+                            O(" $" + D(parseFloat(String(e(r).monthlyTotal)).toFixed(2)), 1)
+                          ], 64)) : (d(), S(F, { key: 1 }, [
+                            O(" $0.00 ")
                           ], 64))
                         ])
                       ]),
-                      text: i(() => [
-                        ts
+                      text: n(() => [
+                        ns
                       ]),
                       _: 1
                     }, 8, ["icon"])
@@ -1991,88 +2022,88 @@ const Qe = te("settings", () => {
           })
         ]),
         _: 1
-      }, 8, ["max-height", "prepend-icon"]);
+      }, 8, ["modelValue", "max-height", "prepend-icon"]);
     };
   }
-}), ss = /* @__PURE__ */ V({
+}), as = /* @__PURE__ */ k({
   __name: "VoSponsorshipsListItem",
   setup(u) {
-    const t = F(!1);
-    return (a, s) => {
-      const n = os, r = Y;
-      return d(), v(r, {
+    const t = N(!1);
+    return (i, s) => {
+      const l = is, a = Q;
+      return d(), m(a, {
         active: t.value,
-        "prepend-icon": `svg:${e(Lt)}`,
+        "prepend-icon": `svg:${e(At)}`,
         title: "Sponsorships",
         link: ""
       }, {
-        default: i(() => [
-          o(n, {
+        default: n(() => [
+          o(l, {
             modelValue: t.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (c) => t.value = c)
+            "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), ns = {
+}), rs = {
   key: 0,
   class: "pt-16"
-}, is = /* @__PURE__ */ _("div", { class: "text-medium-emphasis" }, " All caught up ", -1), as = { class: "ps-3 text-subtitle-2 pe-2" }, rs = { class: "text-truncate" }, ls = { class: "text-caption font-weight-bold text-medium-emphasis" }, cs = { class: "text-disabled text-caption my-2" }, us = /* @__PURE__ */ V({
+}, ls = /* @__PURE__ */ v("div", { class: "text-medium-emphasis" }, " All caught up ", -1), cs = { class: "ps-3 text-subtitle-2 pe-2" }, us = { class: "text-truncate" }, ds = { class: "text-caption font-weight-bold text-medium-emphasis" }, ps = { class: "text-disabled text-caption my-2" }, ms = /* @__PURE__ */ k({
   __name: "VoNotificationsList",
   props: {
     items: {}
   },
   setup(u) {
-    const t = M(), a = he();
-    function s(r) {
-      return t.notifications.read.includes(r);
+    const t = T(), i = be();
+    function s(a) {
+      return t.notifications.read.includes(a);
     }
-    function n(r) {
-      s(r.slug) ? t.notifications.read = t.notifications.read.filter((c) => c !== r.slug) : t.notifications.read.push(r.slug);
+    function l(a) {
+      s(a.slug) ? t.notifications.read = t.notifications.read.filter((r) => r !== a.slug) : t.notifications.read.push(a.slug);
     }
-    return (r, c) => {
-      const l = Re("v-empty-state"), h = Y;
-      return d(), v(ne, {
+    return (a, r) => {
+      const c = Me("v-empty-state"), h = Q;
+      return d(), m(ie, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
-        default: i(() => [
-          r.items.length ? (d(!0), w(N, { key: 1 }, se(r.items, (p, g) => (d(), v(Ge, {
+        default: n(() => [
+          a.items.length ? (d(!0), S(F, { key: 1 }, ne(a.items, (p, g) => (d(), m(Ye, {
             key: p.slug
           }, {
-            default: i(({ isHovering: C, props: m }) => [
-              o(h, Q(m, {
+            default: n(({ isHovering: C, props: _ }) => [
+              o(h, J(_, {
                 border: g !== 0 && "t",
                 class: "py-4 mb-0"
               }), {
-                prepend: i(() => [
-                  _("div", as, I(p.metadata.emoji), 1)
+                prepend: n(() => [
+                  v("div", cs, D(p.metadata.emoji), 1)
                 ]),
-                append: i(() => [
-                  o(Zt, {
+                append: n(() => [
+                  o(to, {
                     class: "mt-n3",
                     width: "56"
                   }, {
-                    default: i(() => [
-                      o(ie, {
+                    default: n(() => [
+                      o(re, {
                         text: s(p.slug) ? "Mark as unread" : "Mark as read",
                         location: "bottom"
                       }, {
-                        activator: i(({ props: k }) => [
-                          o(De, { "hide-on-leave": "" }, {
-                            default: i(() => [
-                              Le(o(Z, Q(k, {
-                                icon: `svg:${s(p.slug) ? e(At) : e(It)}`,
+                        activator: n(({ props: w }) => [
+                          o(Be, { "hide-on-leave": "" }, {
+                            default: n(() => [
+                              Fe(o(Z, J(w, {
+                                icon: `svg:${s(p.slug) ? e(Ut) : e(Dt)}`,
                                 class: "ms-auto",
                                 size: "small",
                                 variant: "text",
                                 "mdi-email-variant": "",
-                                onClick: (D) => n(p)
+                                onClick: (b) => l(p)
                               }), null, 16, ["icon", "onClick"]), [
-                                [He, C]
+                                [Pe, C]
                               ])
                             ]),
                             _: 2
@@ -2084,17 +2115,17 @@ const Qe = te("settings", () => {
                     _: 2
                   }, 1024)
                 ]),
-                default: i(() => [
-                  o(Et, { class: "text-wrap text-h6 mb-1" }, {
-                    default: i(() => [
-                      _("div", rs, I(p.title), 1)
+                default: n(() => [
+                  o(qt, { class: "text-wrap text-h6 mb-1" }, {
+                    default: n(() => [
+                      v("div", us, D(p.title), 1)
                     ]),
                     _: 2
                   }, 1024),
-                  _("div", ls, I(e(a).format(p.created_at, "fullDateWithWeekday")), 1),
-                  _("div", cs, I(p.metadata.text), 1),
-                  o(q, {
-                    "append-icon": `svg:${e(Dt)}`,
+                  v("div", ds, D(e(i).format(p.created_at, "fullDateWithWeekday")), 1),
+                  v("div", ps, D(p.metadata.text), 1),
+                  o(Y, {
+                    "append-icon": `svg:${e(Ft)}`,
                     href: p.metadata.action,
                     text: p.metadata.action_text,
                     size: "small",
@@ -2102,9 +2133,9 @@ const Qe = te("settings", () => {
                     variant: "text",
                     border: "",
                     label: "",
-                    onClick: (k) => n(p)
+                    onClick: (w) => l(p)
                   }, {
-                    append: i(() => [
+                    append: n(() => [
                       o(U, { size: "12" })
                     ]),
                     _: 2
@@ -2114,16 +2145,16 @@ const Qe = te("settings", () => {
               }, 1040, ["border"])
             ]),
             _: 2
-          }, 1024))), 128)) : (d(), w("div", ns, [
-            o(l, {
+          }, 1024))), 128)) : (d(), S("div", rs, [
+            o(c, {
               icon: "$vuetify",
               size: "256"
             }, {
-              media: i(() => [
+              media: n(() => [
                 o(U, { color: "medium-emphasis" })
               ]),
-              title: i(() => [
-                is
+              title: n(() => [
+                ls
               ]),
               _: 1
             })
@@ -2133,51 +2164,58 @@ const Qe = te("settings", () => {
       });
     };
   }
-}), ds = { class: "text-caption" }, ps = /* @__PURE__ */ V({
+}), fs = { class: "text-caption" }, vs = /* @__PURE__ */ k({
   __name: "VoNotificationsDialog",
+  props: {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
   setup(u) {
-    const t = ye(), a = _e(), s = F(["0"]), n = F(!1);
-    return (r, c) => {
-      const l = Y, h = us, p = Ve;
-      return d(), v(p, {
-        modelValue: n.value,
-        "onUpdate:modelValue": c[2] || (c[2] = (g) => n.value = g),
-        "prepend-icon": `svg:${e(Ut)}`,
+    const t = ge(), i = Se(), s = q(), l = xe(), a = N(["0"]), r = ae(u, "modelValue");
+    return z(i, async () => {
+      i.value.one === "notifications" && (s.isOpen = !0, await _e(), r.value = !0);
+    }, { immediate: !0 }), (c, h) => {
+      const p = Q, g = ms, C = we;
+      return d(), m(C, {
+        modelValue: r.value,
+        "onUpdate:modelValue": h[2] || (h[2] = (_) => r.value = _),
+        "prepend-icon": `svg:${e(Nt)}`,
         title: "Notifications"
       }, {
-        default: i(() => [
-          o(Fe, null, {
-            default: i(() => [
-              o(Kt, {
-                location: e(a).mobile.value ? "top" : "start",
-                width: e(a).mobile.value ? 128 : 168,
+        default: n(() => [
+          o(Ve, null, {
+            default: n(() => [
+              o(oo, {
+                location: e(t).mobile.value ? "top" : "start",
+                width: e(t).mobile.value ? 128 : 168,
                 permanent: ""
               }, {
-                default: i(() => [
-                  o(ne, {
-                    selected: s.value,
-                    "onUpdate:selected": c[0] || (c[0] = (g) => s.value = g),
+                default: n(() => [
+                  o(ie, {
+                    selected: a.value,
+                    "onUpdate:selected": h[0] || (h[0] = (_) => a.value = _),
                     class: "px-4 pt-4",
                     density: "compact",
                     mandatory: "",
                     nav: ""
                   }, {
-                    default: i(() => [
-                      o(l, {
-                        "prepend-icon": `svg:${e(Ft)}`,
+                    default: n(() => [
+                      o(p, {
+                        "prepend-icon": `svg:${e(Ot)}`,
                         title: "Unread",
                         value: "0"
                       }, G({ _: 2 }, [
-                        e(t).unread.length > 0 ? {
+                        e(l).unread.length > 0 ? {
                           name: "append",
-                          fn: i(() => [
-                            _("span", ds, I(e(t).unread.length), 1)
+                          fn: n(() => [
+                            v("span", fs, D(e(l).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
-                      o(l, {
-                        "prepend-icon": `svg:${e(Nt)}`,
+                      o(p, {
+                        "prepend-icon": `svg:${e(Bt)}`,
                         title: "Read",
                         value: "1",
                         "mdi-archive-outline": ""
@@ -2188,25 +2226,25 @@ const Qe = te("settings", () => {
                 ]),
                 _: 1
               }, 8, ["location", "width"]),
-              o(Ne, { scrollable: "" }, {
-                default: i(() => [
-                  o(Ye, {
-                    modelValue: s.value,
-                    "onUpdate:modelValue": c[1] || (c[1] = (g) => s.value = g)
+              o(ke, { scrollable: "" }, {
+                default: n(() => [
+                  o(Je, {
+                    modelValue: a.value,
+                    "onUpdate:modelValue": h[1] || (h[1] = (_) => a.value = _)
                   }, {
-                    default: i(() => [
-                      o(me, { value: "0" }, {
-                        default: i(() => [
-                          o(h, {
-                            items: e(t).unread
+                    default: n(() => [
+                      o(ve, { value: "0" }, {
+                        default: n(() => [
+                          o(g, {
+                            items: e(l).unread
                           }, null, 8, ["items"])
                         ]),
                         _: 1
                       }),
-                      o(me, { value: "1" }, {
-                        default: i(() => [
-                          o(h, {
-                            items: e(t).read
+                      o(ve, { value: "1" }, {
+                        default: n(() => [
+                          o(g, {
+                            items: e(l).read
                           }, null, 8, ["items"])
                         ]),
                         _: 1
@@ -2225,49 +2263,49 @@ const Qe = te("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), ms = /* @__PURE__ */ V({
+}), _s = /* @__PURE__ */ k({
   __name: "VoNotificationsBadge",
   setup(u) {
-    const t = ye();
-    return (a, s) => (d(), v(Me, {
+    const t = xe(), i = T();
+    return (s, l) => (d(), m(Ee, {
       content: e(t).unread.length,
-      "model-value": e(t).unread.length > 0,
+      "model-value": e(i).notifications.show && e(t).unread.length > 0,
       color: "error"
     }, {
-      default: i(() => [
-        B(a.$slots, "default")
+      default: n(() => [
+        H(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["content", "model-value"]));
   }
-}), fs = /* @__PURE__ */ V({
+}), hs = /* @__PURE__ */ k({
   __name: "VoNotificationsListItem",
   setup(u) {
-    const t = M(), a = ye(), s = F(!1);
-    return Te(async () => {
-      await a.get();
-    }), (n, r) => {
-      const c = ms, l = ps, h = Y;
-      return e(t).notifications.show ? (d(), v(h, {
+    const t = T(), i = xe(), s = N(!1);
+    return st(async () => {
+      await i.get();
+    }), (l, a) => {
+      const r = _s, c = vs, h = Q;
+      return e(t).notifications.show ? (d(), m(h, {
         key: 0,
         active: s.value,
         "prepend-icon": `svg:${e(jt)}`,
         title: "Notifications",
         link: ""
       }, G({
-        default: i(() => [
-          o(l, {
+        default: n(() => [
+          o(c, {
             modelValue: s.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (p) => s.value = p)
+            "onUpdate:modelValue": a[0] || (a[0] = (p) => s.value = p)
           }, null, 8, ["modelValue"])
         ]),
         _: 2
       }, [
-        e(a).unread.length ? {
+        e(i).unread.length ? {
           name: "prepend",
-          fn: i(() => [
-            o(c, null, {
-              default: i(() => [
+          fn: n(() => [
+            o(r, null, {
+              default: n(() => [
                 o(U)
               ]),
               _: 1
@@ -2275,52 +2313,52 @@ const Qe = te("settings", () => {
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["active", "prepend-icon"])) : $("", !0);
+      ]), 1032, ["active", "prepend-icon"])) : x("", !0);
     };
   }
-}), vs = /* @__PURE__ */ V({
+}), gs = /* @__PURE__ */ k({
   __name: "VoDashboardListItem",
   setup(u) {
-    return (t, a) => {
-      const s = Y;
-      return d(), v(s, {
-        "prepend-icon": `svg:${e(Ot)}`,
+    return (t, i) => {
+      const s = Q;
+      return d(), m(s, {
+        "prepend-icon": `svg:${e(zt)}`,
         title: "Dashboard",
         to: "/user/dashboard"
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), _s = /* @__PURE__ */ V({
+}), bs = /* @__PURE__ */ k({
   __name: "VoUserList",
   setup(u) {
-    const t = z();
-    return (a, s) => {
-      const n = vs, r = fs, c = ss, l = Po, h = yo, p = fo;
-      return d(), v(ne, {
+    const t = j();
+    return (i, s) => {
+      const l = gs, a = hs, r = as, c = qo, h = $o, p = ho;
+      return d(), m(ie, {
         density: "compact",
         nav: "",
         slim: ""
       }, {
-        default: i(() => [
-          o(n),
+        default: n(() => [
+          o(l),
+          o(a),
           o(r),
-          o(c),
-          e(t).user ? (d(), v(l, { key: 0 })) : $("", !0),
+          e(t).user ? (d(), m(c, { key: 0 })) : x("", !0),
           o(h),
-          e(t).user ? (d(), v(p, { key: 1 })) : $("", !0)
+          e(t).user ? (d(), m(p, { key: 1 })) : x("", !0)
         ]),
         _: 1
       });
     };
   }
-}), hs = { key: 0 }, gs = { class: "d-flex align-center justify-center pa-1 ga-2" }, bs = /* @__PURE__ */ V({
+}), ys = { key: 0 }, Vs = { class: "d-flex align-center justify-center pa-1 ga-2" }, ks = /* @__PURE__ */ k({
   __name: "VoUserQuickActions",
   setup(u) {
-    const t = M();
-    return (a, s) => (d(), v(le, null, {
-      default: i(() => [
-        e(t).quickbar ? (d(), w("div", hs, [
-          _("div", gs, [
+    const t = T();
+    return (i, s) => (d(), m(ue, null, {
+      default: n(() => [
+        e(t).quickbar ? (d(), S("div", ys, [
+          v("div", Vs, [
             o(Z, {
               color: e(t).colors.one,
               class: "text-caption",
@@ -2331,7 +2369,7 @@ const Qe = te("settings", () => {
             }, null, 8, ["color"]),
             o(Z, {
               color: e(t).colors.one,
-              icon: `svg:${e(Bt)}`,
+              icon: `svg:${e(Tt)}`,
               class: "text-caption",
               density: "comfortable",
               href: "https://bin.vuetifyjs.com",
@@ -2339,23 +2377,23 @@ const Qe = te("settings", () => {
             }, null, 8, ["color", "icon"]),
             o(Z, {
               color: e(t).colors.one,
-              icon: `svg:${e(zt)}`,
+              icon: `svg:${e(Rt)}`,
               class: "text-caption",
               density: "comfortable",
               href: "https://issues.vuetifyjs.com",
               target: "_blank"
             }, null, 8, ["color", "icon"])
           ])
-        ])) : $("", !0)
+        ])) : x("", !0)
       ]),
       _: 1
     }));
   }
-}), ys = { class: "mb-2" }, Vs = { key: 0 }, ks = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, $s = { class: "text-h6" }, xs = /* @__PURE__ */ V({
+}), $s = { class: "mb-2" }, xs = { key: 0 }, ws = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Ss = { class: "text-h6" }, Cs = /* @__PURE__ */ k({
   __name: "VoUserAvatar",
   setup(u) {
-    const t = z(), a = M(), s = F(!1), n = L(() => {
-      const l = [
+    const t = j(), i = T(), s = N(!1), l = L(() => {
+      const c = [
         "https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/grass.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/wood.png",
@@ -2371,19 +2409,19 @@ const Qe = te("settings", () => {
         "https://cdn.vuetifyjs.com/docs/images/avatars/meteor.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/tada.png"
       ];
-      return t.user && l.unshift(t.user.picture), l;
+      return t.user && c.unshift(t.user.picture), c;
     });
-    function r(l) {
-      a.avatar = l;
+    function a(c) {
+      i.avatar = c;
     }
-    function c() {
+    function r() {
       t.isSubscriber && (s.value = !s.value);
     }
-    return (l, h) => {
+    return (c, h) => {
       var p;
-      return d(), w("div", null, [
-        Le((d(), v(pe, {
-          class: ot([
+      return d(), S("div", null, [
+        Fe((d(), m(fe, {
+          class: nt([
             "border-md border-opacity-100 border-surface-variant",
             {
               "cursor-pointer": e(t).isSubscriber
@@ -2392,14 +2430,14 @@ const Qe = te("settings", () => {
           color: "surface",
           size: "72",
           text: "Foobar",
-          onClick: ze(c, ["prevent", "stop"])
+          onClick: He(r, ["prevent", "stop"])
         }, {
-          default: i(() => [
-            e(t).user && e(a).avatar ? (d(), v(Ue, {
+          default: n(() => [
+            e(t).user && e(i).avatar ? (d(), m(je, {
               key: 0,
-              src: e(a).avatar,
+              src: e(i).avatar,
               alt: "User avatar"
-            }, null, 8, ["src"])) : (d(), v(U, {
+            }, null, 8, ["src"])) : (d(), m(U, {
               key: 1,
               class: "mt-1",
               icon: "$vuetify",
@@ -2408,28 +2446,28 @@ const Qe = te("settings", () => {
           ]),
           _: 1
         }, 8, ["class"])), [
-          [eo, e(t).isSubscriber]
+          [so, e(t).isSubscriber]
         ]),
-        _("div", ys, [
-          o(le, null, {
-            default: i(() => [
-              s.value ? (d(), w("div", Vs, [
-                o(R, {
+        v("div", $s, [
+          o(ue, null, {
+            default: n(() => [
+              s.value ? (d(), S("div", xs, [
+                o(P, {
                   class: "pt-6 pb-1",
                   rounded: "0",
                   flat: ""
                 }, {
-                  default: i(() => [
-                    _("div", ks, [
-                      (d(!0), w(N, null, se(n.value, (g, C) => (d(), v(Z, {
+                  default: n(() => [
+                    v("div", ws, [
+                      (d(!0), S(F, null, ne(l.value, (g, C) => (d(), m(Z, {
                         key: C,
-                        active: e(a).avatar === g,
+                        active: e(i).avatar === g,
                         variant: "flat",
                         icon: "",
-                        onClick: (m) => r(g)
+                        onClick: (_) => a(g)
                       }, {
-                        default: i(() => [
-                          o(pe, {
+                        default: n(() => [
+                          o(fe, {
                             image: g,
                             eager: ""
                           }, null, 8, ["image"])
@@ -2440,141 +2478,151 @@ const Qe = te("settings", () => {
                   ]),
                   _: 1
                 })
-              ])) : $("", !0)
+              ])) : x("", !0)
             ]),
             _: 1
           })
         ]),
-        _("div", $s, I(((p = e(t).user) == null ? void 0 : p.name) ?? "Guest"), 1)
+        v("div", Ss, D(((p = e(t).user) == null ? void 0 : p.name) ?? "Guest"), 1)
       ]);
     };
   }
-}), ws = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, Ss = {
+}), Ls = /* @__PURE__ */ k({
+  __name: "VoUserBadges",
+  setup(u) {
+    const t = j(), i = q(), s = L(() => {
+      var l;
+      return i.github || i.discord || i.isSubscriber || ((l = t.user) == null ? void 0 : l.isAdmin);
+    });
+    return (l, a) => s.value ? (d(), m(qe, {
+      key: 0,
+      class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
+      color: "rgba(0,0,0,.36)",
+      rounded: "lg",
+      style: { left: "0" }
+    }, {
+      default: n(() => {
+        var r;
+        return [
+          (r = e(t).user) != null && r.isAdmin ? (d(), m(re, {
+            key: 0,
+            location: "bottom",
+            text: "Vuetify Administrator"
+          }, {
+            activator: n(({ props: c }) => [
+              o(U, J({
+                color: "blue",
+                icon: "$vuetify"
+              }, c, { size: "16" }), null, 16)
+            ]),
+            _: 1
+          })) : x("", !0),
+          e(i).isSubscriber ? (d(), m(re, {
+            key: 1,
+            location: "bottom",
+            text: "Vuetify One Subscriber"
+          }, {
+            activator: n(({ props: c }) => [
+              o(U, J({
+                icon: `svg:${e(Ht)}`,
+                color: "amber-darken-2"
+              }, c, { size: "16" }), null, 16, ["icon"])
+            ]),
+            _: 1
+          })) : x("", !0),
+          e(i).github ? (d(), m(re, {
+            key: 2,
+            location: "bottom",
+            text: "GitHub Sponsor"
+          }, {
+            activator: n(({ props: c }) => [
+              o(U, J({
+                icon: `svg:${e(Oe)}`,
+                color: "medium-emphasis"
+              }, c, { size: "16" }), null, 16, ["icon"])
+            ]),
+            _: 1
+          })) : x("", !0),
+          e(i).discord ? (d(), m(re, {
+            key: 3,
+            location: "bottom",
+            text: "Discord Subscriber"
+          }, {
+            activator: n(({ props: c }) => [
+              o(U, J({
+                icon: `svg:${e(Ne)}`,
+                color: "medium-emphasis"
+              }, c, { size: "16" }), null, 16, ["icon"])
+            ]),
+            _: 1
+          })) : x("", !0)
+        ];
+      }),
+      _: 1
+    })) : x("", !0);
+  }
+}), Is = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, As = {
   key: "reset",
   class: "align-self-end"
-}, Cs = /* @__PURE__ */ V({
+}, Ds = /* @__PURE__ */ k({
   __name: "VoUserColors",
   setup(u) {
-    const t = z(), a = J(), s = M(), n = F(!1);
-    function r() {
-      s.colors.one = "surface-light";
+    const t = j(), i = T(), s = N(!1);
+    function l() {
+      i.colors.one = "surface-light";
     }
-    return (c, l) => {
-      const h = ce;
-      return d(), w(N, null, [
-        o(Ue, {
-          color: e(t).user ? e(s).colors.one : "surface-light",
+    return (a, r) => {
+      const c = Ls, h = de;
+      return d(), S(F, null, [
+        o(je, {
+          color: e(t).user ? e(i).colors.one : "surface-light",
           "content-class": "d-flex align-start justify-end pa-2",
           height: "88",
           rounded: "0",
           cover: "",
           flat: ""
         }, {
-          default: i(() => [
-            _("div", ws, [
-              o(Ee, {
-                class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
-                color: "rgba(0,0,0,.36)",
-                rounded: "lg",
-                style: { left: "0" }
-              }, {
-                default: i(() => {
-                  var p;
-                  return [
-                    (p = e(t).user) != null && p.isAdmin ? (d(), v(ie, {
-                      key: 0,
-                      location: "bottom",
-                      text: "Vuetify Administrator"
-                    }, {
-                      activator: i(({ props: g }) => [
-                        o(U, Q({
-                          color: "blue",
-                          icon: "$vuetify"
-                        }, g, { size: "16" }), null, 16)
-                      ]),
-                      _: 1
-                    })) : $("", !0),
-                    e(a).isSubscriber ? (d(), v(ie, {
-                      key: 1,
-                      location: "bottom",
-                      text: "Vuetify One Subscriber"
-                    }, {
-                      activator: i(({ props: g }) => [
-                        o(U, Q({
-                          icon: `svg:${e(Tt)}`,
-                          color: "amber-darken-2"
-                        }, g, { size: "16" }), null, 16, ["icon"])
-                      ]),
-                      _: 1
-                    })) : $("", !0),
-                    e(a).github ? (d(), v(ie, {
-                      key: 2,
-                      location: "bottom",
-                      text: "GitHub Sponsor"
-                    }, {
-                      activator: i(({ props: g }) => [
-                        o(U, Q({
-                          icon: `svg:${e(Ae)}`,
-                          color: "medium-emphasis"
-                        }, g, { size: "16" }), null, 16, ["icon"])
-                      ]),
-                      _: 1
-                    })) : $("", !0),
-                    e(a).discord ? (d(), v(ie, {
-                      key: 3,
-                      location: "bottom",
-                      text: "Discord Subscriber"
-                    }, {
-                      activator: i(({ props: g }) => [
-                        o(U, Q({
-                          icon: `svg:${e(Ie)}`,
-                          color: "medium-emphasis"
-                        }, g, { size: "16" }), null, 16, ["icon"])
-                      ]),
-                      _: 1
-                    })) : $("", !0)
-                  ];
-                }),
-                _: 1
-              }),
-              e(t).isSubscriber ? (d(), v(h, {
+          default: n(() => [
+            v("div", Is, [
+              o(c),
+              e(t).isSubscriber ? (d(), m(h, {
                 key: 0,
-                active: n.value,
-                icon: n.value ? `svg:${e(oe)}` : "$edit",
-                variant: n.value ? "text" : "plain",
+                active: s.value,
+                icon: s.value ? `svg:${e(se)}` : "$edit",
+                variant: s.value ? "text" : "plain",
                 class: "align-self-end",
                 color: "inherit",
                 density: "comfortable",
                 title: "Edit One Header Color",
-                onClick: l[0] || (l[0] = (p) => n.value = !n.value)
+                onClick: r[0] || (r[0] = (p) => s.value = !s.value)
               }, {
-                default: i(() => [
-                  o(De, { "leave-absolute": "" }, {
-                    default: i(() => [
-                      (d(), v(U, {
-                        key: String(n.value)
+                default: n(() => [
+                  o(Be, { "leave-absolute": "" }, {
+                    default: n(() => [
+                      (d(), m(U, {
+                        key: String(s.value)
                       }))
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
-              }, 8, ["active", "icon", "variant"])) : $("", !0),
-              o(Wt, null, {
-                default: i(() => [
-                  Le(_("div", Ss, [
+              }, 8, ["active", "icon", "variant"])) : x("", !0),
+              o(Gt, null, {
+                default: n(() => [
+                  Fe(v("div", As, [
                     o(h, {
-                      disabled: e(s).colors.one === "surface-light",
-                      icon: `svg:${e(Rt)}`,
+                      disabled: e(i).colors.one === "surface-light",
+                      icon: `svg:${e(Mt)}`,
                       class: "ms-2 me-1",
                       color: "inherit",
                       density: "comfortable",
                       title: "Revert to Default",
                       variant: "text",
-                      onClick: r
+                      onClick: l
                     }, null, 8, ["disabled", "icon"])
                   ], 512), [
-                    [He, n.value]
+                    [Pe, s.value]
                   ])
                 ]),
                 _: 1
@@ -2583,11 +2631,11 @@ const Qe = te("settings", () => {
           ]),
           _: 1
         }, 8, ["color"]),
-        o(le, null, {
-          default: i(() => [
-            n.value ? (d(), v(to, {
+        o(ue, null, {
+          default: n(() => [
+            s.value ? (d(), m(no, {
               key: 0,
-              "model-value": e(s).colors.one !== "surface-light" ? e(s).colors.one : void 0,
+              "model-value": e(i).colors.one !== "surface-light" ? e(i).colors.one : void 0,
               elevation: "0",
               height: "250",
               rounded: "0",
@@ -2597,21 +2645,21 @@ const Qe = te("settings", () => {
               "hide-inputs": "",
               "hide-sliders": "",
               "show-swatches": "",
-              "onUpdate:modelValue": l[1] || (l[1] = (p) => e(s).colors.one = p)
-            }, null, 8, ["model-value"])) : $("", !0)
+              "onUpdate:modelValue": r[1] || (r[1] = (p) => e(i).colors.one = p)
+            }, null, 8, ["model-value"])) : x("", !0)
           ]),
           _: 1
         })
       ], 64);
     };
   }
-}), Ls = { class: "text-center mt-n9 mb-4" }, Is = /* @__PURE__ */ V({
+}), Us = { class: "text-center mt-n9 mb-4" }, Fs = /* @__PURE__ */ k({
   __name: "VoUserMenu",
   setup(u) {
-    const t = J();
-    return (a, s) => {
-      const n = Cs, r = xs, c = bs, l = _s, h = mo;
-      return d(), v(oo, {
+    const t = q();
+    return (i, s) => {
+      const l = Ds, a = Cs, r = ks, c = bs, h = _o;
+      return d(), m(io, {
         modelValue: e(t).isOpen,
         "onUpdate:modelValue": s[0] || (s[0] = (p) => e(t).isOpen = p),
         "close-on-click": !1,
@@ -2620,21 +2668,21 @@ const Qe = te("settings", () => {
         location: "bottom end",
         eager: ""
       }, {
-        default: i(() => [
-          o(R, {
+        default: n(() => [
+          o(P, {
             rounded: "lg",
             width: "280",
             border: ""
           }, {
-            default: i(() => [
-              o(n),
-              _("div", Ls, [
-                o(r),
-                o(c)
-              ]),
-              o(H),
+            default: n(() => [
               o(l),
-              o(H),
+              v("div", Us, [
+                o(a),
+                o(r)
+              ]),
+              o(E),
+              o(c),
+              o(E),
               o(h)
             ]),
             _: 1
@@ -2644,38 +2692,38 @@ const Qe = te("settings", () => {
       }, 8, ["modelValue"]);
     };
   }
-}), As = { key: 0 }, Ds = /* @__PURE__ */ V({
+}), Ns = { key: 0 }, Os = /* @__PURE__ */ k({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
   },
   setup(u) {
-    const t = z(), a = J(), s = M(), { lgAndUp: n, mdAndDown: r } = _e(), c = L(() => a.isOpen || !t.user ? s.colors.one === "surface-light" ? "primary" : s.colors.one : "surface-light");
-    return (l, h) => {
-      const p = Is, g = ce, C = no;
-      return d(), v(C, {
+    const t = j(), i = q(), s = T(), { lgAndUp: l, mdAndDown: a } = ge(), r = L(() => i.isOpen || !t.user ? s.colors.one === "surface-light" ? "primary" : s.colors.one : "surface-light");
+    return (c, h) => {
+      const p = Fs, g = de, C = ro;
+      return d(), m(C, {
         "offset-y": e(t).user ? 5 : 0
       }, {
-        default: i(() => [
-          o(g, Q({
-            [`${e(n) ? "append-" : ""}icon`]: e(t).user ? void 0 : `svg:${e(Ht)}`
+        default: n(() => [
+          o(g, J({
+            [`${e(l) ? "append-" : ""}icon`]: e(t).user ? void 0 : `svg:${e(Pt)}`
           }, {
-            color: c.value,
+            color: r.value,
             icon: e(t).user || e(t).isLoading,
             loading: e(t).isLoading,
-            rounded: e(r),
+            rounded: e(a),
             variant: e(t).user ? "outlined" : "flat",
             class: "vo-auth-btn",
             size: "default",
             style: { transition: ".2s ease" },
             active: ""
           }), {
-            default: i(() => [
-              e(t).user ? $("", !0) : (d(), w("span", As, "Login")),
-              e(t).user ? (d(), v(pe, {
+            default: n(() => [
+              e(t).user ? x("", !0) : (d(), S("span", Ns, "Login")),
+              e(t).user ? (d(), m(fe, {
                 key: 1,
                 image: e(s).avatar || e(t).user.picture || ""
-              }, null, 8, ["image"])) : $("", !0),
+              }, null, 8, ["image"])) : x("", !0),
               o(p)
             ]),
             _: 1
@@ -2685,10 +2733,10 @@ const Qe = te("settings", () => {
       }, 8, ["offset-y"]);
     };
   }
-}), Us = (u) => (st("data-v-86d0e524"), u = u(), nt(), u), Fs = ["href", "title"], Ns = {
+}), Bs = (u) => (it("data-v-86d0e524"), u = u(), at(), u), js = ["href", "title"], zs = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, js = /* @__PURE__ */ Us(() => /* @__PURE__ */ _("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Os = /* @__PURE__ */ V({
+}, Ts = /* @__PURE__ */ Bs(() => /* @__PURE__ */ v("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Rs = /* @__PURE__ */ k({
   __name: "VoFooter",
   setup(u) {
     const t = [
@@ -2699,7 +2747,7 @@ const Qe = te("settings", () => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${Mt}`,
+        icon: `svg:${Et}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -2709,154 +2757,154 @@ const Qe = te("settings", () => {
       },
       {
         title: "Vuetify GitHub",
-        icon: `svg:${Ae}`,
+        icon: `svg:${Oe}`,
         href: "https://github.com/vuetifyjs/vuetify"
       },
       {
         title: "Vuetify Discord",
-        icon: `svg:${Ie}`,
+        icon: `svg:${Ne}`,
         href: "https://community.vuetifyjs.com/"
       },
       {
         title: "Vuetify Reddit",
-        icon: `svg:${Pt}`,
+        icon: `svg:${Wt}`,
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
-    return (a, s) => (d(), v(so, {
+    return (i, s) => (d(), m(ao, {
       class: "vo-footer",
       height: "40"
     }, {
-      default: i(() => [
-        (d(), w(N, null, se(t, (n) => _("a", {
-          key: n.title,
-          href: n.href,
-          title: n.title,
+      default: n(() => [
+        (d(), S(F, null, ne(t, (l) => v("a", {
+          key: l.title,
+          href: l.href,
+          title: l.title,
           class: "d-inline-block mx-2 social-link",
           rel: "noopener noreferrer",
           target: "_blank"
         }, [
           o(U, {
-            icon: n.icon,
-            size: n.icon === "$vuetify" ? 24 : 16
+            icon: l.icon,
+            size: l.icon === "$vuetify" ? 24 : 16
           }, null, 8, ["icon", "size"])
-        ], 8, Fs)), 64)),
-        _("div", Ns, [
-          j(" © 2016-" + I((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-          js
+        ], 8, js)), 64)),
+        v("div", zs, [
+          O(" © 2016-" + D((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+          Ts
         ])
       ]),
       _: 1
     }));
   }
 });
-const Bs = (u, t) => {
-  const a = u.__vccOpts || u;
-  for (const [s, n] of t)
-    a[s] = n;
-  return a;
-}, zs = /* @__PURE__ */ Bs(Os, [["__scopeId", "data-v-86d0e524"]]), xn = te("bins", () => {
-  const u = z(), t = be(), a = ee([]), s = ee(), n = F(!1), r = F(-1), c = L(() => !u.user || !s.value ? !1 : u.user.id === s.value.owner.id), l = L(() => a.value.filter((b) => b.favorite)), h = L(() => a.value.filter((b) => b.pinned));
-  W(s, () => {
-    window.clearTimeout(r.value), r.value = window.setTimeout(() => {
-      !s.value || !c.value || m(s.value, s.value.id);
+const Hs = (u, t) => {
+  const i = u.__vccOpts || u;
+  for (const [s, l] of t)
+    i[s] = l;
+  return i;
+}, Ms = /* @__PURE__ */ Hs(Rs, [["__scopeId", "data-v-86d0e524"]]), In = oe("bins", () => {
+  const u = j(), t = $e(), i = te([]), s = te(), l = N(!1), a = N(-1), r = L(() => !u.user || !s.value ? !1 : u.user.id === s.value.owner.id), c = L(() => i.value.filter((y) => y.favorite)), h = L(() => i.value.filter((y) => y.pinned));
+  z(s, () => {
+    window.clearTimeout(a.value), a.value = window.setTimeout(() => {
+      !s.value || !r.value || _(s.value, s.value.id);
     }, 100);
   }, { deep: !0 });
   async function p() {
     try {
-      n.value = !0;
-      const b = await t.get("/one/bins");
-      a.value = b.bins;
+      l.value = !0;
+      const y = await t.get("/one/bins");
+      i.value = y.bins;
     } catch {
     } finally {
-      n.value = !1;
+      l.value = !1;
     }
-    return a.value;
+    return i.value;
   }
-  async function g(b) {
+  async function g(y) {
     try {
-      n.value = !0, await t.delete(`/one/bins/${b}`), a.value = a.value.filter((x) => x.id !== b);
+      l.value = !0, await t.delete(`/one/bins/${y}`), i.value = i.value.filter(($) => $.id !== y);
     } catch {
     } finally {
-      n.value = !1;
+      l.value = !1;
     }
     return !0;
   }
-  async function C(b) {
+  async function C(y) {
     try {
-      n.value = !0;
-      const x = await t.post("/one/bins", { bin: b });
-      return a.value.push(x.bin), s.value = x.bin, x;
+      l.value = !0;
+      const $ = await t.post("/one/bins", { bin: y });
+      return i.value.push($.bin), s.value = $.bin, $;
     } catch {
     } finally {
-      n.value = !1;
+      l.value = !1;
     }
-    return { bin: b };
+    return { bin: y };
   }
-  async function m(b, x) {
+  async function _(y, $) {
     try {
-      n.value = !0;
-      const A = await t.post(`/one/bins/${x}`, { bin: b }), O = a.value.findIndex((S) => S.id === x);
-      a.value.splice(O, 1, A.bin);
+      l.value = !0;
+      const B = await t.post(`/one/bins/${$}`, { bin: y }), I = i.value.findIndex((W) => W.id === $);
+      i.value.splice(I, 1, B.bin);
     } catch {
     } finally {
-      n.value = !1;
+      l.value = !1;
     }
-    return { bin: b };
+    return { bin: y };
   }
-  async function k(b, x) {
+  async function w(y, $) {
     try {
-      n.value = !0;
-      const A = x ? await m(b, x) : await C(b);
-      s.value = A.bin;
+      l.value = !0;
+      const B = $ ? await _(y, $) : await C(y);
+      s.value = B.bin;
     } catch {
     } finally {
-      n.value = !1;
+      l.value = !1;
     }
-    return { bin: b };
+    return { bin: y };
   }
-  async function D(b) {
+  async function b(y) {
     try {
-      n.value = !0;
-      const x = await t.get(`/one/bins/${b}`);
-      s.value = x.bin;
+      l.value = !0;
+      const $ = await t.get(`/one/bins/${y}`);
+      s.value = $.bin;
     } catch {
     } finally {
-      n.value = !1;
+      l.value = !1;
     }
     return { bin: s.value };
   }
   return {
-    isLoading: n,
-    isOwner: c,
+    isLoading: l,
+    isOwner: r,
     pinned: h,
-    favorites: l,
-    all: a,
+    favorites: c,
+    all: i,
     create: C,
     delete: g,
     current: s,
-    find: D,
+    find: b,
     get: p,
-    update: m,
-    updateOrCreate: k
+    update: _,
+    updateOrCreate: w
   };
 });
-function wn() {
+function An() {
   function u(t) {
-    t.component("VoAuthBtn", Ds), t.component("VoFooter", zs);
+    t.component("VoAuthBtn", Os), t.component("VoFooter", Ms);
   }
   return { install: u };
 }
-function Sn(u) {
-  u.store.url = "http://localhost:8096";
+function Dn(u) {
+  u.store.url = "https://api.vuetifyjs.com";
 }
 export {
-  wn as createOne,
-  Sn as one,
-  z as useAuthStore,
-  xn as useBinsStore,
-  be as useHttpStore,
-  J as useOneStore,
-  Qe as useSettingsStore,
-  M as useUserStore
+  An as createOne,
+  Dn as one,
+  j as useAuthStore,
+  In as useBinsStore,
+  $e as useHttpStore,
+  q as useOneStore,
+  Ze as useSettingsStore,
+  T as useUserStore
 };