@vuetify/one 1.0.15 → 1.0.16

package/dist/index.js

@@ -1,75 +1,75 @@
-import { reactive as et, toRefs as tt, 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 ot, useModel as ae, createElementBlock as S, Fragment as F, createTextVNode as O, onBeforeMount as st, nextTick as _e, renderList as ne, mergeProps as J, resolveComponent as Me, withDirectives as Fe, vShow as Pe, onMounted as nt, normalizeClass as it, pushScopeId as at, popScopeId as rt } from "vue";
-import { defineStore as oe } from "pinia";
-import { merge as Ce } from "lodash-es";
+import { reactive as tt, toRefs as ot, ref as Z, shallowRef as U, computed as L, watch as T, defineComponent as b, openBlock as d, createBlock as f, unref as t, withCtx as s, renderSlot as R, normalizeStyle as ze, createSlots as M, createCommentVNode as x, createElementVNode as g, toDisplayString as D, createVNode as o, withModifiers as Re, mergeModels as nt, useModel as se, createElementBlock as C, Fragment as B, createTextVNode as F, onBeforeMount as st, onMounted as Pe, nextTick as _e, renderList as oe, mergeProps as W, resolveComponent as He, withDirectives as Ae, vShow as Me, normalizeClass as it, pushScopeId as at, popScopeId as rt } from "vue";
+import { defineStore as K } from "pinia";
+import { merge as Se } 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 { VBtn as Q } from "vuetify/lib/components/VBtn/index.mjs";
 import { VProgressCircular as lt } from "vuetify/lib/components/VProgressCircular/index.mjs";
-import { mdiDiscord as Ne, mdiGithub as Oe, mdiSync as ct, mdiSyncOff as ut, mdiLogoutVariant as dt, mdiCheck as se, mdiHome as pt, mdiTextBox as mt, mdiSpaceInvaders as We, mdiWhiteBalanceSunny as ft, mdiWeatherNight as vt, mdiDesktopTowerMonitor as _t, mdiImageFilterHdr as ht, mdiRocketLaunchOutline as gt, mdiContrastCircle as bt, mdiCog as yt, mdiCogOutline as Vt, mdiFileDocument as kt, mdiCreditCardSettingsOutline as $t, mdiRocketOutline as xt, mdiCheckCircleOutline as le, mdiCreditCard as wt, mdiReload as St, mdiPlaylistCheck as Ct, mdiCreditCardOutline as Lt, mdiHandHeart as It, mdiInformationOutline as ze, mdiMedal as Le, mdiChartLine as At, mdiHandHeartOutline as Dt, mdiEmailOpenOutline as Ut, mdiEmailVariant as Ft, mdiOpenInNew as Nt, mdiBell as Ot, mdiInboxOutline as Bt, mdiInboxFullOutline as jt, mdiBellOutline as zt, mdiViewDashboardOutline as Tt, mdiTrashCan as Rt, mdiBug as Ht, mdiCrown as Mt, mdiArrowULeftBottom as Pt, mdiLogin as Et, mdiShieldStarOutline as Wt, mdiReddit as qt } from "@mdi/js";
-import { VListItem as he, VList as ie, VListItemTitle as Gt } from "vuetify/lib/components/VList/index.mjs";
+import { mdiDiscord as De, mdiGithub as Ue, mdiSync as ct, mdiSyncOff as ut, mdiLogoutVariant as dt, mdiCheck as ie, mdiHome as pt, mdiTextBox as mt, mdiSpaceInvaders as Ge, mdiWhiteBalanceSunny as ft, mdiWeatherNight as vt, mdiDesktopTowerMonitor as _t, mdiImageFilterHdr as ht, mdiRocketLaunchOutline as gt, mdiContrastCircle as yt, mdiCog as bt, mdiCogOutline as Vt, mdiFileDocument as kt, mdiCreditCardSettingsOutline as $t, mdiRocketOutline as xt, mdiCheckCircleOutline as re, mdiCreditCard as wt, mdiReload as St, mdiPlaylistCheck as Ct, mdiCreditCardOutline as Lt, mdiMedal as Be, mdiInformationOutline as qe, mdiHandHeart as It, mdiChartLine as At, mdiHandHeartOutline as Dt, mdiEmailOpenOutline as Ut, mdiEmailVariant as Bt, mdiOpenInNew as Ft, mdiBell as Nt, mdiInboxOutline as Ot, mdiInboxFullOutline as jt, mdiBellOutline as Tt, mdiViewDashboardOutline as zt, mdiTrashCan as Rt, mdiBug as Pt, mdiCrown as Ht, mdiArrowULeftBottom as Mt, mdiLogin as Et, mdiShieldStarOutline as Gt, mdiReddit as qt } from "@mdi/js";
+import { VListItem as he, VList as ne, VListItemTitle as Wt } 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 Yt } from "vuetify/lib/components/transitions/index.mjs";
-import { useDisplay as ge, useTheme as Qt, useDate as be } from "vuetify";
+import { VCard as H, VCardText as J } from "vuetify/lib/components/VCard/index.mjs";
+import { VSheet as We } from "vuetify/lib/components/VSheet/index.mjs";
+import { VSwitch as Ye } from "vuetify/lib/components/VSwitch/index.mjs";
+import { VFadeTransition as Fe, VExpandTransition as ce, VExpandXTransition as Yt } from "vuetify/lib/components/transitions/index.mjs";
+import { useDisplay as ue, useTheme as Qt, useDate as Ne } from "vuetify";
 import { VDialog as Jt } 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 De } from "vuetify/lib/components/VLabel/index.mjs";
-import { VChip as Y } from "vuetify/lib/components/VChip/index.mjs";
+import { VDivider as P } from "vuetify/lib/components/VDivider/index.mjs";
+import { VIcon as I } from "vuetify/lib/components/VIcon/index.mjs";
+import { VLabel as Le } from "vuetify/lib/components/VLabel/index.mjs";
+import { VChip as E } from "vuetify/lib/components/VChip/index.mjs";
 import { VChipGroup as Xt } from "vuetify/lib/components/VChipGroup/index.mjs";
 import { VSelect as Zt } from "vuetify/lib/components/VSelect/index.mjs";
 import { useRoute as Kt } 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 { VRow as ge, VCol as le } from "vuetify/lib/components/VGrid/index.mjs";
+import { VHover as Qe } from "vuetify/lib/components/VHover/index.mjs";
+import { VImg as Oe } from "vuetify/lib/components/VImg/index.mjs";
+import { VItemGroup as Je, VItem as Ie } from "vuetify/lib/components/VItemGroup/index.mjs";
+import { VLayout as ye } from "vuetify/lib/components/VLayout/index.mjs";
+import { VMain as be } from "vuetify/lib/components/VMain/index.mjs";
 import { VDataTableVirtual as eo } 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 to, VTimelineItem as Ie } from "vuetify/lib/components/VTimeline/index.mjs";
+import { VWindow as Xe, VWindowItem as ve } from "vuetify/lib/components/VWindow/index.mjs";
+import { VTimelineItem as je, VTimeline as to } from "vuetify/lib/components/VTimeline/index.mjs";
 import { VResponsive as oo } from "vuetify/lib/components/VResponsive/index.mjs";
-import { VTooltip as re } from "vuetify/lib/components/VTooltip/index.mjs";
-import { VNavigationDrawer as so } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
-import { Ripple as no } from "vuetify/lib/directives/index.mjs";
+import { VTooltip as Y } from "vuetify/lib/components/VTooltip/index.mjs";
+import { VNavigationDrawer as no } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
+import { Ripple as so } from "vuetify/lib/directives/index.mjs";
 import { VColorPicker as io } from "vuetify/lib/components/VColorPicker/index.mjs";
 import { VMenu as ao } from "vuetify/lib/components/VMenu/index.mjs";
 import { VFooter as ro } from "vuetify/lib/components/VFooter/index.mjs";
-const $e = oe("http", {
+const Ve = K("http", {
   state: () => ({
     url: ""
   }),
   actions: {
-    async fetch(u, t = {}) {
+    async fetch(u, e = {}) {
       const i = await fetch(`${this.url}${u}`, {
         credentials: "include",
-        ...t
+        ...e
       });
       return i.status === 204 ? i : i.json();
     },
-    async post(u, t, i = {}) {
+    async post(u, e, i = {}) {
       return this.fetch(u, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
-        body: JSON.stringify(t),
+        body: JSON.stringify(e),
         ...i
       });
     },
-    async get(u, t = {}) {
-      return this.fetch(u, t);
+    async get(u, e = {}) {
+      return this.fetch(u, e);
     },
-    async delete(u, t = {}) {
+    async delete(u, e = {}) {
       return this.fetch(u, {
         method: "DELETE",
-        ...t
+        ...e
       });
     }
   }
-}), Ae = typeof window < "u", me = {
+}), Ce = typeof window < "u", me = {
   v: 5,
   api: "link-only",
   avatar: "",
@@ -107,44 +107,44 @@ const $e = oe("http", {
       jobs: null
     }
   }
-}, T = oe("user", () => {
-  const u = et(Ce({}, me));
-  function t() {
-    if (!Ae)
+}, z = K("user", () => {
+  const u = tt(Se({}, me));
+  function e() {
+    if (!Ce)
       return;
-    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();
+    const r = localStorage.getItem("vuetify@user"), a = r ? JSON.parse(r) : {};
+    let l = 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, l = !0), a.v = u.v, Object.assign(u, Se(u, a)), l && i();
   }
   function i() {
-    Ae && localStorage.setItem("vuetify@user", JSON.stringify(u, null, 2));
+    Ce && localStorage.setItem("vuetify@user", JSON.stringify(u, null, 2));
   }
-  function s() {
-    Ae && (Object.assign(u, Ce({}, me)), i());
+  function n() {
+    Ce && (Object.assign(u, Se({}, me)), i());
   }
-  return t(), {
-    ...tt(u),
-    load: t,
+  return e(), {
+    ...ot(u),
+    load: e,
     save: i,
-    reset: s
+    reset: n
   };
-}), 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));
+}), N = K("auth", () => {
+  const u = Z(null), e = Ve(), i = z(), n = U(!1), r = L(() => {
+    var _, V;
+    return !e.url || ((_ = u.value) == null ? void 0 : _.isAdmin) || !!((V = u.value) != null && V.sponsorships.some((y) => y.isActive));
   });
   let a = !1;
-  z(u, (_) => {
+  T(u, (_) => {
     if (!(_ != null && _.settings))
       return;
-    const w = localStorage.getItem("vuetify@user") || "{}";
-    JSON.stringify(_.settings, null, 2) !== w && (a = !0, Object.assign(i, _.settings));
+    const V = localStorage.getItem("vuetify@user") || "{}";
+    JSON.stringify(_.settings, null, 2) !== V && (a = !0, Object.assign(i, _.settings));
   }), i.$subscribe(() => {
-    a || r(), a = !1;
+    a || l(), a = !1;
   });
-  async function r() {
+  async function l() {
     try {
-      await t.post("/user/settings", { settings: i.$state });
+      await e.post("/user/settings", { settings: i.$state });
     } catch (_) {
       console.error(_);
     }
@@ -152,251 +152,251 @@ const $e = oe("http", {
   async function c(_ = !1) {
     if (c.promise)
       return c.promise;
-    s.value = !0, c.promise = fetch(`${t.url}/auth/verify`, {
+    n.value = !0, c.promise = fetch(`${e.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);
+      async (V) => {
+        V.ok ? u.value = (await V.json()).user : V.status === 401 ? u.value = null : console.error(V.statusText);
       },
       () => {
       }
     ).finally(() => {
-      s.value = !1, c.promise = null;
+      n.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(
+  async function m(_ = "github") {
+    n.value = !0;
+    const V = `${e.url}/auth/${_}/redirect`, y = 400, $ = 600, S = window.screenX + (window.innerWidth - y) / 2, j = window.screenY + (window.innerHeight - $) / 2, A = window.open(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${$},top=${B},width=${b},height=${y},resizable`
+      `popup,left=${S},top=${j},width=${y},height=${$},resizable`
     );
-    if (!I) {
+    if (!A) {
       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());
+    A.location.href = V;
+    let q = -1, pe = -1;
+    function ae(h) {
+      var w;
+      h.origin === e.url && ((w = h.data) == null ? void 0 : w.type) === "auth-response" && (h.data.status === "success" ? (u.value || localStorage.setItem("vuetify@lastLoginProvider", _), u.value = h.data.body.user) : console.error(h.data.message), te());
     }
-    function M() {
-      window.removeEventListener("message", A), window.clearInterval(W), window.clearTimeout(K), I == null || I.close(), s.value = !1;
+    function te() {
+      window.removeEventListener("message", ae), window.clearInterval(q), window.clearTimeout(pe), A == null || A.close(), n.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");
+    window.addEventListener("message", ae), q = window.setInterval(() => {
+      !A || A.closed ? (console.error("Auth popup closed"), te()) : A.postMessage({ type: "auth-request" }, "*");
+    }, 1e3), pe = window.setTimeout(() => {
+      te(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
   async function p(_) {
-    s.value = !0;
-    const w = _ ? `/auth/${_}/logout` : "/auth/logout";
+    n.value = !0;
+    const V = _ ? `/auth/${_}/logout` : "/auth/logout";
     try {
-      await t.post(w), await c(!0), u.value = null;
-    } catch (b) {
-      console.error(b);
+      await e.post(V), await c(!0), u.value = null;
+    } catch (y) {
+      console.error(y);
     } finally {
-      s.value = !1;
+      n.value = !1;
     }
   }
-  function g(_) {
-    var w;
-    return (w = u.value) == null ? void 0 : w.identities.find((b) => b.provider === _);
+  function v(_) {
+    var V;
+    return (V = u.value) == null ? void 0 : V.identities.find((y) => y.provider === _);
   }
-  function C() {
+  function k() {
     return localStorage.getItem("vuetify@lastLoginProvider");
   }
-  return C() && c(), {
+  return k() && c(), {
     user: u,
-    url: t.url,
-    isLoading: s,
-    findIdentity: g,
+    url: e.url,
+    isLoading: n,
+    findIdentity: v,
     verify: c,
-    login: h,
+    login: m,
     logout: p,
-    isSubscriber: l,
-    lastLoginProvider: C,
-    sync: r
+    isSubscriber: r,
+    lastLoginProvider: k,
+    sync: l
   };
-}), 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() {
+}), ke = K("notifications", () => {
+  const u = Ve(), e = z(), i = Z([]), n = U(!1), r = L(() => i.value.filter((c) => !e.notifications.read.includes(c.slug))), a = L(() => i.value.filter((c) => e.notifications.read.includes(c.slug)));
+  async function l() {
     try {
-      s.value = !0;
+      n.value = !0;
       const c = await u.get("/one/notifications");
       i.value = c.notifications;
     } catch {
     } finally {
-      s.value = !1;
+      n.value = !1;
     }
     return i.value;
   }
   return {
-    isLoading: s,
+    isLoading: n,
     all: i,
-    get: r,
+    get: l,
     read: a,
-    unread: l
+    unread: r
   };
-}), lo = /* @__PURE__ */ k({
+}), lo = /* @__PURE__ */ b({
   __name: "VoNotificationsTotalBadge",
   setup(u) {
-    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,
+    const e = N(), i = ke(), n = z(), r = L(() => n.notifications.show ? i.unread.length : 0);
+    return (a, l) => (d(), f(Ee, {
+      content: r.value,
+      dot: !!t(e).user,
+      "model-value": r.value > 0,
       color: "error",
       location: "start top"
     }, {
-      default: n(() => [
-        H(a.$slots, "default")
+      default: s(() => [
+        R(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["content", "dot", "model-value"]));
   }
-}), de = /* @__PURE__ */ k({
+}), ee = /* @__PURE__ */ b({
   __name: "VoBtn",
   props: {
     readonly: { type: Boolean }
   },
   setup(u) {
-    const t = u;
-    return (i, s) => (d(), m(Z, {
-      style: Re({
-        pointerEvents: t.readonly ? "none" : void 0
+    const e = u;
+    return (i, n) => (d(), f(Q, {
+      style: ze({
+        pointerEvents: e.readonly ? "none" : void 0
       }),
-      tabindex: t.readonly ? -1 : void 0,
+      tabindex: e.readonly ? -1 : void 0,
       class: "text-none font-weight-regular",
       color: "primary",
       size: "small",
       variant: "flat"
-    }, G({
-      loader: n(() => [
-        i.$slots.loader ? x("", !0) : (d(), m(lt, {
+    }, M({
+      loader: s(() => [
+        i.$slots.loader ? x("", !0) : (d(), f(lt, {
           key: 0,
           indeterminate: "disable-shrink",
           size: "16",
           width: "2"
         })),
-        H(i.$slots, "loader")
+        R(i.$slots, "loader")
       ]),
       _: 2
     }, [
       i.$slots.default ? {
         name: "default",
-        fn: n(() => [
-          H(i.$slots, "default")
+        fn: s(() => [
+          R(i.$slots, "default")
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["style", "tabindex"]));
   }
-}), co = { class: "text-body-2" }, uo = /* @__PURE__ */ v("div", { class: "text-caption mt-n1" }, "Last Used", -1), po = /* @__PURE__ */ k({
+}), co = { class: "text-body-2" }, uo = /* @__PURE__ */ g("div", { class: "text-caption mt-n1" }, "Last Used", -1), po = /* @__PURE__ */ b({
   __name: "VoAuthDiscord",
   setup(u) {
-    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)}`,
+    const e = N(), i = L(() => e.user && e.findIdentity("discord")), n = L(() => e.user ? i.value ? "Connected to Discord" : "Connect Discord" : "Log in with Discord");
+    return (r, a) => (d(), f(he, {
+      "prepend-icon": `svg:${t(De)}`,
       "base-color": "#5865F2",
       rounded: "pill",
       variant: "flat",
       slim: "",
-      onClick: a[0] || (a[0] = (r) => e(t).login("discord"))
-    }, G({
-      title: n(() => [
-        v("span", co, D(s.value), 1)
+      onClick: a[0] || (a[0] = (l) => t(e).login("discord"))
+    }, M({
+      title: s(() => [
+        g("span", co, D(n.value), 1)
       ]),
       _: 2
     }, [
-      !e(t).user && e(t).lastLoginProvider() === "discord" ? {
+      !t(e).user && t(e).lastLoginProvider() === "discord" ? {
         name: "subtitle",
-        fn: n(() => [
+        fn: s(() => [
           uo
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), mo = { class: "text-body-2" }, fo = /* @__PURE__ */ v("div", { class: "text-caption mt-n1" }, "Last Used", -1), vo = /* @__PURE__ */ k({
+}), mo = { class: "text-body-2" }, fo = /* @__PURE__ */ g("div", { class: "text-caption mt-n1" }, "Last Used", -1), vo = /* @__PURE__ */ b({
   __name: "VoAuthGithub",
   setup(u) {
-    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)}`,
+    const e = N(), i = L(() => e.user && e.findIdentity("github")), n = L(() => e.user ? i.value ? "Connected to GitHub" : "Connect GitHub" : "Log in with GitHub");
+    return (r, a) => (d(), f(he, {
+      "prepend-icon": `svg:${t(Ue)}`,
       "base-color": "#2a2a2a",
       rounded: "pill",
       variant: "flat",
       slim: "",
-      onClick: a[0] || (a[0] = (r) => e(t).login("github"))
-    }, G({
-      title: n(() => [
-        v("span", mo, D(s.value), 1)
+      onClick: a[0] || (a[0] = (l) => t(e).login("github"))
+    }, M({
+      title: s(() => [
+        g("span", mo, D(n.value), 1)
       ]),
       _: 2
     }, [
-      !e(t).user && e(t).lastLoginProvider() === "github" ? {
+      !t(e).user && t(e).lastLoginProvider() === "github" ? {
         name: "subtitle",
-        fn: n(() => [
+        fn: s(() => [
           fo
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), _o = { class: "pa-4 d-flex flex-column ga-4" }, Xe = /* @__PURE__ */ k({
+}), _o = { class: "pa-4 d-flex flex-column ga-4" }, Ze = /* @__PURE__ */ b({
   __name: "VoAuthListItem",
   setup(u) {
-    const t = j(), i = T(), s = N(!t.user && !t.isLoading);
-    z(() => t.user, (a) => {
-      s.value = !a;
+    const e = N(), i = z(), n = U(!e.user && !e.isLoading);
+    T(() => e.user, (a) => {
+      n.value = !a;
     });
-    function l() {
-      t.user && (s.value = !s.value);
+    function r() {
+      e.user && (n.value = !n.value);
     }
-    return (a, r) => {
-      const c = vo, h = po;
-      return d(), m(P, {
-        variant: s.value ? "tonal" : "text",
+    return (a, l) => {
+      const c = vo, m = po;
+      return d(), f(H, {
+        variant: n.value ? "tonal" : "text",
         class: "ma-2",
         rounded: "lg"
       }, {
-        default: n(() => [
-          o(ie, { class: "py-0" }, {
-            default: n(() => [
+        default: s(() => [
+          o(ne, { class: "py-0" }, {
+            default: s(() => [
               o(he, {
-                link: !!e(t).user,
-                "prepend-icon": `svg:${e(t).user && e(i).syncSettings ? e(ct) : e(ut)}`,
-                title: e(t).user && e(i).syncSettings ? "Sync is on" : "Sync is paused",
+                link: !!t(e).user,
+                "prepend-icon": `svg:${t(e).user && t(i).syncSettings ? t(ct) : t(ut)}`,
+                title: t(e).user && t(i).syncSettings ? "Sync is on" : "Sync is paused",
                 class: "mb-0",
                 rounded: "b-0",
                 nav: "",
                 slim: "",
-                onClick: l
+                onClick: r
               }, {
-                append: n(() => [
-                  o(Be, null, {
-                    default: n(() => [
-                      e(t).user && (s.value || !e(i).syncSettings) ? (d(), m(Ge, {
+                append: s(() => [
+                  o(Fe, null, {
+                    default: s(() => [
+                      t(e).user && (n.value || !t(i).syncSettings) ? (d(), f(Ye, {
                         key: 0,
-                        modelValue: e(i).syncSettings,
-                        "onUpdate:modelValue": r[0] || (r[0] = (p) => e(i).syncSettings = p),
-                        color: e(i).syncSettings ? "success" : void 0,
+                        modelValue: t(i).syncSettings,
+                        "onUpdate:modelValue": l[0] || (l[0] = (p) => t(i).syncSettings = p),
+                        color: t(i).syncSettings ? "success" : void 0,
                         density: "compact",
                         "hide-details": "",
                         inset: "",
-                        onClick: r[1] || (r[1] = He(() => {
+                        onClick: l[1] || (l[1] = Re(() => {
                         }, ["stop"]))
                       }, {
-                        thumb: n(() => [
+                        thumb: s(() => [
                           o(fe, {
-                            color: e(i).syncSettings ? "success" : void 0
+                            color: t(i).syncSettings ? "success" : void 0
                           }, null, 8, ["color"])
                         ]),
                         _: 1
@@ -407,20 +407,20 @@ const $e = oe("http", {
                 ]),
                 _: 1
               }, 8, ["link", "prepend-icon", "title"]),
-              o(ue, null, {
-                default: n(() => [
-                  !e(t).user && !e(t).isLoading || s.value ? (d(), m(qe, {
+              o(ce, null, {
+                default: s(() => [
+                  !t(e).user && !t(e).isLoading || n.value ? (d(), f(We, {
                     key: 0,
                     border: "t",
                     color: "transparent"
                   }, {
-                    default: n(() => [
-                      v("div", _o, [
+                    default: s(() => [
+                      g("div", _o, [
                         o(c, {
-                          onClick: r[2] || (r[2] = (p) => s.value = !1)
+                          onClick: l[2] || (l[2] = (p) => n.value = !1)
                         }),
-                        o(h, {
-                          onClick: r[3] || (r[3] = (p) => s.value = !1)
+                        o(m, {
+                          onClick: l[3] || (l[3] = (p) => n.value = !1)
                         })
                       ])
                     ]),
@@ -437,61 +437,61 @@ const $e = oe("http", {
       }, 8, ["variant"]);
     };
   }
-}), Q = /* @__PURE__ */ k({
+}), G = /* @__PURE__ */ b({
   __name: "VoListItem",
   setup(u) {
-    return (t, i) => (d(), m(he, { slim: "" }, G({
-      default: n(() => [
-        H(t.$slots, "default")
+    return (e, i) => (d(), f(he, { slim: "" }, M({
+      default: s(() => [
+        R(e.$slots, "default")
       ]),
       _: 2
     }, [
-      t.$slots.prepend ? {
+      e.$slots.prepend ? {
         name: "prepend",
-        fn: n(() => [
-          H(t.$slots, "prepend")
+        fn: s(() => [
+          R(e.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      t.$slots.title ? {
+      e.$slots.title ? {
         name: "title",
-        fn: n(() => [
-          H(t.$slots, "title")
+        fn: s(() => [
+          R(e.$slots, "title")
         ]),
         key: "1"
       } : void 0,
-      t.$slots.append ? {
+      e.$slots.append ? {
         name: "append",
-        fn: n(() => [
-          H(t.$slots, "append")
+        fn: s(() => [
+          R(e.$slots, "append")
         ]),
         key: "2"
       } : void 0
     ]), 1024));
   }
-}), ho = /* @__PURE__ */ k({
+}), ho = /* @__PURE__ */ b({
   __name: "VoAuthLogoutListItem",
   setup(u) {
-    const t = j(), i = N(!1);
-    async function s() {
-      i.value = !0, await t.logout(), i.value = !1;
+    const e = N(), i = U(!1);
+    async function n() {
+      i.value = !0, await e.logout(), i.value = !1;
     }
-    return (l, a) => {
-      const r = Q;
-      return d(), m(r, {
+    return (r, a) => {
+      const l = G;
+      return d(), f(l, {
         disabled: i.value,
         loading: i.value,
-        "prepend-icon": `svg:${e(dt)}`,
+        "prepend-icon": `svg:${t(dt)}`,
         class: "mb-0",
         title: "Logout",
         link: "",
-        onClick: s
+        onClick: n
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
     };
   }
-}), we = /* @__PURE__ */ k({
+}), $e = /* @__PURE__ */ b({
   __name: "VoDialog",
-  props: /* @__PURE__ */ ot({
+  props: /* @__PURE__ */ nt({
     prependIcon: {},
     title: {}
   }, {
@@ -500,50 +500,50 @@ const $e = oe("http", {
   }),
   emits: ["update:modelValue"],
   setup(u) {
-    const t = ae(u, "modelValue"), i = ge();
-    return (s, l) => (d(), m(Jt, {
-      modelValue: t.value,
-      "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,
+    const e = se(u, "modelValue"), i = ue();
+    return (n, r) => (d(), f(Jt, {
+      modelValue: e.value,
+      "onUpdate:modelValue": r[1] || (r[1] = (a) => e.value = a),
+      fullscreen: t(i).xs.value,
+      "max-height": t(i).xs.value ? "100%" : 800,
+      "max-width": t(i).xs.value ? "100%" : 800,
       activator: "parent",
       height: "100%"
     }, {
-      default: n(({ isActive: a }) => [
-        o(P, {
-          "prepend-icon": s.prependIcon,
-          title: s.title,
+      default: s(({ isActive: a }) => [
+        o(H, {
+          "prepend-icon": n.prependIcon,
+          title: n.title,
           class: "overflow-hidden",
           height: "inherit"
-        }, G({
-          append: n(() => [
-            H(s.$slots, "append"),
-            o(Z, {
+        }, M({
+          append: s(() => [
+            R(n.$slots, "append"),
+            o(Q, {
               density: "comfortable",
               icon: "$close",
               size: "small",
               variant: "text",
-              onClick: l[0] || (l[0] = (r) => t.value = !t.value)
+              onClick: r[0] || (r[0] = (l) => e.value = !e.value)
             })
           ]),
-          default: n(() => [
-            o(E, { class: "mt-4" }),
-            H(s.$slots, "default")
+          default: s(() => [
+            o(P, { class: "mt-4" }),
+            R(n.$slots, "default")
           ]),
           _: 2
         }, [
-          s.$slots.prepend ? {
+          n.$slots.prepend ? {
             name: "prepend",
-            fn: n(() => [
-              H(s.$slots, "prepend")
+            fn: s(() => [
+              R(n.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
-          s.$slots.actions ? {
+          n.$slots.actions ? {
             name: "actions",
-            fn: n(() => [
-              H(s.$slots, "actions", { isActive: a })
+            fn: s(() => [
+              R(n.$slots, "actions", { isActive: a })
             ]),
             key: "1"
           } : void 0
@@ -552,30 +552,30 @@ const $e = oe("http", {
       _: 3
     }, 8, ["modelValue", "fullscreen", "max-height", "max-width"]));
   }
-}), Ze = /* @__PURE__ */ k({
+}), Ke = /* @__PURE__ */ b({
   __name: "VoSwitch",
   props: {
     disabled: { type: Boolean }
   },
   setup(u) {
-    return (t, i) => (d(), m(Ge, {
-      disabled: t.disabled,
-      "true-icon": `svg:${e(se)}`,
+    return (e, i) => (d(), f(Ye, {
+      disabled: e.disabled,
+      "true-icon": `svg:${t(ie)}`,
       color: "primary",
       density: "compact",
       inset: ""
-    }, G({
-      thumb: n(() => [
-        o(U, {
-          color: t.disabled ? void 0 : "primary"
+    }, M({
+      thumb: s(() => [
+        o(I, {
+          color: e.disabled ? void 0 : "primary"
         }, null, 8, ["color"])
       ]),
       _: 2
     }, [
-      t.$slots.label ? {
+      e.$slots.label ? {
         name: "label",
-        fn: n(() => [
-          H(t.$slots, "label")
+        fn: s(() => [
+          R(e.$slots, "label")
         ]),
         key: "0"
       } : void 0
@@ -584,30 +584,30 @@ const $e = oe("http", {
 }), go = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
-}, pe = /* @__PURE__ */ k({
+}, de = /* @__PURE__ */ b({
   __name: "VoDialogSubheader",
   props: {
     title: {},
     text: {}
   },
   setup(u) {
-    return (t, i) => (d(), S(F, null, [
-      t.title ? (d(), m(De, {
+    return (e, i) => (d(), C(B, null, [
+      e.title ? (d(), f(Le, {
         key: 0,
         class: "font-weight-black"
       }, {
-        default: n(() => [
-          O(D(t.title), 1)
+        default: s(() => [
+          F(D(e.title), 1)
         ]),
         _: 1
       })) : x("", !0),
-      t.text ? (d(), S("div", go, D(t.text), 1)) : x("", !0)
+      e.text ? (d(), C("div", go, D(e.text), 1)) : x("", !0)
     ], 64));
   }
-}), bo = { key: 0 }, yo = /* @__PURE__ */ k({
+}), yo = { key: 0 }, bo = /* @__PURE__ */ b({
   __name: "VoSettingsPageSuitOption",
   setup(u) {
-    const t = T(), i = [
+    const e = z(), i = [
       {
         title: "Choose a page suit",
         value: "",
@@ -615,7 +615,7 @@ const $e = oe("http", {
       },
       {
         title: "Blackguard",
-        prependIcon: `svg:${We}`,
+        prependIcon: `svg:${Ge}`,
         value: "blackguard"
       }
       // {
@@ -629,22 +629,22 @@ const $e = oe("http", {
       //   value: 'nebula',
       // },
     ];
-    return (s, l) => {
-      const a = Ze, r = pe;
-      return d(), S(F, null, [
+    return (n, r) => {
+      const a = Ke, l = de;
+      return d(), C(B, null, [
         o(a, {
-          modelValue: e(t).suits.show,
-          "onUpdate:modelValue": l[0] || (l[0] = (c) => e(t).suits.show = c),
+          modelValue: t(e).suits.show,
+          "onUpdate:modelValue": r[0] || (r[0] = (c) => t(e).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(ue, null, {
-          default: n(() => [
-            e(t).suits.show ? (d(), S("div", bo, [
+        o(ce, null, {
+          default: s(() => [
+            t(e).suits.show ? (d(), C("div", yo, [
               o(Zt, {
-                modelValue: e(t).suits.suit,
-                "onUpdate:modelValue": l[1] || (l[1] = (c) => e(t).suits.suit = c),
+                modelValue: t(e).suits.suit,
+                "onUpdate:modelValue": r[1] || (r[1] = (c) => t(e).suits.suit = c),
                 items: i,
                 density: "compact",
                 placeholder: "Choose a page suit",
@@ -654,70 +654,70 @@ const $e = oe("http", {
                 "item-props": "",
                 "single-line": ""
               }, {
-                selection: n(({ item: c }) => [
-                  o(U, {
+                selection: s(({ item: c }) => [
+                  o(I, {
                     icon: c.props.prependIcon,
                     size: "x-small",
                     start: ""
                   }, null, 8, ["icon"]),
-                  O(" " + D(c.title), 1)
+                  F(" " + D(c.title), 1)
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
-              o(r, { text: "Select your suit elements to display the background image:" }),
+              o(l, { text: "Select your suit elements to display the background image:" }),
               o(Xt, {
-                modelValue: e(t).suits.elements,
-                "onUpdate:modelValue": l[2] || (l[2] = (c) => e(t).suits.elements = c),
+                modelValue: t(e).suits.elements,
+                "onUpdate:modelValue": r[2] || (r[2] = (c) => t(e).suits.elements = c),
                 color: "primary",
                 filter: "",
                 multiple: ""
               }, {
-                default: n(() => [
-                  o(Y, {
-                    "append-icon": `svg:${e(pt)}`,
+                default: s(() => [
+                  o(E, {
+                    "append-icon": `svg:${t(pt)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
                     value: "app-bar",
                     variant: "flat"
                   }, {
-                    append: n(() => [
-                      o(E, {
+                    append: s(() => [
+                      o(P, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      o(U, { size: "x-small" })
+                      o(I, { size: "x-small" })
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  o(Y, {
-                    "append-icon": `svg:${e(mt)}`,
+                  o(E, {
+                    "append-icon": `svg:${t(mt)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
                     value: "drawer",
                     variant: "flat"
                   }, {
-                    append: n(() => [
-                      o(E, {
+                    append: s(() => [
+                      o(P, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      o(U, { size: "x-small" })
+                      o(I, { size: "x-small" })
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  o(Y, {
+                  o(E, {
                     "append-icon": "$info",
                     "filter-icon": "$success",
                     text: "Footer",
                     value: "footer",
                     variant: "flat"
                   }, {
-                    append: n(() => [
-                      o(E, {
+                    append: s(() => [
+                      o(P, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      o(U, { size: "x-small" })
+                      o(I, { size: "x-small" })
                     ]),
                     _: 1
                   })
@@ -732,139 +732,142 @@ const $e = oe("http", {
     };
   }
 });
-function Se() {
+function xe() {
   const u = Kt();
   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;
+const O = K("one", () => {
+  const e = new URLSearchParams(window.location.search).get("session_id"), i = N(), n = Ve(), r = U(!1), a = Z(!1), l = Z(), c = Z([]), m = L(() => {
+    var h;
+    return (h = l.value) == null ? void 0 : h.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;
+    var h;
+    return (h = i.user) == null ? void 0 : h.sponsorships.find((w) => w.platform === "stripe" && w.tierName.startsWith("sub_"));
+  }), v = L(() => {
+    var h;
+    return !!((h = p.value) != null && h.tierName);
+  }), k = L(() => {
+    var h;
+    return (h = p.value) == null ? void 0 : h.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");
+    var h;
+    return (h = i.user) == null ? void 0 : h.sponsorships.find((w) => w.platform === "github");
+  }), V = L(() => {
+    var h;
+    return (h = i.user) == null ? void 0 : h.sponsorships.find((w) => w.platform === "discord");
   }), 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;
+    var h;
+    return (h = i.user) == null ? void 0 : h.sponsorships.find((w) => w.platform === "patreon");
+  }), $ = L(() => {
+    var h;
+    return (h = i.user) == null ? void 0 : h.sponsorships.reduce((w, X) => {
+      if (!X.isActive || X.interval === "once" || X.platform === "stripe")
+        return w;
+      const et = X.interval === "month" ? X.amount : X.amount / 12;
+      return w + et;
     }, 0);
   });
   st(async () => {
-    t && await $();
-  }), z(C, (f, V) => {
-    f === !1 && V !== !0 || A();
+    e && await S();
+  }), Pe(() => {
+    const h = new URL(window.location.href);
+    h.searchParams.delete("one"), history.pushState(null, "", h.toString());
+  }), T(k, (h, w) => {
+    h === !1 && w !== !0 || ae();
   });
-  async function $() {
+  async function S() {
     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();
+      r.value = !0;
+      const h = await n.post("/one/activate", { sessionId: e });
+      i.user = h.user;
+      const w = new URL(window.location.href);
+      w.searchParams.delete("session_id"), history.pushState(null, "", w.toString()), te();
     } catch {
     } finally {
-      l.value = !1;
+      r.value = !1;
     }
   }
-  async function B() {
-    window.open(`${s.url}/one/manage`, "_blank");
+  async function j() {
+    window.open(`${n.url}/one/manage`, "_blank");
   }
-  async function I(f) {
-    l.value = !0, window.location.href = `${s.url}/one/subscribe?interval=${f}`;
+  async function A(h) {
+    r.value = !0, window.location.href = `${n.url}/one/subscribe?interval=${h}`;
   }
-  async function W() {
-    var f;
+  async function q() {
+    var h;
     if (p.value)
       try {
-        l.value = !0;
-        const V = await s.post(
-          `/one/cancel?subscriptionId=${(f = p.value) == null ? void 0 : f.tierName}`
+        r.value = !0;
+        const w = await n.post(
+          `/one/cancel?subscriptionId=${(h = p.value) == null ? void 0 : h.tierName}`
         );
-        i.user = V.user;
+        i.user = w.user;
       } catch {
       } finally {
-        l.value = !1;
+        r.value = !1;
       }
   }
-  async function K(f) {
+  async function pe(h) {
     if (p.value)
       try {
-        l.value = !0;
-        const V = await s.post("/one/modify", {
+        r.value = !0;
+        const w = await n.post("/one/modify", {
           subscriptionId: p.value.tierName,
-          interval: f
+          interval: h
         });
-        i.user = V.user;
+        i.user = w.user;
       } catch {
       } finally {
-        l.value = !1;
+        r.value = !1;
       }
   }
-  async function A() {
-    var f;
+  async function ae() {
+    var h;
     if (p.value)
       try {
-        l.value = !0;
-        const V = await s.post(
-          `/one/verify?subscriptionId=${(f = p.value) == null ? void 0 : f.tierName}`
+        r.value = !0;
+        const w = await n.post(
+          `/one/verify?subscriptionId=${(h = p.value) == null ? void 0 : h.tierName}`
         );
-        i.user = V.user;
+        i.user = w.user;
       } catch {
       } finally {
-        l.value = !1;
+        r.value = !1;
       }
   }
-  async function M() {
+  async function te() {
     try {
-      l.value = !0;
-      const f = await s.get("/one/info");
-      return r.value = f.subscription, c.value = f.invoices, f;
+      r.value = !0;
+      const h = await n.get("/one/info");
+      return l.value = h.subscription, c.value = h.invoices, h;
     } catch {
     } finally {
-      l.value = !1;
+      r.value = !1;
     }
   }
   return {
-    info: r,
-    interval: h,
+    info: l,
+    interval: m,
     invoices: c,
-    sessionId: t,
+    sessionId: e,
     subscription: p,
-    monthlyTotal: y,
-    hasBilling: g,
-    isLoading: l,
+    monthlyTotal: $,
+    hasBilling: v,
+    isLoading: r,
     isOpen: a,
-    isSubscriber: C,
+    isSubscriber: k,
     github: _,
-    patreon: b,
-    discord: w,
-    activate: $,
-    cancel: W,
-    manage: B,
-    modify: K,
-    subscribe: I,
-    subscriptionInfo: M,
-    verify: A
+    patreon: y,
+    discord: V,
+    activate: S,
+    cancel: q,
+    manage: j,
+    modify: pe,
+    subscribe: A,
+    subscriptionInfo: te,
+    verify: ae
   };
 });
 function Vo() {
@@ -983,8 +986,8 @@ function Vo() {
     }
   };
 }
-const Ke = oe("settings", () => {
-  const u = "https://cdn.vuetifyjs.com/docs/images/one/", t = j(), i = T(), s = Qt(), l = Vo(), a = {
+const we = K("settings", () => {
+  const u = "https://cdn.vuetifyjs.com/docs/images/one/", e = N(), i = z(), n = Qt(), r = Vo(), a = {
     blackguard: {
       "app-bar": u + "suits/blackguard/blackguard-app-bar.png",
       drawer: u + "suits/blackguard/blackguard-app-drawer.png",
@@ -1000,24 +1003,24 @@ const Ke = oe("settings", () => {
     //   'drawer': '',
     //   footer: '',
     // },
-  }, r = L(() => {
-    if (!i.suits.suit || !i.suits.show || !t.isSubscriber)
+  }, l = L(() => {
+    if (!i.suits.suit || !i.suits.show || !e.isSubscriber)
       return {};
-    const c = a[i.suits.suit.toLowerCase()], h = {};
+    const c = a[i.suits.suit.toLowerCase()], m = {};
     for (const p of i.suits.elements)
-      h[p] = c[p];
-    return h;
+      m[p] = c[p];
+    return m;
   });
-  return s.themes.value = {
-    ...s.themes.value,
-    ...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;
+  return n.themes.value = {
+    ...n.themes.value,
+    ...r
+  }, T(() => i.theme, (c) => {
+    c === "system" ? n.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : n.global.name.value = c, i.theme = c;
   }, { immediate: !0 }), {
-    suit: r,
+    suit: l,
     CDN_URL: u
   };
-}), ko = /* @__PURE__ */ k({
+}), ko = /* @__PURE__ */ b({
   __name: "VoSettingsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1025,39 +1028,39 @@ const Ke = oe("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    const t = ae(u, "modelValue"), i = j(), s = q(), l = Ke(), a = T(), r = [
+    const e = se(u, "modelValue"), i = N(), n = O(), r = we(), a = z(), l = [
       {
         title: "Light",
         subtitle: "A standard light theme.",
-        image: l.CDN_URL + "themes/light.png",
+        image: r.CDN_URL + "themes/light.png",
         prependIcon: `svg:${ft}`,
         value: "light"
       },
       {
         title: "Dark",
         subtitle: "A standard dark theme.",
-        image: l.CDN_URL + "themes/dark.png",
+        image: r.CDN_URL + "themes/dark.png",
         prependIcon: `svg:${vt}`,
         value: "dark"
       },
       {
         title: "System",
         subtitle: "A theme based on the system preference.",
-        image: l.CDN_URL + "themes/system.png",
+        image: r.CDN_URL + "themes/system.png",
         prependIcon: `svg:${_t}`,
         value: "system"
       },
       {
         title: "Blackguard",
         subtitle: "A theme for v3.4 Blackguard.",
-        image: l.CDN_URL + "themes/blackguard.png",
-        prependIcon: `svg:${We}`,
+        image: r.CDN_URL + "themes/blackguard.png",
+        prependIcon: `svg:${Ge}`,
         value: "blackguard"
       },
       {
         title: "Polaris",
         subtitle: "A theme for v3.5 Polaris.",
-        image: l.CDN_URL + "themes/polaris.png",
+        image: r.CDN_URL + "themes/polaris.png",
         prependIcon: `svg:${ht}`,
         value: "polaris",
         disabled: !0
@@ -1065,7 +1068,7 @@ const Ke = oe("settings", () => {
       {
         title: "Nebula",
         subtitle: "A theme for v3.6 Nebula.",
-        image: l.CDN_URL + "themes/nebula.png",
+        image: r.CDN_URL + "themes/nebula.png",
         prependIcon: `svg:${gt}`,
         value: "nebula",
         disabled: !0
@@ -1073,68 +1076,68 @@ const Ke = oe("settings", () => {
       {
         title: "High Contrast",
         subtitle: "A theme for high contrast.",
-        image: l.CDN_URL + "themes/high-contrast.png",
-        prependIcon: `svg:${bt}`,
+        image: r.CDN_URL + "themes/high-contrast.png",
+        prependIcon: `svg:${yt}`,
         value: "highContrast",
         disabled: !0
       }
-    ], 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, _ = Ze, w = we;
-      return d(), m(w, {
-        modelValue: t.value,
-        "onUpdate:modelValue": p[5] || (p[5] = (b) => t.value = b),
-        "prepend-icon": `svg:${e(yt)}`,
+    ], c = xe();
+    return T(c, async () => {
+      c.value.one === "settings" && (n.isOpen = !0, await _e(), e.value = !0);
+    }, { immediate: !0 }), (m, p) => {
+      const v = de, k = bo, _ = Ke, V = $e;
+      return d(), f(V, {
+        modelValue: e.value,
+        "onUpdate:modelValue": p[5] || (p[5] = (y) => e.value = y),
+        "prepend-icon": `svg:${t(bt)}`,
         title: "Settings"
       }, {
-        default: n(() => [
-          o(Ve, null, {
-            default: n(() => [
-              o(ke, { scrollable: "" }, {
-                default: n(() => [
-                  o(X, { class: "px-7" }, {
-                    default: n(() => [
-                      o(g, {
+        default: s(() => [
+          o(ye, null, {
+            default: s(() => [
+              o(be, { scrollable: "" }, {
+                default: s(() => [
+                  o(J, { class: "px-7" }, {
+                    default: s(() => [
+                      o(v, {
                         text: "Customize your documentation experience with light and dark themes, as well as a combination of both named.",
                         title: "Theme"
                       }),
-                      o(Qe, {
-                        modelValue: e(a).theme,
-                        "onUpdate:modelValue": p[0] || (p[0] = (b) => e(a).theme = b),
+                      o(Je, {
+                        modelValue: t(a).theme,
+                        "onUpdate:modelValue": p[0] || (p[0] = (y) => t(a).theme = y),
                         mandatory: ""
                       }, {
-                        default: n(() => [
-                          o(ye, { dense: "" }, {
-                            default: n(() => [
-                              (d(), S(F, null, ne(r, (b, y) => o(ce, {
-                                key: y,
+                        default: s(() => [
+                          o(ge, { dense: "" }, {
+                            default: s(() => [
+                              (d(), C(B, null, oe(l, (y, $) => o(le, {
+                                key: $,
                                 cols: "12",
                                 md: "6"
                               }, {
-                                default: n(() => [
-                                  o(Ue, {
-                                    value: b.value
+                                default: s(() => [
+                                  o(Ie, {
+                                    value: y.value
                                   }, {
-                                    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,
+                                    default: s(({ toggle: S, isSelected: j }) => [
+                                      o(Qe, null, {
+                                        default: s(({ props: A, isHovering: q }) => [
+                                          o(H, W({
+                                            color: j ? "primary" : "surface-variant",
+                                            disabled: y.disabled,
+                                            image: y.image,
+                                            "prepend-icon": y.prependIcon,
+                                            ripple: !y.disabled,
+                                            subtitle: y.disabled ? "In Development" : y.subtitle,
+                                            title: y.title,
                                             height: "76",
                                             variant: "tonal"
-                                          }, I, { onClick: $ }), {
-                                            image: n(() => [
-                                              o(je, {
-                                                style: Re({
-                                                  filter: B || W ? "none" : "grayscale(100%)"
+                                          }, A, { onClick: S }), {
+                                            image: s(() => [
+                                              o(Oe, {
+                                                style: ze({
+                                                  filter: j || q ? "none" : "grayscale(100%)"
                                                 })
                                               }, null, 8, ["style"])
                                             ]),
@@ -1155,58 +1158,58 @@ const Ke = oe("settings", () => {
                         ]),
                         _: 1
                       }, 8, ["modelValue"]),
-                      e(i).isSubscriber ? (d(), S(F, { key: 0 }, [
-                        o(E, { class: "mt-6 mb-4" }),
-                        o(C)
+                      t(i).isSubscriber ? (d(), C(B, { key: 0 }, [
+                        o(P, { class: "mt-6 mb-4" }),
+                        o(k)
                       ], 64)) : x("", !0)
                     ]),
                     _: 1
                   }),
-                  o(E),
-                  o(X, { class: "px-7" }, {
-                    default: n(() => [
-                      o(g, {
+                  o(P),
+                  o(J, { class: "px-7" }, {
+                    default: s(() => [
+                      o(v, {
                         text: "These options change your browsing experience within Vuetify properties",
                         title: "Experience"
                       }),
-                      e(i).isSubscriber ? (d(), m(_, {
+                      t(i).isSubscriber ? (d(), f(_, {
                         key: 0,
-                        modelValue: e(a).disableAds,
-                        "onUpdate:modelValue": p[1] || (p[1] = (b) => e(a).disableAds = b),
+                        modelValue: t(a).disableAds,
+                        "onUpdate:modelValue": p[1] || (p[1] = (y) => t(a).disableAds = y),
                         class: "mb-2",
                         label: "Disable Ads",
                         messages: "Disable traditional advertisements on all documentation pages."
                       }, null, 8, ["modelValue"])) : x("", !0),
                       o(_, {
-                        modelValue: e(a).quickbar,
-                        "onUpdate:modelValue": p[2] || (p[2] = (b) => e(a).quickbar = b),
+                        modelValue: t(a).quickbar,
+                        "onUpdate:modelValue": p[2] || (p[2] = (y) => t(a).quickbar = y),
                         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(E),
-                  e(i).isSubscriber ? (d(), m(X, {
+                  o(P),
+                  t(i).isSubscriber ? (d(), f(J, {
                     key: 0,
                     class: "px-7"
                   }, {
-                    default: n(() => [
-                      o(g, {
+                    default: s(() => [
+                      o(v, {
                         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(_, {
-                        modelValue: e(a).notifications.show,
-                        "onUpdate:modelValue": p[3] || (p[3] = (b) => e(a).notifications.show = b),
+                        modelValue: t(a).notifications.show,
+                        "onUpdate:modelValue": p[3] || (p[3] = (y) => t(a).notifications.show = y),
                         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(a).notifications.show ? (d(), m(_, {
+                      t(a).notifications.show ? (d(), f(_, {
                         key: 0,
-                        modelValue: e(a).notifications.banners,
-                        "onUpdate:modelValue": p[4] || (p[4] = (b) => e(a).notifications.banners = b),
+                        modelValue: t(a).notifications.banners,
+                        "onUpdate:modelValue": p[4] || (p[4] = (y) => t(a).notifications.banners = y),
                         class: "mb-2",
                         label: "Enable Banners",
                         messages: "Banners are located at the top of the screen and provide a callout for important information."
@@ -1225,62 +1228,62 @@ const Ke = oe("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), $o = /* @__PURE__ */ k({
+}), $o = /* @__PURE__ */ b({
   __name: "VoSettingsListItem",
   setup(u) {
-    const t = N(!1);
-    return (i, s) => {
-      const l = ko, a = Q;
-      return d(), m(a, {
-        active: t.value,
-        "prepend-icon": `svg:${e(Vt)}`,
+    const e = U(!1);
+    return (i, n) => {
+      const r = ko, a = G;
+      return d(), f(a, {
+        active: e.value,
+        "prepend-icon": `svg:${t(Vt)}`,
         title: "Settings",
         link: ""
       }, {
-        default: n(() => [
-          o(l, {
-            modelValue: t.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r)
+        default: s(() => [
+          o(r, {
+            modelValue: e.value,
+            "onUpdate:modelValue": n[0] || (n[0] = (l) => e.value = l)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), xo = { class: "text-caption" }, wo = /* @__PURE__ */ k({
+}), xo = { class: "text-caption" }, wo = /* @__PURE__ */ b({
   __name: "VoSubscriptionInvoices",
   setup(u) {
-    const t = be(), i = q();
-    return (s, l) => {
-      const a = pe;
-      return d(), m(ye, null, {
-        default: n(() => [
-          o(ce, { cols: "12" }, {
-            default: n(() => [
+    const e = Ne(), i = O();
+    return (n, r) => {
+      const a = de;
+      return d(), f(ge, null, {
+        default: s(() => [
+          o(le, { cols: "12" }, {
+            default: s(() => [
               o(a, {
                 text: "View and download your invoice history.",
                 title: "Invoice History"
               }),
-              o(P, {
+              o(H, {
                 height: "450",
                 rounded: "lg",
                 border: ""
               }, {
-                default: n(() => [
+                default: s(() => [
                   o(eo, {
-                    items: e(i).invoices,
-                    loading: e(i).isLoading,
+                    items: t(i).invoices,
+                    loading: t(i).isLoading,
                     sticky: ""
                   }, {
-                    "item.date": n(({ item: r }) => [
-                      v("div", xo, D(e(t).format(new Date(r.date * 1e3), "fullDateWithWeekday")), 1)
+                    "item.date": s(({ item: l }) => [
+                      g("div", xo, D(t(e).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
-                    "item.amount": n(({ item: r }) => [
-                      O(" $" + D(r.amount / 100), 1)
+                    "item.amount": s(({ item: l }) => [
+                      F(" $" + D(l.amount / 100), 1)
                     ]),
-                    "item.status": n(({ item: r }) => [
-                      o(Y, {
-                        text: r.status,
+                    "item.status": s(({ item: l }) => [
+                      o(E, {
+                        text: l.status,
                         border: "success sm",
                         class: "text-capitalize",
                         color: "success",
@@ -1289,10 +1292,10 @@ const Ke = oe("settings", () => {
                         label: ""
                       }, null, 8, ["text"])
                     ]),
-                    "item.pdf": n(({ item: r }) => [
-                      o(Z, {
-                        href: r.pdf,
-                        icon: `svg:${e(kt)}`,
+                    "item.pdf": s(({ item: l }) => [
+                      o(Q, {
+                        href: l.pdf,
+                        icon: `svg:${t(kt)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -1314,74 +1317,74 @@ const Ke = oe("settings", () => {
 }), So = { class: "d-flex align-center" }, Co = {
   key: "status",
   class: "text-capitalize hidden-sm-and-down"
-}, 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({
+}, Lo = /* @__PURE__ */ g("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" }, Bo = { class: "font-weight-bold" }, Fo = /* @__PURE__ */ b({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
-  setup(u, { emit: t }) {
-    const i = be(), s = q(), l = t, a = L(() => {
-      if (!s.info)
+  setup(u, { emit: e }) {
+    const i = Ne(), n = O(), r = e, a = L(() => {
+      if (!n.info)
         return;
-      const c = new Date(s.info.currentPeriodEnd * 1e3);
+      const c = new Date(n.info.currentPeriodEnd * 1e3);
       return i.format(c, "keyboardDate");
     });
-    async function r() {
-      s.interval && (s.isLoading = !0, s.subscribe(s.interval));
+    async function l() {
+      n.interval && (n.isLoading = !0, n.subscribe(n.interval));
     }
-    return (c, h) => {
-      const p = de;
-      return d(), m(ye, null, {
-        default: n(() => [
-          o(ce, { cols: "12" }, {
-            default: n(() => {
-              var g, C;
+    return (c, m) => {
+      const p = ee;
+      return d(), f(ge, null, {
+        default: s(() => [
+          o(le, { cols: "12" }, {
+            default: s(() => {
+              var v, k;
               return [
-                o(P, {
+                o(H, {
                   "prepend-icon": "$vuetify",
                   rounded: "lg",
                   title: "Subscription Status",
                   border: "",
                   flat: ""
-                }, G({
-                  append: n(() => {
+                }, M({
+                  append: s(() => {
                     var _;
                     return [
-                      e(s).hasBilling && ((_ = e(s).info) == null ? void 0 : _.status) === "canceled" ? (d(), m(p, {
+                      t(n).hasBilling && ((_ = t(n).info) == null ? void 0 : _.status) === "canceled" ? (d(), f(p, {
                         key: 0,
-                        loading: e(s).isLoading,
+                        loading: t(n).isLoading,
                         class: "me-2",
                         color: "success",
                         "prepend-icon": "$success",
                         text: "Activate",
                         variant: "outlined",
-                        onClick: r
+                        onClick: l
                       }, null, 8, ["loading"])) : x("", !0),
-                      e(s).hasBilling ? (d(), m(p, {
+                      t(n).hasBilling ? (d(), f(p, {
                         key: 1,
-                        loading: e(s).isLoading,
-                        "prepend-icon": `svg:${e($t)}`,
+                        loading: t(n).isLoading,
+                        "prepend-icon": `svg:${t($t)}`,
                         text: "Billing",
-                        onClick: e(s).manage
+                        onClick: t(n).manage
                       }, null, 8, ["loading", "prepend-icon", "onClick"])) : x("", !0)
                     ];
                   }),
                   _: 2
                 }, [
-                  e(s).info ? {
+                  t(n).info ? {
                     name: "subtitle",
-                    fn: n(() => [
-                      v("div", So, [
-                        v("span", Co, D(e(s).info.status), 1),
-                        e(s).info.items.length ? (d(), S(F, { key: 0 }, [
+                    fn: s(() => [
+                      g("div", So, [
+                        g("span", Co, D(t(n).info.status), 1),
+                        t(n).info.items.length ? (d(), C(B, { 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)
+                          g("span", Io, [
+                            F(" $" + D(t(n).info.items[0].plan.amount / 100), 1),
+                            g("span", Ao, "/" + D(t(n).interval), 1)
                           ]),
                           o(p, {
                             size: "x-small",
                             text: "(Change Subscription)",
                             variant: "text",
-                            onClick: h[0] || (h[0] = (_) => l("change:subscription"))
+                            onClick: m[0] || (m[0] = (_) => r("change:subscription"))
                           })
                         ], 64)) : x("", !0)
                       ])
@@ -1389,14 +1392,14 @@ const Ke = oe("settings", () => {
                     key: "0"
                   } : {
                     name: "subtitle",
-                    fn: n(() => [
-                      v("div", { class: "d-flex align-center" }, [
+                    fn: s(() => [
+                      g("div", { class: "d-flex align-center" }, [
                         o(Te, {
                           height: "16",
                           type: "ossein",
                           width: "40"
                         }),
-                        v("span", { class: "mx-1" }, "—"),
+                        g("span", { class: "mx-1" }, "—"),
                         o(Te, {
                           height: "16",
                           type: "ossein",
@@ -1407,16 +1410,16 @@ const Ke = oe("settings", () => {
                     key: "1"
                   }
                 ]), 1024),
-                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(". ")
+                g("div", Do, [
+                  g("div", null, [
+                    ((v = t(n).info) == null ? void 0 : v.status) === "active" ? (d(), C(B, { key: 0 }, [
+                      F(" Your plan renews on "),
+                      g("span", Uo, D(t(i).format(a.value, "fullDateWithWeekday")), 1),
+                      F(". ")
+                    ], 64)) : (d(), C(B, { key: 1 }, [
+                      F(" Your plan ends on "),
+                      g("span", Bo, D(t(i).format((k = t(n).info) == null ? void 0 : k.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      F(". ")
                     ], 64))
                   ])
                 ])
@@ -1429,10 +1432,10 @@ const Ke = oe("settings", () => {
       });
     };
   }
-}), 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({
+}), No = /* @__PURE__ */ g("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), Oo = ["innerHTML"], jo = /* @__PURE__ */ g("br", null, null, -1), To = /* @__PURE__ */ g("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), zo = ["innerHTML"], Ro = /* @__PURE__ */ b({
   __name: "VoSubscriptionPerks",
   setup(u) {
-    const t = [
+    const e = [
       "Ad Free Experience on all Vuetify properties",
       'Save and share code snippets with <a href="https://vbin.io/" target="_blank">VBin</a>',
       'Pinned Navigation Items and Rail drawer in <a href="https://vuetifyjs.com/" target="_blank">Documentation</a>',
@@ -1442,40 +1445,40 @@ const Ke = oe("settings", () => {
       '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 = 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")
+    ], n = U(!1), r = O();
+    return T(n, async (a) => {
+      a && r.subscriptionInfo();
+    }), (a, l) => {
+      const c = G;
+      return d(), C(B, null, [
+        o(Le, { class: "font-weight-black" }, {
+          default: s(() => [
+            F("Perks")
           ]),
           _: 1
         }),
-        Oo,
-        o(ie, {
+        No,
+        o(ne, {
           lines: !1,
           class: "py-0",
           density: "compact",
           nav: ""
         }, {
-          default: n(() => [
-            (d(), S(F, null, ne(t, (h, p) => o(c, {
+          default: s(() => [
+            (d(), C(B, null, oe(e, (m, p) => o(c, {
               key: p,
-              "prepend-icon": `svg:${e(se)}`,
+              "prepend-icon": `svg:${t(ie)}`,
               class: "mb-0"
             }, {
-              prepend: n(() => [
-                o(U, {
+              prepend: s(() => [
+                o(I, {
                   class: "mx-n2",
                   color: "success",
                   size: "small"
                 })
               ]),
-              title: n(() => [
-                v("div", { innerHTML: h }, null, 8, Bo)
+              title: s(() => [
+                g("div", { innerHTML: m }, null, 8, Oo)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
@@ -1483,33 +1486,33 @@ const Ke = oe("settings", () => {
           _: 1
         }),
         jo,
-        o(De, { class: "font-weight-black" }, {
-          default: n(() => [
-            O("Up Next")
+        o(Le, { class: "font-weight-black" }, {
+          default: s(() => [
+            F("Up Next")
           ]),
           _: 1
         }),
-        zo,
-        o(ie, {
+        To,
+        o(ne, {
           lines: !1,
           class: "py-0",
           density: "compact",
           nav: ""
         }, {
-          default: n(() => [
-            (d(), S(F, null, ne(i, (h, p) => o(c, {
+          default: s(() => [
+            (d(), C(B, null, oe(i, (m, p) => o(c, {
               key: p,
-              "prepend-icon": `svg:${e(xt)}`,
+              "prepend-icon": `svg:${t(xt)}`,
               class: "mb-0"
             }, {
-              prepend: n(() => [
-                o(U, {
+              prepend: s(() => [
+                o(I, {
                   class: "mx-n2",
                   size: "small"
                 })
               ]),
-              title: n(() => [
-                v("div", { innerHTML: h }, null, 8, To)
+              title: s(() => [
+                g("div", { innerHTML: m }, null, 8, zo)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
@@ -1519,7 +1522,7 @@ const Ke = oe("settings", () => {
       ], 64);
     };
   }
-}), Ho = /* @__PURE__ */ k({
+}), Po = /* @__PURE__ */ b({
   __name: "VoSubscriptionSubscribe",
   props: {
     modelValue: {
@@ -1529,38 +1532,38 @@ const Ke = oe("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    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, {
+    const e = U(!1), i = se(u, "modelValue"), n = O();
+    return T(e, async (r) => {
+      r && n.subscriptionInfo();
+    }), T(() => n.interval, (r) => {
+      i.value = r;
+    }, { immediate: !0 }), (r, a) => (d(), f(Je, {
       modelValue: i.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (r) => i.value = r),
+      "onUpdate:modelValue": a[0] || (a[0] = (l) => i.value = l),
       mandatory: ""
     }, {
-      default: n(() => [
-        o(ye, null, {
-          default: n(() => [
-            o(ce, {
+      default: s(() => [
+        o(ge, null, {
+          default: s(() => [
+            o(le, {
               cols: "12",
               md: "6"
             }, {
-              default: n(() => [
-                o(Ue, { value: "month" }, {
-                  default: n(({ toggle: r, isSelected: c }) => [
-                    o(P, {
+              default: s(() => [
+                o(Ie, { value: "month" }, {
+                  default: s(({ toggle: l, isSelected: c }) => [
+                    o(H, {
                       border: c ? "sm primary opacity-100" : "sm",
                       color: c ? "primary" : void 0,
-                      "prepend-icon": c ? `svg:${e(le)}` : "$radioOff",
+                      "prepend-icon": c ? `svg:${t(re)}` : "$radioOff",
                       variant: c ? "tonal" : "text",
                       rounded: "lg",
                       subtitle: "$2.99/month",
                       title: "Monthly",
-                      onClick: r
+                      onClick: l
                     }, {
-                      prepend: n(() => [
-                        o(U, { class: "mt-n6" })
+                      prepend: s(() => [
+                        o(I, { class: "mt-n6" })
                       ]),
                       _: 2
                     }, 1032, ["border", "color", "prepend-icon", "variant", "onClick"])
@@ -1570,28 +1573,28 @@ const Ke = oe("settings", () => {
               ]),
               _: 1
             }),
-            o(ce, {
+            o(le, {
               cols: "12",
               md: "6"
             }, {
-              default: n(() => [
-                o(Ue, { value: "year" }, {
-                  default: n(({ toggle: r, isSelected: c }) => [
-                    o(P, {
+              default: s(() => [
+                o(Ie, { value: "year" }, {
+                  default: s(({ toggle: l, isSelected: c }) => [
+                    o(H, {
                       border: c ? "sm primary opacity-100" : "sm",
                       color: c ? "primary" : void 0,
-                      "prepend-icon": c ? `svg:${e(le)}` : "$radioOff",
+                      "prepend-icon": c ? `svg:${t(re)}` : "$radioOff",
                       variant: c ? "tonal" : "text",
                       rounded: "lg",
                       subtitle: "$29.99/year",
                       title: "Yearly",
-                      onClick: r
+                      onClick: l
                     }, {
-                      prepend: n(() => [
-                        o(U, { class: "mt-n6" })
+                      prepend: s(() => [
+                        o(I, { class: "mt-n6" })
                       ]),
-                      append: n(() => [
-                        o(Y, {
+                      append: s(() => [
+                        o(E, {
                           class: "mt-n6",
                           color: "success",
                           size: "small",
@@ -1614,7 +1617,7 @@ const Ke = oe("settings", () => {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), 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({
+}), Ho = { class: "px-3" }, Mo = /* @__PURE__ */ g("br", null, null, -1), Eo = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, Go = /* @__PURE__ */ b({
   __name: "VoSubscriptionDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1622,59 +1625,59 @@ const Ke = oe("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    function t(p) {
-      return new Promise((g) => setTimeout(g, p));
+    function e(p) {
+      return new Promise((v) => setTimeout(v, p));
     }
-    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);
+    const i = se(u, "modelValue"), n = O(), r = xe(), a = U(n.interval), l = U(n.hasBilling ? "status" : "subscribe"), c = U(!1);
+    T(a, (p) => {
+      !n.isSubscriber || !n.interval || (c.value = p !== n.interval);
+    }), T(i, async (p) => {
+      !p || !n.isSubscriber || n.subscriptionInfo();
+    }), T(r, async () => {
+      !n.sessionId && !["subscribe", "status"].includes(r.value.one) || (l.value = n.sessionId || r.value.one === "status" ? "status" : "subscribe", n.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;
+    async function m() {
+      await n.modify(a.value), await n.subscriptionInfo(), c.value = null, await e(3e3), l.value = "status", await e(300), c.value = !1;
     }
-    return (p, g) => {
-      const C = pe, _ = Ho, w = Ro, b = No, y = wo, $ = de, B = we;
-      return d(), m(B, {
+    return (p, v) => {
+      const k = de, _ = Po, V = Ro, y = Fo, $ = wo, S = ee, j = $e;
+      return d(), f(j, {
         modelValue: i.value,
-        "onUpdate:modelValue": g[4] || (g[4] = (I) => i.value = I),
-        "prepend-icon": `svg:${e(wt)}`,
+        "onUpdate:modelValue": v[4] || (v[4] = (A) => i.value = A),
+        "prepend-icon": `svg:${t(wt)}`,
         title: "Subscriptions"
-      }, G({
-        default: n(() => [
-          o(Ve, null, {
-            default: n(() => [
-              o(ke, { scrollable: "" }, {
-                default: n(() => [
-                  v("div", Mo, [
-                    o(X, null, {
-                      default: n(() => [
-                        o(C, {
+      }, M({
+        default: s(() => [
+          o(ye, null, {
+            default: s(() => [
+              o(be, { scrollable: "" }, {
+                default: s(() => [
+                  g("div", Ho, [
+                    o(J, null, {
+                      default: s(() => [
+                        o(k, {
                           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(Je, { "model-value": r.value }, {
-                          default: n(() => [
+                        o(Xe, { "model-value": l.value }, {
+                          default: s(() => [
                             o(ve, { value: "subscribe" }, {
-                              default: n(() => [
+                              default: s(() => [
                                 o(_, {
                                   modelValue: a.value,
-                                  "onUpdate:modelValue": g[0] || (g[0] = (I) => a.value = I)
+                                  "onUpdate:modelValue": v[0] || (v[0] = (A) => a.value = A)
                                 }, null, 8, ["modelValue"]),
-                                Po,
-                                o(w)
+                                Mo,
+                                o(V)
                               ]),
                               _: 1
                             }),
                             o(ve, { value: "status" }, {
-                              default: n(() => [
-                                o(b, {
-                                  "onChange:subscription": g[1] || (g[1] = (I) => r.value = "subscribe")
+                              default: s(() => [
+                                o(y, {
+                                  "onChange:subscription": v[1] || (v[1] = (A) => l.value = "subscribe")
                                 }),
-                                o(y)
+                                o($)
                               ]),
                               _: 1
                             })
@@ -1694,37 +1697,37 @@ const Ke = oe("settings", () => {
         ]),
         _: 2
       }, [
-        r.value === "subscribe" ? {
+        l.value === "subscribe" ? {
           name: "actions",
-          fn: n(() => [
-            v("div", Eo, [
-              c.value !== !1 ? (d(), m($, {
+          fn: s(() => [
+            g("div", Eo, [
+              c.value !== !1 ? (d(), f(S, {
                 key: 0,
-                loading: e(s).isLoading,
-                "prepend-icon": `svg:${c.value !== null ? e(St) : e(le)}`,
+                loading: t(n).isLoading,
+                "prepend-icon": `svg:${c.value !== null ? t(St) : t(re)}`,
                 readonly: c.value === null,
                 text: c.value !== null ? "Modify Subscription" : "Success",
                 color: "success",
                 size: "default",
                 block: "",
-                onClick: h
-              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : e(s).isSubscriber ? (d(), m($, {
+                onClick: m
+              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : t(n).isSubscriber ? (d(), f(S, {
                 key: 2,
-                "prepend-icon": `svg:${e(Ct)}`,
+                "prepend-icon": `svg:${t(Ct)}`,
                 size: "default",
                 text: "Manage Subscription",
                 block: "",
-                onClick: g[3] || (g[3] = (I) => r.value = "status")
-              }, null, 8, ["prepend-icon"])) : (d(), m($, {
+                onClick: v[3] || (v[3] = (A) => l.value = "status")
+              }, null, 8, ["prepend-icon"])) : (d(), f(S, {
                 key: 1,
                 color: a.value ? "primary" : "disabled",
                 disabled: !a.value,
-                loading: e(s).isLoading,
+                loading: t(n).isLoading,
                 "prepend-icon": "$vuetify",
                 size: "default",
                 text: "Activate Subscription",
                 block: "",
-                onClick: g[2] || (g[2] = (I) => e(s).subscribe(a.value))
+                onClick: v[2] || (v[2] = (A) => t(n).subscribe(a.value))
               }, null, 8, ["color", "disabled", "loading"]))
             ])
           ]),
@@ -1733,33 +1736,247 @@ const Ke = oe("settings", () => {
       ]), 1032, ["modelValue", "prepend-icon"]);
     };
   }
-}), qo = /* @__PURE__ */ k({
+}), qo = /* @__PURE__ */ b({
   __name: "VoSubscriptionListItem",
   setup(u) {
-    const t = N(!1);
-    return (i, s) => {
-      const l = Wo, a = Q;
-      return d(), m(a, {
-        active: t.value,
-        "prepend-icon": `svg:${e(Lt)}`,
+    const e = U(!1);
+    return (i, n) => {
+      const r = Go, a = G;
+      return d(), f(a, {
+        active: e.value,
+        "prepend-icon": `svg:${t(Lt)}`,
         title: "Subscriptions",
         link: ""
       }, {
-        default: n(() => [
-          o(l, {
-            modelValue: t.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r)
+        default: s(() => [
+          o(r, {
+            modelValue: e.value,
+            "onUpdate:modelValue": n[0] || (n[0] = (l) => e.value = l)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), 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({
+}), Wo = { class: "ps-16" }, Yo = /* @__PURE__ */ b({
+  __name: "VoSponsorshipsTimelineItemPatreon",
+  setup(u) {
+    const e = O(), i = we();
+    return (n, r) => {
+      var l, c;
+      const a = ee;
+      return d(), f(je, {
+        "dot-color": (l = t(e).patreon) != null && l.isActive ? "success" : "transparent",
+        icon: (c = t(e).patreon) != null && c.isActive ? `svg:${t(ie)}` : void 0,
+        size: "x-small",
+        width: "100%"
+      }, {
+        default: s(() => [
+          o(H, {
+            "prepend-avatar": t(i).CDN_URL + "/logos/patreon.png",
+            rounded: "lg",
+            subtitle: "Support Vuetify through Patreon.",
+            title: "Patreon Subscriber",
+            variant: "text",
+            border: ""
+          }, {
+            append: s(() => {
+              var m;
+              return [
+                g("div", Wo, [
+                  o(a, {
+                    text: (m = t(e).patreon) != null && m.isActive ? "Active" : "Coming Soon",
+                    color: "surface-variant",
+                    readonly: ""
+                  }, null, 8, ["text"])
+                ])
+              ];
+            }),
+            default: s(() => {
+              var m;
+              return [
+                (m = t(e).patreon) != null && m.isActive ? (d(), C(B, { key: 0 }, [
+                  o(P),
+                  o(J, { class: "d-flex justify-space-between align-center flex-wrap" }, {
+                    default: s(() => [
+                      o(E, {
+                        "prepend-icon": `svg:${t(Be)}`,
+                        text: t(e).patreon.tierName,
+                        color: "success",
+                        variant: "text",
+                        label: ""
+                      }, null, 8, ["prepend-icon", "text"])
+                    ]),
+                    _: 1
+                  })
+                ], 64)) : x("", !0)
+              ];
+            }),
+            _: 1
+          }, 8, ["prepend-avatar"])
+        ]),
+        _: 1
+      }, 8, ["dot-color", "icon"]);
+    };
+  }
+}), Qo = { class: "ps-16" }, Jo = /* @__PURE__ */ b({
+  __name: "VoSponsorshipsTimelineItemDiscord",
+  setup(u) {
+    const e = O(), i = we();
+    return (n, r) => {
+      var l, c;
+      const a = ee;
+      return d(), f(je, {
+        "dot-color": (l = t(e).discord) != null && l.isActive ? "success" : "transparent",
+        icon: (c = t(e).discord) != null && c.isActive ? `svg:${t(ie)}` : void 0,
+        size: "x-small",
+        width: "100%"
+      }, {
+        default: s(() => [
+          o(H, {
+            "prepend-avatar": t(i).CDN_URL + "/logos/discord.png",
+            rounded: "lg",
+            subtitle: "Support Vuetify through Discord.",
+            title: "Discord Subscriber",
+            variant: "text",
+            border: ""
+          }, {
+            append: s(() => {
+              var m, p, v, k, _, V;
+              return [
+                g("div", Qo, [
+                  o(a, {
+                    color: (m = t(e).discord) != null && m.isActive ? "success" : "primary",
+                    href: (p = t(e).discord) != null && p.isActive ? void 0 : "https://discord.com/servers/vuetify-340160225338195969",
+                    "prepend-icon": `svg:${(v = t(e).discord) != null && v.isActive ? t(re) : t(qe)}`,
+                    readonly: (k = t(e).discord) == null ? void 0 : k.isActive,
+                    target: (_ = t(e).discord) != null && _.isActive ? void 0 : "_blank",
+                    text: (V = t(e).discord) != null && V.isActive ? "Active" : "Info",
+                    width: "88"
+                  }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
+                ])
+              ];
+            }),
+            default: s(() => {
+              var m;
+              return [
+                (m = t(e).discord) != null && m.isActive ? (d(), C(B, { key: 0 }, [
+                  o(P),
+                  o(J, { class: "d-flex justify-space-between align-center flex-wrap" }, {
+                    default: s(() => [
+                      o(E, {
+                        "prepend-icon": `svg:${t(Be)}`,
+                        text: t(e).discord.tierName,
+                        color: "surface-variant",
+                        size: "small",
+                        variant: "text",
+                        label: ""
+                      }, null, 8, ["prepend-icon", "text"])
+                    ]),
+                    _: 1
+                  })
+                ], 64)) : x("", !0)
+              ];
+            }),
+            _: 1
+          }, 8, ["prepend-avatar"])
+        ]),
+        _: 1
+      }, 8, ["dot-color", "icon"]);
+    };
+  }
+}), Xo = { class: "ps-16" }, Zo = /* @__PURE__ */ b({
+  __name: "VoSponsorshipsTimelineItemGithub",
+  setup(u) {
+    const e = O(), i = we();
+    return (n, r) => {
+      var l, c;
+      const a = ee;
+      return d(), f(je, {
+        "dot-color": (l = t(e).github) != null && l.isActive ? "success" : "transparent",
+        icon: (c = t(e).github) != null && c.isActive ? `svg:${t(ie)}` : void 0,
+        size: "x-small",
+        width: "100%"
+      }, {
+        default: s(() => [
+          o(H, {
+            "prepend-avatar": t(i).CDN_URL + "/logos/github.png",
+            rounded: "lg",
+            subtitle: "Support Vuetify through GitHub sponsors.",
+            title: "GitHub Sponsors",
+            variant: "text",
+            border: ""
+          }, {
+            append: s(() => {
+              var m, p, v, k, _, V;
+              return [
+                g("div", Xo, [
+                  o(a, {
+                    color: (m = t(e).github) != null && m.isActive ? "success" : "primary",
+                    href: (p = t(e).github) != null && p.isActive ? void 0 : "https://github.com/sponsors/johnleider",
+                    "prepend-icon": `svg:${(v = t(e).github) != null && v.isActive ? t(re) : t(qe)}`,
+                    readonly: (k = t(e).github) == null ? void 0 : k.isActive,
+                    target: (_ = t(e).github) != null && _.isActive ? void 0 : "_blank",
+                    text: (V = t(e).github) != null && V.isActive ? "Active" : "Info",
+                    width: "88"
+                  }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
+                ])
+              ];
+            }),
+            default: s(() => {
+              var m;
+              return [
+                (m = t(e).github) != null && m.isActive ? (d(), C(B, { key: 0 }, [
+                  o(P),
+                  o(J, { class: "d-flex justify-space-between align-center flex-wrap" }, {
+                    default: s(() => [
+                      o(E, {
+                        "prepend-icon": `svg:${t(Be)}`,
+                        text: t(e).github.tierName,
+                        color: "surface-variant",
+                        size: "small",
+                        variant: "text",
+                        label: ""
+                      }, null, 8, ["prepend-icon", "text"])
+                    ]),
+                    _: 1
+                  })
+                ], 64)) : x("", !0)
+              ];
+            }),
+            _: 1
+          }, 8, ["prepend-avatar"])
+        ]),
+        _: 1
+      }, 8, ["dot-color", "icon"]);
+    };
+  }
+}), Ko = /* @__PURE__ */ b({
+  __name: "VoSponsorshipsTimeline",
+  setup(u) {
+    return (e, i) => {
+      const n = Zo, r = Jo, a = Yo;
+      return d(), f(to, {
+        class: "justify-start ms-n7",
+        "line-inset": "12",
+        side: "end",
+        style: { "grid-template-columns": "auto auto 1fr" },
+        "truncate-line": "both"
+      }, {
+        default: s(() => [
+          o(n),
+          o(r),
+          o(a)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), en = { class: "px-3 pb-5 d-flex flex-column" }, tn = { class: "py-4" }, on = /* @__PURE__ */ g("div", { class: "text-caption text-medium-emphasis" }, [
+  /* @__PURE__ */ F(" A total of $2.99 or more unlocks "),
+  /* @__PURE__ */ g("span", { class: "font-weight-black" }, "all"),
+  /* @__PURE__ */ F(" Vuetify One benefits ")
+], -1), nn = /* @__PURE__ */ b({
   __name: "VoSponsorshipsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1767,249 +1984,55 @@ const Ke = oe("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    const t = ae(u, "modelValue"), i = be(), s = ge(), l = Se(), a = j(), r = q(), c = Ke();
-    function h(p) {
-      return i.format(p, "fullDateWithWeekday");
-    }
-    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(It)}`,
+    const e = se(u, "modelValue"), i = ue(), n = xe(), r = N(), a = O();
+    return T(n, async () => {
+      n.value.one === "sponsorships" && (a.isOpen = !0, await _e(), e.value = !0);
+    }, { immediate: !0 }), (l, c) => {
+      const m = de, p = Ko, v = He("v-empty-state"), k = $e;
+      return d(), f(k, {
+        modelValue: e.value,
+        "onUpdate:modelValue": c[0] || (c[0] = (_) => e.value = _),
+        "max-height": t(i).xs.value ? void 0 : 820,
+        "prepend-icon": `svg:${t(It)}`,
         title: "Sponsorships"
       }, {
-        default: n(() => [
-          o(Ve, null, {
-            default: n(() => [
-              o(ke, { scrollable: "" }, {
-                default: n(() => [
-                  v("div", Go, [
-                    o(X, null, {
-                      default: n(() => [
-                        o(C, {
+        default: s(() => [
+          o(ye, null, {
+            default: s(() => [
+              o(be, { scrollable: "" }, {
+                default: s(() => [
+                  g("div", en, [
+                    o(J, null, {
+                      default: s(() => [
+                        o(m, {
                           text: "Support Vuetify through GitHub Sponsors, Discord, or Patreon to unlock exclusive benefits and content.",
                           title: "Support Vuetify"
                         }),
-                        o(to, {
-                          class: "justify-start ms-n7",
-                          "line-inset": "12",
-                          side: "end",
-                          style: { "grid-template-columns": "auto auto 1fr" },
-                          "truncate-line": "both"
-                        }, {
-                          default: n(() => {
-                            var y, $, B, I, W, K;
-                            return [
-                              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: 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: n(() => {
-                                      var A, M, f, V, R, ee;
-                                      return [
-                                        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: n(() => {
-                                      var A;
-                                      return [
-                                        (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: 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"]),
-                                              v("div", Qo, [
-                                                O(" Sponsor since "),
-                                                v("span", Jo, D(h(e(r).github.createdAt)), 1)
-                                              ])
-                                            ]),
-                                            _: 1
-                                          })
-                                        ], 64)) : x("", !0)
-                                      ];
-                                    }),
-                                    _: 1
-                                  }, 8, ["prepend-avatar"])
-                                ]),
-                                _: 1
-                              }, 8, ["dot-color", "icon"]),
-                              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: 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: n(() => {
-                                      var A, M, f, V, R, ee;
-                                      return [
-                                        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: n(() => {
-                                      var A;
-                                      return [
-                                        (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: 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"]),
-                                              v("div", Zo, [
-                                                O(" Subscriber since "),
-                                                v("span", Ko, D(h(e(r).discord.createdAt)), 1)
-                                              ])
-                                            ]),
-                                            _: 1
-                                          })
-                                        ], 64)) : x("", !0)
-                                      ];
-                                    }),
-                                    _: 1
-                                  }, 8, ["prepend-avatar"])
-                                ]),
-                                _: 1
-                              }, 8, ["dot-color", "icon"]),
-                              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: 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: n(() => {
-                                      var A;
-                                      return [
-                                        v("div", es, [
-                                          o(_, {
-                                            text: (A = e(r).patreon) != null && A.isActive ? "Active" : "Coming Soon",
-                                            color: "surface-variant",
-                                            readonly: ""
-                                          }, null, 8, ["text"])
-                                        ])
-                                      ];
-                                    }),
-                                    default: n(() => {
-                                      var A;
-                                      return [
-                                        (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: n(() => [
-                                              o(Y, {
-                                                "prepend-icon": `svg:${e(Le)}`,
-                                                text: e(r).patreon.tierName,
-                                                color: "success",
-                                                variant: "text",
-                                                label: ""
-                                              }, null, 8, ["prepend-icon", "text"]),
-                                              v("div", ts, [
-                                                O(" Sponsor since "),
-                                                v("span", os, D(h(e(r).patreon.createdAt)), 1)
-                                              ])
-                                            ]),
-                                            _: 1
-                                          })
-                                        ], 64)) : x("", !0)
-                                      ];
-                                    }),
-                                    _: 1
-                                  }, 8, ["prepend-avatar"])
-                                ]),
-                                _: 1
-                              }, 8, ["dot-color", "icon"])
-                            ];
-                          }),
-                          _: 1
-                        })
+                        o(p)
                       ]),
                       _: 1
                     }),
-                    o(w, {
-                      icon: `svg:${e(At)}`,
+                    o(v, {
+                      icon: `svg:${t(At)}`,
                       class: "mt-auto",
                       "min-height": "auto",
                       size: "64",
                       title: "Your Monthly Contributions"
                     }, {
-                      media: n(() => [
-                        o(U, { color: "success" })
+                      media: s(() => [
+                        o(I, { color: "success" })
                       ]),
-                      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 ")
+                      headline: s(() => [
+                        g("div", tn, [
+                          t(r).isSubscriber ? (d(), C(B, { key: 0 }, [
+                            F(" $" + D(parseFloat(String(t(a).monthlyTotal)).toFixed(2)), 1)
+                          ], 64)) : (d(), C(B, { key: 1 }, [
+                            F(" $0.00 ")
                           ], 64))
                         ])
                       ]),
-                      text: n(() => [
-                        ns
+                      text: s(() => [
+                        on
                       ]),
                       _: 1
                     }, 8, ["icon"])
@@ -2025,85 +2048,85 @@ const Ke = oe("settings", () => {
       }, 8, ["modelValue", "max-height", "prepend-icon"]);
     };
   }
-}), as = /* @__PURE__ */ k({
+}), sn = /* @__PURE__ */ b({
   __name: "VoSponsorshipsListItem",
   setup(u) {
-    const t = N(!1);
-    return (i, s) => {
-      const l = is, a = Q;
-      return d(), m(a, {
-        active: t.value,
-        "prepend-icon": `svg:${e(Dt)}`,
+    const e = U(!1);
+    return (i, n) => {
+      const r = nn, a = G;
+      return d(), f(a, {
+        active: e.value,
+        "prepend-icon": `svg:${t(Dt)}`,
         title: "Sponsorships",
         link: ""
       }, {
-        default: n(() => [
-          o(l, {
-            modelValue: t.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r)
+        default: s(() => [
+          o(r, {
+            modelValue: e.value,
+            "onUpdate:modelValue": n[0] || (n[0] = (l) => e.value = l)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), rs = {
+}), an = {
   key: 0,
   class: "pt-16"
-}, 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({
+}, rn = /* @__PURE__ */ g("div", { class: "text-medium-emphasis" }, " All caught up ", -1), ln = { class: "ps-3 text-subtitle-2 pe-2" }, cn = { class: "text-truncate" }, un = { class: "text-caption font-weight-bold text-medium-emphasis" }, dn = { class: "text-disabled text-caption my-2" }, pn = /* @__PURE__ */ b({
   __name: "VoNotificationsList",
   props: {
     items: {}
   },
   setup(u) {
-    const t = T(), i = be();
-    function s(a) {
-      return t.notifications.read.includes(a);
+    const e = Ne(), i = ue(), n = z();
+    function r(l) {
+      return n.notifications.read.includes(l);
     }
-    function l(a) {
-      s(a.slug) ? t.notifications.read = t.notifications.read.filter((r) => r !== a.slug) : t.notifications.read.push(a.slug);
+    function a(l) {
+      r(l.slug) ? n.notifications.read = n.notifications.read.filter((c) => c !== l.slug) : n.notifications.read.push(l.slug);
     }
-    return (a, r) => {
-      const c = Me("v-empty-state"), h = Q;
-      return d(), m(ie, {
+    return (l, c) => {
+      const m = He("v-empty-state"), p = G;
+      return d(), f(ne, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
-        default: n(() => [
-          a.items.length ? (d(!0), S(F, { key: 1 }, ne(a.items, (p, g) => (d(), m(Ye, {
-            key: p.slug
+        default: s(() => [
+          l.items.length ? (d(!0), C(B, { key: 1 }, oe(l.items, (v, k) => (d(), f(Qe, {
+            key: v.slug
           }, {
-            default: n(({ isHovering: C, props: _ }) => [
-              o(h, J(_, {
-                border: g !== 0 && "t",
+            default: s(({ isHovering: _, props: V }) => [
+              o(p, W(V, {
+                border: k !== 0 && "t",
                 class: "py-4 mb-0"
               }), {
-                prepend: n(() => [
-                  v("div", cs, D(p.metadata.emoji), 1)
+                prepend: s(() => [
+                  g("div", ln, D(v.metadata.emoji), 1)
                 ]),
-                append: n(() => [
+                append: s(() => [
                   o(oo, {
                     class: "mt-n3",
                     width: "56"
                   }, {
-                    default: n(() => [
-                      o(re, {
-                        text: s(p.slug) ? "Mark as unread" : "Mark as read",
+                    default: s(() => [
+                      o(Y, {
+                        text: r(v.slug) ? "Mark as unread" : "Mark as read",
                         location: "bottom"
                       }, {
-                        activator: n(({ props: w }) => [
-                          o(Be, { "hide-on-leave": "" }, {
-                            default: n(() => [
-                              Fe(o(Z, J(w, {
-                                icon: `svg:${s(p.slug) ? e(Ft) : e(Ut)}`,
+                        activator: s(({ props: y }) => [
+                          o(Fe, { "hide-on-leave": "" }, {
+                            default: s(() => [
+                              Ae(o(Q, W(y, {
+                                icon: `svg:${r(v.slug) ? t(Bt) : t(Ut)}`,
                                 class: "ms-auto",
                                 size: "small",
                                 variant: "text",
                                 "mdi-email-variant": "",
-                                onClick: (b) => l(p)
+                                onClick: ($) => a(v)
                               }), null, 16, ["icon", "onClick"]), [
-                                [Pe, C]
+                                [Me, _ || t(i).mobile.value]
                               ])
                             ]),
                             _: 2
@@ -2115,28 +2138,28 @@ const Ke = oe("settings", () => {
                     _: 2
                   }, 1024)
                 ]),
-                default: n(() => [
-                  o(Gt, { class: "text-wrap text-h6 mb-1" }, {
-                    default: n(() => [
-                      v("div", us, D(p.title), 1)
+                default: s(() => [
+                  o(Wt, { class: "text-wrap text-h6 mb-1" }, {
+                    default: s(() => [
+                      g("div", cn, D(v.title), 1)
                     ]),
                     _: 2
                   }, 1024),
-                  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(Nt)}`,
-                    href: p.metadata.action,
-                    text: p.metadata.action_text,
+                  g("div", un, D(t(e).format(v.created_at, "fullDateWithWeekday")), 1),
+                  g("div", dn, D(v.metadata.text), 1),
+                  o(E, {
+                    "append-icon": `svg:${t(Ft)}`,
+                    href: v.metadata.action,
+                    text: v.metadata.action_text,
                     size: "small",
                     target: "_blank",
                     variant: "text",
                     border: "",
                     label: "",
-                    onClick: (w) => l(p)
+                    onClick: (y) => a(v)
                   }, {
-                    append: n(() => [
-                      o(U, { size: "12" })
+                    append: s(() => [
+                      o(I, { size: "12" })
                     ]),
                     _: 2
                   }, 1032, ["append-icon", "href", "text", "onClick"])
@@ -2145,16 +2168,16 @@ const Ke = oe("settings", () => {
               }, 1040, ["border"])
             ]),
             _: 2
-          }, 1024))), 128)) : (d(), S("div", rs, [
-            o(c, {
+          }, 1024))), 128)) : (d(), C("div", an, [
+            o(m, {
               icon: "$vuetify",
               size: "256"
             }, {
-              media: n(() => [
-                o(U, { color: "medium-emphasis" })
+              media: s(() => [
+                o(I, { color: "medium-emphasis" })
               ]),
-              title: n(() => [
-                ls
+              title: s(() => [
+                rn
               ]),
               _: 1
             })
@@ -2164,7 +2187,7 @@ const Ke = oe("settings", () => {
       });
     };
   }
-}), fs = { class: "text-caption" }, vs = /* @__PURE__ */ k({
+}), mn = { class: "text-caption" }, fn = { class: "text-caption" }, vn = /* @__PURE__ */ b({
   __name: "VoNotificationsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2172,79 +2195,86 @@ const Ke = oe("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    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(Ot)}`,
+    const e = ue(), i = xe(), n = O(), r = ke(), a = U(["0"]), l = se(u, "modelValue");
+    return T(i, async () => {
+      i.value.one === "notifications" && (n.isOpen = !0, await _e(), l.value = !0);
+    }, { immediate: !0 }), (c, m) => {
+      const p = G, v = pn, k = $e;
+      return d(), f(k, {
+        modelValue: l.value,
+        "onUpdate:modelValue": m[2] || (m[2] = (_) => l.value = _),
+        "prepend-icon": `svg:${t(Nt)}`,
         title: "Notifications"
       }, {
-        default: n(() => [
-          o(Ve, null, {
-            default: n(() => [
-              o(so, {
-                location: e(t).mobile.value ? "top" : "start",
-                width: e(t).mobile.value ? 128 : 168,
+        default: s(() => [
+          o(ye, null, {
+            default: s(() => [
+              o(no, {
+                location: t(e).mobile.value ? "top" : "start",
+                width: t(e).mobile.value ? 128 : 168,
                 permanent: ""
               }, {
-                default: n(() => [
-                  o(ie, {
+                default: s(() => [
+                  o(ne, {
                     selected: a.value,
-                    "onUpdate:selected": h[0] || (h[0] = (_) => a.value = _),
+                    "onUpdate:selected": m[0] || (m[0] = (_) => a.value = _),
                     class: "px-4 pt-4",
                     density: "compact",
                     mandatory: "",
                     nav: ""
                   }, {
-                    default: n(() => [
+                    default: s(() => [
                       o(p, {
-                        "prepend-icon": `svg:${e(Bt)}`,
+                        "prepend-icon": `svg:${t(Ot)}`,
                         title: "Unread",
                         value: "0"
-                      }, G({ _: 2 }, [
-                        e(l).unread.length > 0 ? {
+                      }, M({ _: 2 }, [
+                        t(r).unread.length > 0 ? {
                           name: "append",
-                          fn: n(() => [
-                            v("span", fs, D(e(l).unread.length), 1)
+                          fn: s(() => [
+                            g("span", mn, D(t(r).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
                       o(p, {
-                        "prepend-icon": `svg:${e(jt)}`,
+                        "prepend-icon": `svg:${t(jt)}`,
                         title: "Read",
-                        value: "1",
-                        "mdi-archive-outline": ""
-                      }, null, 8, ["prepend-icon"])
+                        value: "1"
+                      }, M({ _: 2 }, [
+                        t(r).read.length > 0 ? {
+                          name: "append",
+                          fn: s(() => [
+                            g("span", fn, D(t(r).read.length), 1)
+                          ]),
+                          key: "0"
+                        } : void 0
+                      ]), 1032, ["prepend-icon"])
                     ]),
                     _: 1
                   }, 8, ["selected"])
                 ]),
                 _: 1
               }, 8, ["location", "width"]),
-              o(ke, { scrollable: "" }, {
-                default: n(() => [
-                  o(Je, {
+              o(be, { scrollable: "" }, {
+                default: s(() => [
+                  o(Xe, {
                     modelValue: a.value,
-                    "onUpdate:modelValue": h[1] || (h[1] = (_) => a.value = _)
+                    "onUpdate:modelValue": m[1] || (m[1] = (_) => a.value = _)
                   }, {
-                    default: n(() => [
+                    default: s(() => [
                       o(ve, { value: "0" }, {
-                        default: n(() => [
-                          o(g, {
-                            items: e(l).unread
+                        default: s(() => [
+                          o(v, {
+                            items: t(r).unread
                           }, null, 8, ["items"])
                         ]),
                         _: 1
                       }),
                       o(ve, { value: "1" }, {
-                        default: n(() => [
-                          o(g, {
-                            items: e(l).read
+                        default: s(() => [
+                          o(v, {
+                            items: t(r).read
                           }, null, 8, ["items"])
                         ]),
                         _: 1
@@ -2263,50 +2293,50 @@ const Ke = oe("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), _s = /* @__PURE__ */ k({
+}), _n = /* @__PURE__ */ b({
   __name: "VoNotificationsBadge",
   setup(u) {
-    const t = xe(), i = T();
-    return (s, l) => (d(), m(Ee, {
-      content: e(t).unread.length,
-      "model-value": e(i).notifications.show && e(t).unread.length > 0,
+    const e = ke(), i = z();
+    return (n, r) => (d(), f(Ee, {
+      content: t(e).unread.length,
+      "model-value": t(i).notifications.show && t(e).unread.length > 0,
       color: "error"
     }, {
-      default: n(() => [
-        H(s.$slots, "default")
+      default: s(() => [
+        R(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["content", "model-value"]));
   }
-}), hs = /* @__PURE__ */ k({
+}), hn = /* @__PURE__ */ b({
   __name: "VoNotificationsListItem",
   setup(u) {
-    const t = T(), i = xe(), s = N(!1);
-    return nt(async () => {
+    const e = z(), i = ke(), n = U(!1);
+    return Pe(async () => {
       await i.get();
-    }), (l, a) => {
-      const r = _s, c = vs, h = Q;
-      return e(t).notifications.show ? (d(), m(h, {
+    }), (r, a) => {
+      const l = _n, c = vn, m = G;
+      return t(e).notifications.show ? (d(), f(m, {
         key: 0,
-        active: s.value,
-        "prepend-icon": `svg:${e(zt)}`,
+        active: n.value,
+        "prepend-icon": `svg:${t(Tt)}`,
         title: "Notifications",
         link: ""
-      }, G({
-        default: n(() => [
+      }, M({
+        default: s(() => [
           o(c, {
-            modelValue: s.value,
-            "onUpdate:modelValue": a[0] || (a[0] = (p) => s.value = p)
+            modelValue: n.value,
+            "onUpdate:modelValue": a[0] || (a[0] = (p) => n.value = p)
           }, null, 8, ["modelValue"])
         ]),
         _: 2
       }, [
-        e(i).unread.length ? {
+        t(i).unread.length ? {
           name: "prepend",
-          fn: n(() => [
-            o(r, null, {
-              default: n(() => [
-                o(U)
+          fn: s(() => [
+            o(l, null, {
+              default: s(() => [
+                o(I)
               ]),
               _: 1
             })
@@ -2316,83 +2346,115 @@ const Ke = oe("settings", () => {
       ]), 1032, ["active", "prepend-icon"])) : x("", !0);
     };
   }
-}), gs = /* @__PURE__ */ k({
+}), gn = /* @__PURE__ */ b({
   __name: "VoDashboardListItem",
   setup(u) {
-    return (t, i) => {
-      const s = Q;
-      return d(), m(s, {
-        "prepend-icon": `svg:${e(Tt)}`,
+    const e = O();
+    return (i, n) => {
+      const r = G;
+      return d(), f(r, {
+        "prepend-icon": `svg:${t(zt)}`,
         title: "Dashboard",
-        to: "/user/dashboard"
+        to: "/user/dashboard",
+        onClick: n[0] || (n[0] = (a) => t(e).isOpen = !1)
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), bs = /* @__PURE__ */ k({
+}), yn = /* @__PURE__ */ b({
   __name: "VoUserList",
   setup(u) {
-    const t = j();
-    return (i, s) => {
-      const l = gs, a = hs, r = as, c = qo, h = $o, p = ho;
-      return d(), m(ie, {
+    const e = N();
+    return (i, n) => {
+      const r = gn, a = hn, l = sn, c = qo, m = $o, p = ho;
+      return d(), f(ne, {
         density: "compact",
         nav: "",
         slim: ""
       }, {
-        default: n(() => [
-          o(l),
-          o(a),
+        default: s(() => [
           o(r),
-          e(t).user ? (d(), m(c, { key: 0 })) : x("", !0),
-          o(h),
-          e(t).user ? (d(), m(p, { key: 1 })) : x("", !0)
+          o(a),
+          o(l),
+          t(e).user ? (d(), f(c, { key: 0 })) : x("", !0),
+          o(m),
+          t(e).user ? (d(), f(p, { key: 1 })) : x("", !0)
         ]),
         _: 1
       });
     };
   }
-}), ys = { key: 0 }, Vs = { class: "d-flex align-center justify-center pa-1 ga-2" }, ks = /* @__PURE__ */ k({
+}), bn = { key: 0 }, Vn = { class: "d-flex align-center justify-center pa-1 ga-2" }, kn = /* @__PURE__ */ b({
   __name: "VoUserQuickActions",
   setup(u) {
-    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,
+    const e = z();
+    return (i, n) => (d(), f(ce, null, {
+      default: s(() => [
+        t(e).quickbar ? (d(), C("div", bn, [
+          g("div", Vn, [
+            o(Q, {
+              color: t(e).colors.one,
               class: "text-caption",
               density: "comfortable",
               href: "https://play.vuetifyjs.com",
               icon: "$vuetify-play",
               target: "_blank"
-            }, null, 8, ["color"]),
-            o(Z, {
-              color: e(t).colors.one,
-              icon: `svg:${e(Rt)}`,
+            }, {
+              default: s(() => [
+                o(I),
+                o(Y, {
+                  activator: "parent",
+                  location: "top",
+                  text: "Vuetify Play"
+                })
+              ]),
+              _: 1
+            }, 8, ["color"]),
+            o(Q, {
+              color: t(e).colors.one,
+              icon: `svg:${t(Rt)}`,
               class: "text-caption",
               density: "comfortable",
               href: "https://bin.vuetifyjs.com",
               target: "_blank"
-            }, null, 8, ["color", "icon"]),
-            o(Z, {
-              color: e(t).colors.one,
-              icon: `svg:${e(Ht)}`,
+            }, {
+              default: s(() => [
+                o(I),
+                o(Y, {
+                  activator: "parent",
+                  location: "top",
+                  text: "Vuetify Bin"
+                })
+              ]),
+              _: 1
+            }, 8, ["color", "icon"]),
+            o(Q, {
+              color: t(e).colors.one,
+              icon: `svg:${t(Pt)}`,
               class: "text-caption",
               density: "comfortable",
               href: "https://issues.vuetifyjs.com",
               target: "_blank"
-            }, null, 8, ["color", "icon"])
+            }, {
+              default: s(() => [
+                o(I),
+                o(Y, {
+                  activator: "parent",
+                  location: "top",
+                  text: "Vuetify Issues"
+                })
+              ]),
+              _: 1
+            }, 8, ["color", "icon"])
           ])
         ])) : x("", !0)
       ]),
       _: 1
     }));
   }
-}), $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({
+}), $n = { class: "mb-2" }, xn = { key: 0 }, wn = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Sn = { class: "text-h6" }, Cn = /* @__PURE__ */ b({
   __name: "VoUserAvatar",
   setup(u) {
-    const t = j(), i = T(), s = N(!1), l = L(() => {
+    const e = N(), i = z(), n = U(!1), r = L(() => {
       const c = [
         "https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/grass.png",
@@ -2409,35 +2471,35 @@ const Ke = oe("settings", () => {
         "https://cdn.vuetifyjs.com/docs/images/avatars/meteor.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/tada.png"
       ];
-      return t.user && c.unshift(t.user.picture), c;
+      return e.user && c.unshift(e.user.picture), c;
     });
     function a(c) {
       i.avatar = c;
     }
-    function r() {
-      t.isSubscriber && (s.value = !s.value);
+    function l() {
+      e.isSubscriber && (n.value = !n.value);
     }
-    return (c, h) => {
+    return (c, m) => {
       var p;
-      return d(), S("div", null, [
-        Fe((d(), m(fe, {
+      return d(), C("div", null, [
+        Ae((d(), f(fe, {
           class: it([
             "border-md border-opacity-100 border-surface-variant",
             {
-              "cursor-pointer": e(t).isSubscriber
+              "cursor-pointer": t(e).isSubscriber
             }
           ]),
           color: "surface",
           size: "72",
           text: "Foobar",
-          onClick: He(r, ["prevent", "stop"])
+          onClick: Re(l, ["prevent", "stop"])
         }, {
-          default: n(() => [
-            e(t).user && e(i).avatar ? (d(), m(je, {
+          default: s(() => [
+            t(e).user && t(i).avatar ? (d(), f(Oe, {
               key: 0,
-              src: e(i).avatar,
+              src: t(i).avatar,
               alt: "User avatar"
-            }, null, 8, ["src"])) : (d(), m(U, {
+            }, null, 8, ["src"])) : (d(), f(I, {
               key: 1,
               class: "mt-1",
               icon: "$vuetify",
@@ -2446,29 +2508,29 @@ const Ke = oe("settings", () => {
           ]),
           _: 1
         }, 8, ["class"])), [
-          [no, e(t).isSubscriber]
+          [so, t(e).isSubscriber]
         ]),
-        v("div", $s, [
-          o(ue, null, {
-            default: n(() => [
-              s.value ? (d(), S("div", xs, [
-                o(P, {
+        g("div", $n, [
+          o(ce, null, {
+            default: s(() => [
+              n.value ? (d(), C("div", xn, [
+                o(H, {
                   class: "pt-6 pb-1",
                   rounded: "0",
                   flat: ""
                 }, {
-                  default: n(() => [
-                    v("div", ws, [
-                      (d(!0), S(F, null, ne(l.value, (g, C) => (d(), m(Z, {
-                        key: C,
-                        active: e(i).avatar === g,
+                  default: s(() => [
+                    g("div", wn, [
+                      (d(!0), C(B, null, oe(r.value, (v, k) => (d(), f(Q, {
+                        key: k,
+                        active: t(i).avatar === v,
                         variant: "flat",
                         icon: "",
-                        onClick: (_) => a(g)
+                        onClick: (_) => a(v)
                       }, {
-                        default: n(() => [
+                        default: s(() => [
                           o(fe, {
-                            image: g,
+                            image: v,
                             eager: ""
                           }, null, 8, ["image"])
                         ]),
@@ -2483,74 +2545,74 @@ const Ke = oe("settings", () => {
             _: 1
           })
         ]),
-        v("div", Ss, D(((p = e(t).user) == null ? void 0 : p.name) ?? "Guest"), 1)
+        g("div", Sn, D(((p = t(e).user) == null ? void 0 : p.name) ?? "Guest"), 1)
       ]);
     };
   }
-}), Ls = /* @__PURE__ */ k({
+}), Ln = /* @__PURE__ */ b({
   __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);
+    const e = N(), i = O(), n = L(() => {
+      var r;
+      return i.github || i.discord || i.isSubscriber || ((r = e.user) == null ? void 0 : r.isAdmin);
     });
-    return (l, a) => s.value ? (d(), m(qe, {
+    return (r, a) => n.value ? (d(), f(We, {
       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;
+      default: s(() => {
+        var l;
         return [
-          (r = e(t).user) != null && r.isAdmin ? (d(), m(re, {
+          (l = t(e).user) != null && l.isAdmin ? (d(), f(Y, {
             key: 0,
             location: "bottom",
             text: "Vuetify Administrator"
           }, {
-            activator: n(({ props: c }) => [
-              o(U, J({
+            activator: s(({ props: c }) => [
+              o(I, W({
                 color: "blue",
                 icon: "$vuetify"
               }, c, { size: "16" }), null, 16)
             ]),
             _: 1
           })) : x("", !0),
-          e(i).isSubscriber ? (d(), m(re, {
+          t(i).isSubscriber ? (d(), f(Y, {
             key: 1,
             location: "bottom",
             text: "Vuetify One Subscriber"
           }, {
-            activator: n(({ props: c }) => [
-              o(U, J({
-                icon: `svg:${e(Mt)}`,
+            activator: s(({ props: c }) => [
+              o(I, W({
+                icon: `svg:${t(Ht)}`,
                 color: "amber-darken-2"
               }, c, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
           })) : x("", !0),
-          e(i).github ? (d(), m(re, {
+          t(i).github ? (d(), f(Y, {
             key: 2,
             location: "bottom",
             text: "GitHub Sponsor"
           }, {
-            activator: n(({ props: c }) => [
-              o(U, J({
-                icon: `svg:${e(Oe)}`,
+            activator: s(({ props: c }) => [
+              o(I, W({
+                icon: `svg:${t(Ue)}`,
                 color: "medium-emphasis"
               }, c, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
           })) : x("", !0),
-          e(i).discord ? (d(), m(re, {
+          t(i).discord ? (d(), f(Y, {
             key: 3,
             location: "bottom",
             text: "Discord Subscriber"
           }, {
-            activator: n(({ props: c }) => [
-              o(U, J({
-                icon: `svg:${e(Ne)}`,
+            activator: s(({ props: c }) => [
+              o(I, W({
+                icon: `svg:${t(De)}`,
                 color: "medium-emphasis"
               }, c, { size: "16" }), null, 16, ["icon"])
             ]),
@@ -2561,46 +2623,46 @@ const Ke = oe("settings", () => {
       _: 1
     })) : x("", !0);
   }
-}), Is = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, As = {
+}), In = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, An = {
   key: "reset",
   class: "align-self-end"
-}, Ds = /* @__PURE__ */ k({
+}, Dn = /* @__PURE__ */ b({
   __name: "VoUserColors",
   setup(u) {
-    const t = j(), i = T(), s = N(!1);
-    function l() {
+    const e = N(), i = z(), n = U(!1);
+    function r() {
       i.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",
+    return (a, l) => {
+      const c = Ln, m = ee;
+      return d(), C(B, null, [
+        o(Oe, {
+          color: t(e).user ? t(i).colors.one : "surface-light",
           "content-class": "d-flex align-start justify-end pa-2",
           height: "88",
           rounded: "0",
           cover: "",
           flat: ""
         }, {
-          default: n(() => [
-            v("div", Is, [
+          default: s(() => [
+            g("div", In, [
               o(c),
-              e(t).isSubscriber ? (d(), m(h, {
+              t(e).isSubscriber ? (d(), f(m, {
                 key: 0,
-                active: s.value,
-                icon: s.value ? `svg:${e(se)}` : "$edit",
-                variant: s.value ? "text" : "plain",
+                active: n.value,
+                icon: n.value ? `svg:${t(ie)}` : "$edit",
+                variant: n.value ? "text" : "plain",
                 class: "align-self-end",
                 color: "inherit",
                 density: "comfortable",
                 title: "Edit One Header Color",
-                onClick: r[0] || (r[0] = (p) => s.value = !s.value)
+                onClick: l[0] || (l[0] = (p) => n.value = !n.value)
               }, {
-                default: n(() => [
-                  o(Be, { "leave-absolute": "" }, {
-                    default: n(() => [
-                      (d(), m(U, {
-                        key: String(s.value)
+                default: s(() => [
+                  o(Fe, { "leave-absolute": "" }, {
+                    default: s(() => [
+                      (d(), f(I, {
+                        key: String(n.value)
                       }))
                     ]),
                     _: 1
@@ -2609,20 +2671,20 @@ const Ke = oe("settings", () => {
                 _: 1
               }, 8, ["active", "icon", "variant"])) : x("", !0),
               o(Yt, null, {
-                default: n(() => [
-                  Fe(v("div", As, [
-                    o(h, {
-                      disabled: e(i).colors.one === "surface-light",
-                      icon: `svg:${e(Pt)}`,
+                default: s(() => [
+                  Ae(g("div", An, [
+                    o(m, {
+                      disabled: t(i).colors.one === "surface-light",
+                      icon: `svg:${t(Mt)}`,
                       class: "ms-2 me-1",
                       color: "inherit",
                       density: "comfortable",
                       title: "Revert to Default",
                       variant: "text",
-                      onClick: l
+                      onClick: r
                     }, null, 8, ["disabled", "icon"])
                   ], 512), [
-                    [Pe, s.value]
+                    [Me, n.value]
                   ])
                 ]),
                 _: 1
@@ -2631,11 +2693,11 @@ const Ke = oe("settings", () => {
           ]),
           _: 1
         }, 8, ["color"]),
-        o(ue, null, {
-          default: n(() => [
-            s.value ? (d(), m(io, {
+        o(ce, null, {
+          default: s(() => [
+            n.value ? (d(), f(io, {
               key: 0,
-              "model-value": e(i).colors.one !== "surface-light" ? e(i).colors.one : void 0,
+              "model-value": t(i).colors.one !== "surface-light" ? t(i).colors.one : void 0,
               elevation: "0",
               height: "250",
               rounded: "0",
@@ -2645,7 +2707,7 @@ const Ke = oe("settings", () => {
               "hide-inputs": "",
               "hide-sliders": "",
               "show-swatches": "",
-              "onUpdate:modelValue": r[1] || (r[1] = (p) => e(i).colors.one = p)
+              "onUpdate:modelValue": l[1] || (l[1] = (p) => t(i).colors.one = p)
             }, null, 8, ["model-value"])) : x("", !0)
           ]),
           _: 1
@@ -2653,37 +2715,37 @@ const Ke = oe("settings", () => {
       ], 64);
     };
   }
-}), Us = { class: "text-center mt-n9 mb-4" }, Fs = /* @__PURE__ */ k({
+}), Un = { class: "text-center mt-n9 mb-4" }, Bn = /* @__PURE__ */ b({
   __name: "VoUserMenu",
   setup(u) {
-    const t = q();
-    return (i, s) => {
-      const l = Ds, a = Cs, r = ks, c = bs, h = Xe;
-      return d(), m(ao, {
-        modelValue: e(t).isOpen,
-        "onUpdate:modelValue": s[0] || (s[0] = (p) => e(t).isOpen = p),
+    const e = O();
+    return (i, n) => {
+      const r = Dn, a = Cn, l = kn, c = yn, m = Ze;
+      return d(), f(ao, {
+        modelValue: t(e).isOpen,
+        "onUpdate:modelValue": n[0] || (n[0] = (p) => t(e).isOpen = p),
         "close-on-click": !1,
         "close-on-content-click": !1,
         activator: "parent",
         location: "bottom end",
         eager: ""
       }, {
-        default: n(() => [
-          o(P, {
+        default: s(() => [
+          o(H, {
             rounded: "lg",
             width: "280",
             border: ""
           }, {
-            default: n(() => [
-              o(l),
-              v("div", Us, [
+            default: s(() => [
+              o(r),
+              g("div", Un, [
                 o(a),
-                o(r)
+                o(l)
               ]),
-              o(E),
+              o(P),
               o(c),
-              o(E),
-              o(h)
+              o(P),
+              o(m)
             ]),
             _: 1
           })
@@ -2692,37 +2754,37 @@ const Ke = oe("settings", () => {
       }, 8, ["modelValue"]);
     };
   }
-}), Ns = { key: 0 }, Os = /* @__PURE__ */ k({
+}), Fn = { key: 0 }, Nn = /* @__PURE__ */ b({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
   },
   setup(u) {
-    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 = lo;
-      return d(), m(C, {
-        "offset-y": e(t).user ? 5 : 0
+    const e = N(), i = O(), n = z(), { lgAndUp: r, mdAndDown: a } = ue(), l = L(() => i.isOpen || !e.user ? n.colors.one === "surface-light" ? "primary" : n.colors.one : "surface-light");
+    return (c, m) => {
+      const p = Bn, v = ee, k = lo;
+      return d(), f(k, {
+        "offset-y": t(e).user ? 5 : 0
       }, {
-        default: n(() => [
-          o(g, J({
-            [`${e(l) ? "append-" : ""}icon`]: e(t).user ? void 0 : `svg:${e(Et)}`
+        default: s(() => [
+          o(v, W({
+            [`${t(r) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(Et)}`
           }, {
-            color: r.value,
-            icon: e(t).user || e(t).isLoading,
-            loading: e(t).isLoading,
-            rounded: e(a),
-            variant: e(t).user ? "outlined" : "flat",
+            color: l.value,
+            icon: t(e).user || t(e).isLoading,
+            loading: t(e).isLoading,
+            rounded: t(a),
+            variant: t(e).user ? "outlined" : "flat",
             class: "vo-auth-btn",
             size: "default",
             style: { transition: ".2s ease" },
             active: ""
           }), {
-            default: n(() => [
-              e(t).user ? x("", !0) : (d(), S("span", Ns, "Login")),
-              e(t).user ? (d(), m(fe, {
+            default: s(() => [
+              t(e).user ? x("", !0) : (d(), C("span", Fn, "Login")),
+              t(e).user ? (d(), f(fe, {
                 key: 1,
-                image: e(s).avatar || e(t).user.picture || ""
+                image: t(n).avatar || t(e).user.picture || ""
               }, null, 8, ["image"])) : x("", !0),
               o(p)
             ]),
@@ -2733,13 +2795,13 @@ const Ke = oe("settings", () => {
       }, 8, ["offset-y"]);
     };
   }
-}), Bs = (u) => (at("data-v-86d0e524"), u = u(), rt(), u), js = ["href", "title"], zs = {
+}), On = (u) => (at("data-v-86d0e524"), u = u(), rt(), u), jn = ["href", "title"], Tn = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, Ts = /* @__PURE__ */ Bs(() => /* @__PURE__ */ v("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Rs = /* @__PURE__ */ k({
+}, zn = /* @__PURE__ */ On(() => /* @__PURE__ */ g("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Rn = /* @__PURE__ */ b({
   __name: "VoFooter",
   setup(u) {
-    const t = [
+    const e = [
       {
         title: "Vuetify Documentation",
         icon: "$vuetify",
@@ -2747,7 +2809,7 @@ const Ke = oe("settings", () => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${Wt}`,
+        icon: `svg:${Gt}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -2757,12 +2819,12 @@ const Ke = oe("settings", () => {
       },
       {
         title: "Vuetify GitHub",
-        icon: `svg:${Oe}`,
+        icon: `svg:${Ue}`,
         href: "https://github.com/vuetifyjs/vuetify"
       },
       {
         title: "Vuetify Discord",
-        icon: `svg:${Ne}`,
+        icon: `svg:${De}`,
         href: "https://community.vuetifyjs.com/"
       },
       {
@@ -2771,140 +2833,140 @@ const Ke = oe("settings", () => {
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
-    return (i, s) => (d(), m(ro, {
+    return (i, n) => (d(), f(ro, {
       class: "vo-footer",
       height: "40"
     }, {
-      default: n(() => [
-        (d(), S(F, null, ne(t, (l) => v("a", {
-          key: l.title,
-          href: l.href,
-          title: l.title,
+      default: s(() => [
+        (d(), C(B, null, oe(e, (r) => g("a", {
+          key: r.title,
+          href: r.href,
+          title: r.title,
           class: "d-inline-block mx-2 social-link",
           rel: "noopener noreferrer",
           target: "_blank"
         }, [
-          o(U, {
-            icon: l.icon,
-            size: l.icon === "$vuetify" ? 24 : 16
+          o(I, {
+            icon: r.icon,
+            size: r.icon === "$vuetify" ? 24 : 16
           }, null, 8, ["icon", "size"])
-        ], 8, js)), 64)),
-        v("div", zs, [
-          O(" © 2016-" + D((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-          Ts
+        ], 8, jn)), 64)),
+        g("div", Tn, [
+          F(" © 2016-" + D((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+          zn
         ])
       ]),
       _: 1
     }));
   }
 });
-const Hs = (u, t) => {
+const Pn = (u, e) => {
   const i = u.__vccOpts || u;
-  for (const [s, l] of t)
-    i[s] = l;
+  for (const [n, r] of e)
+    i[n] = r;
   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, () => {
+}, Hn = /* @__PURE__ */ Pn(Rn, [["__scopeId", "data-v-86d0e524"]]), Ls = K("bins", () => {
+  const u = N(), e = Ve(), i = Z([]), n = Z(), r = U(!1), a = U(-1), l = L(() => !u.user || !n.value ? !1 : u.user.id === n.value.owner.id), c = L(() => i.value.filter(($) => $.favorite)), m = L(() => i.value.filter(($) => $.pinned));
+  T(n, () => {
     window.clearTimeout(a.value), a.value = window.setTimeout(() => {
-      !s.value || !r.value || _(s.value, s.value.id);
+      !n.value || !l.value || _(n.value, n.value.id);
     }, 100);
   }, { deep: !0 });
   async function p() {
     try {
-      l.value = !0;
-      const y = await t.get("/one/bins");
-      i.value = y.bins;
+      r.value = !0;
+      const $ = await e.get("/one/bins");
+      i.value = $.bins;
     } catch {
     } finally {
-      l.value = !1;
+      r.value = !1;
     }
     return i.value;
   }
-  async function g(y) {
+  async function v($) {
     try {
-      l.value = !0, await t.delete(`/one/bins/${y}`), i.value = i.value.filter(($) => $.id !== y);
+      r.value = !0, await e.delete(`/one/bins/${$}`), i.value = i.value.filter((S) => S.id !== $);
     } catch {
     } finally {
-      l.value = !1;
+      r.value = !1;
     }
     return !0;
   }
-  async function C(y) {
+  async function k($) {
     try {
-      l.value = !0;
-      const $ = await t.post("/one/bins", { bin: y });
-      return i.value.push($.bin), s.value = $.bin, $;
+      r.value = !0;
+      const S = await e.post("/one/bins", { bin: $ });
+      return i.value.push(S.bin), n.value = S.bin, S;
     } catch {
     } finally {
-      l.value = !1;
+      r.value = !1;
     }
-    return { bin: y };
+    return { bin: $ };
   }
-  async function _(y, $) {
+  async function _($, S) {
     try {
-      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);
+      r.value = !0;
+      const j = await e.post(`/one/bins/${S}`, { bin: $ }), A = i.value.findIndex((q) => q.id === S);
+      i.value.splice(A, 1, j.bin);
     } catch {
     } finally {
-      l.value = !1;
+      r.value = !1;
     }
-    return { bin: y };
+    return { bin: $ };
   }
-  async function w(y, $) {
+  async function V($, S) {
     try {
-      l.value = !0;
-      const B = $ ? await _(y, $) : await C(y);
-      s.value = B.bin;
+      r.value = !0;
+      const j = S ? await _($, S) : await k($);
+      n.value = j.bin;
     } catch {
     } finally {
-      l.value = !1;
+      r.value = !1;
     }
-    return { bin: y };
+    return { bin: $ };
   }
-  async function b(y) {
+  async function y($) {
     try {
-      l.value = !0;
-      const $ = await t.get(`/one/bins/${y}`);
-      s.value = $.bin;
+      r.value = !0;
+      const S = await e.get(`/one/bins/${$}`);
+      n.value = S.bin;
     } catch {
     } finally {
-      l.value = !1;
+      r.value = !1;
     }
-    return { bin: s.value };
+    return { bin: n.value };
   }
   return {
-    isLoading: l,
-    isOwner: r,
-    pinned: h,
+    isLoading: r,
+    isOwner: l,
+    pinned: m,
     favorites: c,
     all: i,
-    create: C,
-    delete: g,
-    current: s,
-    find: b,
+    create: k,
+    delete: v,
+    current: n,
+    find: y,
     get: p,
     update: _,
-    updateOrCreate: w
+    updateOrCreate: V
   };
 });
-function An() {
-  function u(t) {
-    t.component("VoAuthBtn", Os), t.component("VoAuthListItem", Xe), t.component("VoFooter", Ms);
+function Is() {
+  function u(e) {
+    e.component("VoAuthBtn", Nn), e.component("VoAuthListItem", Ze), e.component("VoFooter", Hn);
   }
   return { install: u };
 }
-function Dn(u) {
+function As(u) {
   u.store.url = "https://api.vuetifyjs.com";
 }
 export {
-  An as createOne,
-  Dn as one,
-  j as useAuthStore,
-  In as useBinsStore,
-  $e as useHttpStore,
-  q as useOneStore,
-  Ke as useSettingsStore,
-  T as useUserStore
+  Is as createOne,
+  As as one,
+  N as useAuthStore,
+  Ls as useBinsStore,
+  Ve as useHttpStore,
+  O as useOneStore,
+  we as useSettingsStore,
+  z as useUserStore
 };