@vuetify/one 1.2.1 → 1.2.4

package/dist/index.js

@@ -1,34 +1,34 @@
-import { reactive as ht, watch as N, toRefs as gt, ref as F, shallowRef as B, computed as C, defineComponent as $, openBlock as p, createBlock as _, unref as o, createSlots as q, withCtx as n, createElementVNode as g, toDisplayString as L, createVNode as t, createTextVNode as U, renderSlot as M, normalizeStyle as Je, createCommentVNode as w, withModifiers as Pe, mergeModels as Xe, useModel as le, createElementBlock as S, Fragment as D, onBeforeMount as yt, nextTick as ue, renderList as te, mergeProps as H, resolveComponent as Re, pushScopeId as bt, popScopeId as Vt, withDirectives as Ie, vShow as He, onMounted as kt, normalizeClass as $t } from "vue";
-import { useRouter as Ae, useRoute as xt } from "vue-router";
+import { reactive as ht, watch as N, toRefs as gt, ref as F, shallowRef as B, computed as C, defineComponent as $, openBlock as d, createBlock as v, unref as o, createSlots as Z, withCtx as n, createElementVNode as g, toDisplayString as L, createVNode as t, createTextVNode as U, renderSlot as M, normalizeStyle as Je, createCommentVNode as x, withModifiers as Me, mergeModels as Xe, useModel as le, createElementBlock as S, Fragment as D, onBeforeMount as yt, nextTick as ue, renderList as oe, mergeProps as E, resolveComponent as Pe, pushScopeId as bt, popScopeId as Vt, withDirectives as Ie, vShow as Re, onMounted as kt, normalizeClass as $t } from "vue";
 import { defineStore as K } from "pinia";
-import { merge as je } from "lodash-es";
-import { mdiDiscord as Ee, mdiGithub as We, mdiSync as wt, mdiSyncOff as St, mdiLogoutVariant as Ct, mdiFullscreenExit as Lt, mdiFullscreen as It, mdiCheck as de, mdiHome as At, mdiTextBox as Dt, mdiSelect as Bt, mdiSpaceInvaders as Ke, mdiImageFilterHdr as et, mdiRocketLaunchOutline as tt, mdiWhiteBalanceSunny as Ut, mdiWeatherNight as Nt, mdiDesktopTowerMonitor as Ot, mdiContrastCircle as zt, mdiCog as jt, mdiCogOutline as Ft, mdiFileDocument as Tt, mdiCreditCardSettingsOutline as Mt, mdiRocketOutline as Pt, mdiCheckCircleOutline as he, mdiCreditCard as Rt, mdiReload as Ht, mdiPlaylistCheck as Et, mdiCreditCardOutline as Wt, mdiMedal as Ge, mdiOpenInNew as ye, mdiHandHeart as Gt, mdiChartLine as qt, mdiHandHeartOutline as Zt, mdiShieldStarOutline as Yt, mdiReddit as Qt, mdiEmailOpenOutline as ot, mdiEmailVariant as nt, mdiBell as Jt, mdiInboxOutline as Xt, mdiInboxFullOutline as Kt, mdiBillboard as eo, mdiBellOutline as to, mdiViewDashboardOutline as oo, mdiSpider as no, mdiCrown as so, mdiArrowULeftBottom as ao, mdiLogin as io } from "@mdi/js";
-import { VListItem as be, VList as oe, VListItemTitle as st, VListItemSubtitle as lo } from "vuetify/lib/components/VList/index.mjs";
-import { VAvatar as ne } from "vuetify/lib/components/VAvatar/index.mjs";
-import { VCard as P, VCardTitle as ro, VCardSubtitle as co, VCardText as ee } from "vuetify/lib/components/VCard/index.mjs";
+import { merge as Oe } from "lodash-es";
+import { mdiDiscord as He, mdiGithub as Ee, mdiSync as xt, mdiSyncOff as wt, mdiLogoutVariant as St, mdiFullscreenExit as Ct, mdiFullscreen as Lt, mdiCheck as de, mdiHome as It, mdiTextBox as At, mdiSelect as Dt, mdiSpaceInvaders as Ke, mdiImageFilterHdr as et, mdiRocketLaunchOutline as tt, mdiWhiteBalanceSunny as Bt, mdiWeatherNight as Ut, mdiDesktopTowerMonitor as Nt, mdiContrastCircle as zt, mdiCog as Ot, mdiCogOutline as jt, mdiFileDocument as Ft, mdiCreditCardSettingsOutline as Tt, mdiRocketOutline as Mt, mdiCheckCircleOutline as _e, mdiCreditCard as Pt, mdiReload as Rt, mdiPlaylistCheck as Ht, mdiCreditCardOutline as Et, mdiMedal as We, mdiOpenInNew as ge, mdiHandHeart as Wt, mdiChartLine as Gt, mdiHandHeartOutline as qt, mdiShieldStarOutline as Zt, mdiReddit as Yt, mdiEmailOpenOutline as ot, mdiEmailVariant as nt, mdiBell as Qt, mdiInboxOutline as Jt, mdiInboxFullOutline as Xt, mdiBillboard as Kt, mdiBellOutline as eo, mdiViewDashboardOutline as to, mdiSpider as oo, mdiCrown as no, mdiArrowULeftBottom as so, mdiLogin as ao } from "@mdi/js";
+import { VListItem as ye, VList as ne, VListItemTitle as st, VListItemSubtitle as io } from "vuetify/lib/components/VList/index.mjs";
+import { VAvatar as se } from "vuetify/lib/components/VAvatar/index.mjs";
+import { VCard as P, VCardTitle as lo, VCardSubtitle as ro, VCardText as te } from "vuetify/lib/components/VCard/index.mjs";
 import { VDialog as at } from "vuetify/lib/components/VDialog/index.mjs";
-import { VBadge as qe } from "vuetify/lib/components/VBadge/index.mjs";
-import { VBtn as W } from "vuetify/lib/components/VBtn/index.mjs";
-import { VProgressCircular as uo } from "vuetify/lib/components/VProgressCircular/index.mjs";
-import { VSheet as ge } from "vuetify/lib/components/VSheet/index.mjs";
+import { VBadge as Ge } from "vuetify/lib/components/VBadge/index.mjs";
+import { VBtn as G } from "vuetify/lib/components/VBtn/index.mjs";
+import { VProgressCircular as co } from "vuetify/lib/components/VProgressCircular/index.mjs";
+import { VSheet as he } from "vuetify/lib/components/VSheet/index.mjs";
 import { VSwitch as it } from "vuetify/lib/components/VSwitch/index.mjs";
-import { VFadeTransition as De, VExpandTransition as Ve, VExpandXTransition as po } from "vuetify/lib/components/transitions/index.mjs";
-import { useDisplay as pe, useTheme as mo, useDate as Be } from "vuetify";
-import { VDivider as E } from "vuetify/lib/components/VDivider/index.mjs";
+import { VFadeTransition as Ae, VExpandTransition as be, VExpandXTransition as uo } from "vuetify/lib/components/transitions/index.mjs";
+import { useDisplay as pe, useTheme as po, useDate as De } from "vuetify";
+import { VDivider as W } from "vuetify/lib/components/VDivider/index.mjs";
 import { VIcon as A } from "vuetify/lib/components/VIcon/index.mjs";
-import { VLabel as Te } from "vuetify/lib/components/VLabel/index.mjs";
-import { VChip as G } from "vuetify/lib/components/VChip/index.mjs";
-import { VChipGroup as fo } from "vuetify/lib/components/VChipGroup/index.mjs";
-import { VSelect as vo } from "vuetify/lib/components/VSelect/index.mjs";
+import { VLabel as Fe } from "vuetify/lib/components/VLabel/index.mjs";
+import { VChip as q } from "vuetify/lib/components/VChip/index.mjs";
+import { VChipGroup as mo } from "vuetify/lib/components/VChipGroup/index.mjs";
+import { VSelect as fo } from "vuetify/lib/components/VSelect/index.mjs";
+import { useRoute as vo, useRouter as qe } from "vue-router";
 import { VRow as ce, VCol as J, VContainer as Ye } from "vuetify/lib/components/VGrid/index.mjs";
-import { VHover as Ue } from "vuetify/lib/components/VHover/index.mjs";
+import { VHover as Be } from "vuetify/lib/components/VHover/index.mjs";
 import { VImg as ie } from "vuetify/lib/components/VImg/index.mjs";
-import { VItemGroup as lt, VItem as Me } from "vuetify/lib/components/VItemGroup/index.mjs";
-import { VLayout as ke } from "vuetify/lib/components/VLayout/index.mjs";
-import { VMain as $e } from "vuetify/lib/components/VMain/index.mjs";
+import { VItemGroup as lt, VItem as Te } from "vuetify/lib/components/VItemGroup/index.mjs";
+import { VLayout as Ve } from "vuetify/lib/components/VLayout/index.mjs";
+import { VMain as ke } from "vuetify/lib/components/VMain/index.mjs";
 import { VDataTableVirtual as _o } from "vuetify/lib/components/VDataTable/index.mjs";
 import { VSkeletonLoader as Qe } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
-import { VWindow as rt, VWindowItem as _e } from "vuetify/lib/components/VWindow/index.mjs";
+import { VWindow as rt, VWindowItem as ve } from "vuetify/lib/components/VWindow/index.mjs";
 import { VTimelineItem as Ze, VTimeline as ho } from "vuetify/lib/components/VTimeline/index.mjs";
 import { VFooter as go } from "vuetify/lib/components/VFooter/index.mjs";
 import { VTooltip as X } from "vuetify/lib/components/VTooltip/index.mjs";
@@ -38,33 +38,33 @@ import { Ripple as Vo } from "vuetify/lib/directives/index.mjs";
 import { VColorPicker as ko } from "vuetify/lib/components/VColorPicker/index.mjs";
 import { VMenu as $o } from "vuetify/components";
 import { VAppBar as xo } from "vuetify/lib/components/VAppBar/index.mjs";
-const xe = K("http", {
+const $e = K("http", {
   state: () => ({
     url: ""
   }),
   actions: {
     async fetch(c, e = {}) {
-      const i = await fetch(`${this.url}${c}`, {
+      const a = await fetch(`${this.url}${c}`, {
         credentials: "include",
         ...e
       });
-      return i.status === 204 ? i : i.json();
+      return a.status === 204 ? a : a.json();
     },
-    async post(c, e, i = {}) {
+    async post(c, e, a = {}) {
       return this.fetch(c, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
         body: JSON.stringify(e),
-        ...i
+        ...a
       });
     },
-    async form(c, e, i = {}) {
+    async form(c, e, a = {}) {
       return this.fetch(c, {
         method: "POST",
         body: e,
-        ...i
+        ...a
       });
     },
     async get(c, e = {}) {
@@ -77,7 +77,7 @@ const xe = K("http", {
       });
     }
   }
-}), Fe = typeof window < "u", Le = {
+}), je = typeof window < "u", Le = {
   v: 5,
   api: "link-only",
   avatar: "",
@@ -116,137 +116,137 @@ const xe = K("http", {
     }
   }
 }, j = K("user", () => {
-  const c = ht(je({}, Le));
-  N(c, i);
+  const c = ht(Oe({}, Le));
+  N(c, a);
   function e() {
-    if (!Fe)
+    if (!je)
       return;
-    const r = localStorage.getItem("vuetify@user"), a = r ? JSON.parse(r) : {};
-    let l = a.v === c.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 = Le.suits, a.notifications.banners = Le.notifications.banners, l = !0), a.v = c.v, Object.assign(c, je(c, a)), l && i();
+    const l = localStorage.getItem("vuetify@user"), i = l ? JSON.parse(l) : {};
+    let r = i.v === c.v;
+    i.v || (i.pwaRefresh = !0, typeof i.api == "boolean" && (i.api = i.api ? "inline" : "link-only"), typeof i.rtl == "boolean" && (i.direction = i.rtl ? "rtl" : "ltr", delete i.rtl), typeof i.theme == "object" && (i.mixedTheme = i.theme.mixed, i.theme = i.theme.system ? "system" : i.theme.dark ? "dark" : "light"), Array.isArray(i.notifications) && (i.notifications = { read: i.notifications }), typeof i.last == "object" && (i.notifications.last = i.last, delete i.last)), i.v === 1 && (Array.isArray(i.composition) && (i.composition = "composition"), Array.isArray(i.notifications.last.banner) || (i.notifications = i.notifications || {}, i.notifications.last = i.notifications.last || {}, i.notifications.last.banner = [])), i.v === 2 && (i.syncSettings = !0, i.disableAds = !1, i.v = 3), i.v === 3 && (i.quickbar = !1), i.v === 4 && (i.suits = Le.suits, i.notifications.banners = Le.notifications.banners, r = !0), i.v = c.v, Object.assign(c, Oe(c, i)), r && a();
   }
-  function i() {
-    Fe && localStorage.setItem("vuetify@user", JSON.stringify(c, null, 2));
+  function a() {
+    je && localStorage.setItem("vuetify@user", JSON.stringify(c, null, 2));
   }
   function s() {
-    Fe && (Object.assign(c, je({}, Le)), i());
+    je && (Object.assign(c, Oe({}, Le)), a());
   }
   return e(), {
     ...gt(c),
     load: e,
-    save: i,
+    save: a,
     reset: s
   };
 }), z = K("auth", () => {
-  const c = F(!1), e = F(null), i = xe(), s = j(), r = Ae(), a = B(!1), l = C(() => {
-    var m, v;
-    return !i.url || ((m = e.value) == null ? void 0 : m.isAdmin) || !!((v = e.value) != null && v.sponsorships.some((k) => k.isActive));
+  const c = F(!1), e = F(null), a = $e(), s = j(), l = B(!1), i = C(() => {
+    var y, m;
+    return !a.url || ((y = e.value) == null ? void 0 : y.isAdmin) || !!((m = e.value) != null && m.sponsorships.some((h) => h.isActive));
   });
-  let u = !!x();
-  N(e, (m) => {
-    if (!(m != null && m.settings))
+  let r = !!b();
+  N(e, (y) => {
+    if (!(y != null && y.settings))
       return;
-    const v = localStorage.getItem("vuetify@user") || "{}";
-    JSON.stringify(m.settings, null, 2) !== v && (u = !0, Object.assign(s, m.settings));
+    const m = localStorage.getItem("vuetify@user") || "{}";
+    JSON.stringify(y.settings, null, 2) !== m && (r = !0, Object.assign(s, y.settings));
   }), s.$subscribe(() => {
-    u || f(), u = !1;
+    r || u(), r = !1;
   });
-  async function f() {
+  async function u() {
     if (!(!e.value || !s.syncSettings))
       try {
-        await i.post("/user/settings", { settings: s.$state });
-      } catch (m) {
-        console.error(m);
+        await a.post("/user/settings", { settings: s.$state });
+      } catch (y) {
+        console.error(y);
       }
   }
-  async function d(m = !1) {
-    if (d.promise)
-      return d.promise;
-    a.value = !0, d.promise = fetch(`${i.url}/auth/verify`, {
+  async function f(y = !1) {
+    if (f.promise)
+      return f.promise;
+    l.value = !0, f.promise = fetch(`${a.url}/auth/verify`, {
       credentials: "include",
-      headers: m ? {
+      headers: y ? {
         "Cache-Control": "no-cache"
       } : void 0
     }).then(
-      async (v) => {
-        v.ok ? e.value = (await v.json()).user : v.status === 401 ? e.value = null : console.error(v.statusText);
+      async (m) => {
+        m.ok ? e.value = (await m.json()).user : m.status === 401 ? e.value = null : console.error(m.statusText);
       },
       () => {
       }
     ).finally(() => {
-      a.value = !1, d.promise = null;
+      l.value = !1, f.promise = null;
     });
   }
-  d.promise = null;
-  async function h(m = "github") {
-    a.value = !0;
-    const v = `${i.url}/auth/${m}/redirect`, k = 400, O = 600, R = window.screenX + (window.innerWidth - k) / 2, ae = window.screenY + (window.innerHeight - O) / 2, Z = window.open(
+  f.promise = null;
+  async function p(y = "github") {
+    l.value = !0;
+    const m = `${a.url}/auth/${y}/redirect`, h = 400, w = 600, O = window.screenX + (window.innerWidth - h) / 2, R = window.screenY + (window.innerHeight - w) / 2, H = window.open(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${R},top=${ae},width=${k},height=${O},resizable`
+      `popup,left=${O},top=${R},width=${h},height=${w},resizable`
     );
-    if (!Z) {
+    if (!H) {
       console.error("Failed to open popup");
       return;
     }
-    Z.location.href = v;
-    let Ce = -1, fe = -1;
-    function ve(y) {
-      var I;
-      y.origin === i.url && ((I = y.data) == null ? void 0 : I.type) === "auth-response" && (y.data.status === "success" ? (e.value || localStorage.setItem("vuetify@lastLoginProvider", m), e.value = y.data.body.user, r.push("/user/dashboard/"), f()) : console.error(y.data.message), re());
+    H.location.href = m;
+    let Se = -1, Ce = -1;
+    function fe(ee) {
+      var V;
+      ee.origin === a.url && ((V = ee.data) == null ? void 0 : V.type) === "auth-response" && (ee.data.status === "success" ? (e.value || localStorage.setItem("vuetify@lastLoginProvider", y), e.value = ee.data.body.user, u()) : console.error(ee.data.message), re());
     }
     function re() {
-      window.removeEventListener("message", ve), window.clearInterval(Ce), window.clearTimeout(fe), Z == null || Z.close(), a.value = !1;
+      window.removeEventListener("message", fe), window.clearInterval(Se), window.clearTimeout(Ce), H == null || H.close(), l.value = !1;
     }
-    window.addEventListener("message", ve), Ce = window.setInterval(() => {
-      !Z || Z.closed ? (console.error("Auth popup closed"), re()) : Z.postMessage({ type: "auth-request" }, "*");
-    }, 1e3), fe = window.setTimeout(() => {
+    window.addEventListener("message", fe), Se = window.setInterval(() => {
+      !H || H.closed ? (console.error("Auth popup closed"), re()) : H.postMessage({ type: "auth-request" }, "*");
+    }, 1e3), Ce = window.setTimeout(() => {
       re(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
-  async function V(m) {
-    a.value = !0;
-    const v = m ? `/auth/${m}/logout` : "/auth/logout";
+  async function _(y) {
+    l.value = !0;
+    const m = y ? `/auth/${y}/logout` : "/auth/logout";
     try {
-      await i.post(v), await d(!0), e.value = null;
-    } catch (k) {
-      console.error(k);
+      await a.post(m), await f(!0), e.value = null;
+    } catch (h) {
+      console.error(h);
     } finally {
-      r.push("/"), a.value = !1;
+      l.value = !1;
     }
   }
-  function b(m) {
-    var v;
-    return (v = e.value) == null ? void 0 : v.identities.find((k) => k.provider === m);
+  function k(y) {
+    var m;
+    return (m = e.value) == null ? void 0 : m.identities.find((h) => h.provider === y);
   }
-  function x() {
+  function b() {
     return localStorage.getItem("vuetify@lastLoginProvider");
   }
-  return d(), {
+  return f(), {
     user: e,
-    url: i.url,
+    url: a.url,
     dialog: c,
-    isLoading: a,
-    findIdentity: b,
-    verify: d,
-    login: h,
-    logout: V,
-    isSubscriber: l,
-    lastLoginProvider: x,
-    sync: f
+    isLoading: l,
+    findIdentity: k,
+    verify: f,
+    login: p,
+    logout: _,
+    isSubscriber: i,
+    lastLoginProvider: b,
+    sync: u
   };
 }), wo = { class: "text-body-2" }, So = /* @__PURE__ */ g("div", { class: "text-caption mt-n1" }, "Last Used", -1), ct = /* @__PURE__ */ $({
   __name: "VoAuthDiscord",
   setup(c) {
-    const e = z(), i = C(() => e.user && e.findIdentity("discord")), s = C(() => e.user ? i.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
-    return (r, a) => (p(), _(be, {
-      "prepend-icon": `svg:${o(Ee)}`,
+    const e = z(), a = C(() => e.user && e.findIdentity("discord")), s = C(() => e.user ? a.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
+    return (l, i) => (d(), v(ye, {
+      "prepend-icon": `svg:${o(He)}`,
       "base-color": "#5865F2",
       rounded: "pill",
       variant: "flat",
       slim: "",
-      onClick: a[0] || (a[0] = (l) => o(e).login("discord"))
-    }, q({
+      onClick: i[0] || (i[0] = (r) => o(e).login("discord"))
+    }, Z({
       title: n(() => [
         g("span", wo, L(s.value), 1)
       ]),
@@ -264,15 +264,15 @@ const xe = K("http", {
 }), Co = { class: "text-body-2" }, Lo = /* @__PURE__ */ g("div", { class: "text-caption mt-n1" }, "Last Used", -1), ut = /* @__PURE__ */ $({
   __name: "VoAuthGithub",
   setup(c) {
-    const e = z(), i = C(() => e.user && e.findIdentity("github")), s = C(() => e.user ? i.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
-    return (r, a) => (p(), _(be, {
-      "prepend-icon": `svg:${o(We)}`,
+    const e = z(), a = C(() => e.user && e.findIdentity("github")), s = C(() => e.user ? a.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
+    return (l, i) => (d(), v(ye, {
+      "prepend-icon": `svg:${o(Ee)}`,
       "base-color": "#2a2a2a",
       rounded: "pill",
       variant: "flat",
       slim: "",
-      onClick: a[0] || (a[0] = (l) => o(e).login("github"))
-    }, q({
+      onClick: i[0] || (i[0] = (r) => o(e).login("github"))
+    }, Z({
       title: n(() => [
         g("span", Co, L(s.value), 1)
       ]),
@@ -291,43 +291,43 @@ const xe = K("http", {
   __name: "VoAuthCard",
   setup(c) {
     const e = z();
-    return (i, s) => {
-      const r = ut, a = ct;
-      return p(), _(P, {
+    return (a, s) => {
+      const l = ut, i = ct;
+      return d(), v(P, {
         class: "pt-6 pb-8 px-4 px-sm-8 mx-auto",
         "max-width": "480"
       }, {
         default: n(() => [
           g("div", Io, [
-            t(ne, {
+            t(se, {
               image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
               class: "mx-auto",
               size: "64"
             }, null, 8, ["image"])
           ]),
           g("div", Ao, [
-            t(ro, { class: "text-h5 mb-1 text-md-h4" }, {
+            t(lo, { class: "text-h5 mb-1 text-md-h4" }, {
               default: n(() => [
                 g("div", Do, L(o(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
                 Bo
               ]),
               _: 1
             }),
-            t(co, { class: "text-wrap" }, {
+            t(ro, { class: "text-wrap" }, {
               default: n(() => [
                 U(" Login with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
               ]),
               _: 1
             })
           ]),
-          t(oe, {
+          t(ne, {
             class: "mx-auto",
             "max-width": "300",
             width: "100%"
           }, {
             default: n(() => [
-              t(r, { class: "mb-3" }),
-              t(a)
+              t(l, { class: "mb-3" }),
+              t(i)
             ]),
             _: 1
           })
@@ -340,121 +340,121 @@ const xe = K("http", {
   __name: "VoAuthDialog",
   setup(c) {
     const e = z();
-    return (i, s) => {
-      const r = dt;
-      return p(), _(at, {
+    return (a, s) => {
+      const l = dt;
+      return d(), v(at, {
         modelValue: o(e).dialog,
-        "onUpdate:modelValue": s[0] || (s[0] = (a) => o(e).dialog = a),
+        "onUpdate:modelValue": s[0] || (s[0] = (i) => o(e).dialog = i),
         "max-width": "480"
       }, {
         default: n(() => [
-          t(r)
+          t(l)
         ]),
         _: 1
       }, 8, ["modelValue"]);
     };
   }
-}), Ne = K("notifications", () => {
-  const c = xe(), e = j(), i = F([]), s = F([]), r = F(), a = B(!1), l = C(() => i.value.filter((m) => !e.notifications.read.includes(m.slug))), u = C(() => i.value.filter((m) => e.notifications.read.includes(m.slug)));
+}), Ue = K("notifications", () => {
+  const c = $e(), e = j(), a = F([]), s = F([]), l = F(), i = B(!1), r = C(() => a.value.filter((m) => !e.notifications.read.includes(m.slug))), u = C(() => a.value.filter((m) => e.notifications.read.includes(m.slug)));
   async function f() {
     try {
-      a.value = !0;
+      i.value = !0;
       const m = await c.get("/one/notifications");
-      i.value = m.notifications;
+      a.value = m.notifications;
     } catch {
     } finally {
-      a.value = !1;
+      i.value = !1;
     }
-    return i.value;
+    return a.value;
   }
-  async function d(m) {
+  async function p(m) {
     try {
-      a.value = !0;
-      const v = await c.get(`/one/admin/notifications/${m}`);
-      return r.value = v.notification, v.notification;
+      i.value = !0;
+      const h = await c.get(`/one/admin/notifications/${m}`);
+      return l.value = h.notification, h.notification;
     } catch {
     } finally {
-      a.value = !1;
+      i.value = !1;
     }
   }
-  async function h(m) {
+  async function _(m) {
     try {
-      a.value = !0;
-      const v = await c.form(
+      i.value = !0;
+      const h = await c.form(
         "/one/admin/notifications",
         m
       );
-      return r.value = v.notification, v.notification;
+      return l.value = h.notification, h.notification;
     } catch {
     } finally {
-      a.value = !1;
+      i.value = !1;
     }
   }
-  async function V(m, v) {
+  async function k(m, h) {
     try {
-      a.value = !0;
-      const k = await c.form(
+      i.value = !0;
+      const w = await c.form(
         `/one/admin/notifications/${m}`,
-        v
+        h
       );
-      return r.value = k.notification, k.notification;
+      return l.value = w.notification, w.notification;
     } catch {
     } finally {
-      a.value = !1;
+      i.value = !1;
     }
   }
   async function b() {
   }
-  async function x() {
+  async function y() {
     try {
-      a.value = !0;
+      i.value = !0;
       const m = await c.get("/one/admin/notifications");
       s.value = m.notifications;
     } catch {
     } finally {
-      a.value = !1;
+      i.value = !1;
     }
-    return i.value;
+    return a.value;
   }
   return {
-    isLoading: a,
-    all: i,
+    isLoading: i,
+    all: a,
     aall: s,
-    admin: x,
-    record: r,
+    admin: y,
+    record: l,
     index: f,
-    show: d,
-    store: h,
-    update: V,
+    show: p,
+    store: _,
+    update: k,
     destroy: b,
     read: u,
-    unread: l
+    unread: r
   };
 }), Uo = /* @__PURE__ */ $({
   __name: "VoNotificationsTotalBadge",
   setup(c) {
-    const e = z(), i = Ne(), s = j(), r = C(() => s.notifications.show ? i.unread.length : 0);
-    return (a, l) => (p(), _(qe, {
-      content: r.value,
+    const e = z(), a = Ue(), s = j(), l = C(() => s.notifications.show ? a.unread.length : 0);
+    return (i, r) => (d(), v(Ge, {
+      content: l.value,
       dot: !!o(e).user,
-      "model-value": r.value > 0,
+      "model-value": l.value > 0,
       color: "error",
       location: "start top"
     }, {
       default: n(() => [
-        M(a.$slots, "default")
+        M(i.$slots, "default")
       ]),
       _: 3
     }, 8, ["content", "dot", "model-value"]));
   }
-}), se = /* @__PURE__ */ $({
+}), ae = /* @__PURE__ */ $({
   __name: "VoBtn",
   props: {
     readonly: { type: Boolean }
   },
   setup(c) {
     const e = c;
-    return (i, s) => (p(), _(W, {
+    return (a, s) => (d(), v(G, {
       style: Je({
         pointerEvents: e.readonly ? "none" : void 0
       }),
@@ -463,29 +463,29 @@ const xe = K("http", {
       color: "primary",
       size: "small",
       variant: "flat"
-    }, q({
+    }, Z({
       loader: n(() => [
-        i.$slots.loader ? w("", !0) : (p(), _(uo, {
+        a.$slots.loader ? x("", !0) : (d(), v(co, {
           key: 0,
           indeterminate: "disable-shrink",
           size: "16",
           width: "2"
         })),
-        M(i.$slots, "loader")
+        M(a.$slots, "loader")
       ]),
       _: 2
     }, [
-      i.$slots.prepend ? {
+      a.$slots.prepend ? {
         name: "prepend",
         fn: n(() => [
-          M(i.$slots, "prepend")
+          M(a.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      i.$slots.default ? {
+      a.$slots.default ? {
         name: "default",
         fn: n(() => [
-          M(i.$slots, "default")
+          M(a.$slots, "default")
         ]),
         key: "1"
       } : void 0
@@ -494,63 +494,63 @@ const xe = K("http", {
 }), No = { class: "pa-4 d-flex flex-column ga-4" }, mt = /* @__PURE__ */ $({
   __name: "VoAuthListItem",
   setup(c) {
-    const e = z(), i = j(), s = B(!e.user && !e.isLoading);
-    N(() => e.user, (a) => {
-      s.value = !a;
+    const e = z(), a = j(), s = B(!e.user && !e.isLoading);
+    N(() => e.user, (i) => {
+      s.value = !i;
     });
-    function r() {
+    function l() {
       e.user && (s.value = !s.value);
     }
-    return (a, l) => {
+    return (i, r) => {
       const u = ut, f = ct;
-      return p(), _(P, {
+      return d(), v(P, {
         variant: s.value ? "tonal" : "text",
         class: "ma-2",
         rounded: "lg"
       }, {
         default: n(() => [
-          t(oe, { class: "py-0" }, {
+          t(ne, { class: "py-0" }, {
             default: n(() => [
-              t(be, {
+              t(ye, {
                 link: !!o(e).user,
-                "prepend-icon": `svg:${o(e).user && o(i).syncSettings ? o(wt) : o(St)}`,
-                title: o(e).user && o(i).syncSettings ? "Sync is on" : "Sync is paused",
+                "prepend-icon": `svg:${o(e).user && o(a).syncSettings ? o(xt) : o(wt)}`,
+                title: o(e).user && o(a).syncSettings ? "Sync is on" : "Sync is paused",
                 class: "mb-0",
                 rounded: "b-0",
                 nav: "",
                 slim: "",
-                onClick: r
+                onClick: l
               }, {
                 append: n(() => [
-                  t(De, null, {
+                  t(Ae, null, {
                     default: n(() => [
-                      o(e).user && (s.value || !o(i).syncSettings) ? (p(), _(it, {
+                      o(e).user && (s.value || !o(a).syncSettings) ? (d(), v(it, {
                         key: 0,
-                        modelValue: o(i).syncSettings,
-                        "onUpdate:modelValue": l[0] || (l[0] = (d) => o(i).syncSettings = d),
-                        color: o(i).syncSettings ? "success" : void 0,
+                        modelValue: o(a).syncSettings,
+                        "onUpdate:modelValue": r[0] || (r[0] = (p) => o(a).syncSettings = p),
+                        color: o(a).syncSettings ? "success" : void 0,
                         density: "compact",
                         "hide-details": "",
                         inset: "",
-                        onClick: l[1] || (l[1] = Pe(() => {
+                        onClick: r[1] || (r[1] = Me(() => {
                         }, ["stop"]))
                       }, {
                         thumb: n(() => [
-                          t(ne, {
-                            color: o(i).syncSettings ? "success" : void 0
+                          t(se, {
+                            color: o(a).syncSettings ? "success" : void 0
                           }, null, 8, ["color"])
                         ]),
                         _: 1
-                      }, 8, ["modelValue", "color"])) : w("", !0)
+                      }, 8, ["modelValue", "color"])) : x("", !0)
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }, 8, ["link", "prepend-icon", "title"]),
-              t(Ve, null, {
+              t(be, null, {
                 default: n(() => [
-                  !o(e).user && !o(e).isLoading || s.value ? (p(), _(ge, {
+                  !o(e).user && !o(e).isLoading || s.value ? (d(), v(he, {
                     key: 0,
                     border: "t",
                     color: "transparent"
@@ -558,15 +558,15 @@ const xe = K("http", {
                     default: n(() => [
                       g("div", No, [
                         t(u, {
-                          onClick: l[2] || (l[2] = (d) => s.value = !1)
+                          onClick: r[2] || (r[2] = (p) => s.value = !1)
                         }),
                         t(f, {
-                          onClick: l[3] || (l[3] = (d) => s.value = !1)
+                          onClick: r[3] || (r[3] = (p) => s.value = !1)
                         })
                       ])
                     ]),
                     _: 1
-                  })) : w("", !0)
+                  })) : x("", !0)
                 ]),
                 _: 1
               })
@@ -581,7 +581,7 @@ const xe = K("http", {
 }), Y = /* @__PURE__ */ $({
   __name: "VoListItem",
   setup(c) {
-    return (e, i) => (p(), _(be, { slim: "" }, q({
+    return (e, a) => (d(), v(ye, { slim: "" }, Z({
       default: n(() => [
         M(e.$slots, "default")
       ]),
@@ -610,19 +610,19 @@ const xe = K("http", {
       } : void 0
     ]), 1024));
   }
-}), Oo = /* @__PURE__ */ $({
+}), zo = /* @__PURE__ */ $({
   __name: "VoAuthLogoutListItem",
   setup(c) {
-    const e = z(), i = B(!1);
+    const e = z(), a = B(!1);
     async function s() {
-      i.value = !0, await e.logout(), i.value = !1;
+      a.value = !0, await e.logout(), a.value = !1;
     }
-    return (r, a) => {
-      const l = Y;
-      return p(), _(l, {
-        disabled: i.value,
-        loading: i.value,
-        "prepend-icon": `svg:${o(Ct)}`,
+    return (l, i) => {
+      const r = Y;
+      return d(), v(r, {
+        disabled: a.value,
+        loading: a.value,
+        "prepend-icon": `svg:${o(St)}`,
         class: "mb-0",
         title: "Logout",
         link: "",
@@ -630,7 +630,7 @@ const xe = K("http", {
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
     };
   }
-}), we = /* @__PURE__ */ $({
+}), xe = /* @__PURE__ */ $({
   __name: "VoDialog",
   props: /* @__PURE__ */ Xe({
     prependIcon: {},
@@ -641,59 +641,59 @@ const xe = K("http", {
   }),
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(c, "modelValue"), i = pe(), s = B(!1);
-    return (r, a) => (p(), _(at, {
+    const e = le(c, "modelValue"), a = pe(), s = B(!1);
+    return (l, i) => (d(), v(at, {
       modelValue: e.value,
-      "onUpdate:modelValue": a[2] || (a[2] = (l) => e.value = l),
-      fullscreen: s.value || o(i).xs.value,
-      "max-height": s.value || o(i).xs.value ? "100%" : 800,
-      "max-width": s.value || o(i).xs.value ? "100%" : 800,
+      "onUpdate:modelValue": i[2] || (i[2] = (r) => e.value = r),
+      fullscreen: s.value || o(a).xs.value,
+      "max-height": s.value || o(a).xs.value ? "100%" : 800,
+      "max-width": s.value || o(a).xs.value ? "100%" : 800,
       activator: "parent",
       height: "100%"
     }, {
-      default: n(({ isActive: l }) => [
+      default: n(({ isActive: r }) => [
         t(P, {
-          "prepend-icon": r.prependIcon,
-          title: r.title,
+          "prepend-icon": l.prependIcon,
+          title: l.title,
           class: "overflow-hidden",
           height: "inherit"
-        }, q({
+        }, Z({
           append: n(() => [
-            M(r.$slots, "append"),
-            o(i).xs.value ? w("", !0) : (p(), _(W, {
+            M(l.$slots, "append"),
+            o(a).xs.value ? x("", !0) : (d(), v(G, {
               key: 0,
-              icon: `svg:${s.value ? o(Lt) : o(It)}`,
+              icon: `svg:${s.value ? o(Ct) : o(Lt)}`,
               class: "me-2",
               density: "comfortable",
               size: "small",
               variant: "text",
-              onClick: a[0] || (a[0] = (u) => s.value = !s.value)
+              onClick: i[0] || (i[0] = (u) => s.value = !s.value)
             }, null, 8, ["icon"])),
-            t(W, {
+            t(G, {
               density: "comfortable",
               icon: "$close",
               size: "small",
               variant: "text",
-              onClick: a[1] || (a[1] = (u) => e.value = !e.value)
+              onClick: i[1] || (i[1] = (u) => e.value = !e.value)
             })
           ]),
           default: n(() => [
-            t(E, { class: "mt-4" }),
-            M(r.$slots, "default")
+            t(W, { class: "mt-4" }),
+            M(l.$slots, "default")
           ]),
           _: 2
         }, [
-          r.$slots.prepend ? {
+          l.$slots.prepend ? {
             name: "prepend",
             fn: n(() => [
-              M(r.$slots, "prepend")
+              M(l.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
-          r.$slots.actions ? {
+          l.$slots.actions ? {
             name: "actions",
             fn: n(() => [
-              M(r.$slots, "actions", { isActive: l })
+              M(l.$slots, "actions", { isActive: r })
             ]),
             key: "1"
           } : void 0
@@ -708,13 +708,13 @@ const xe = K("http", {
     disabled: { type: Boolean }
   },
   setup(c) {
-    return (e, i) => (p(), _(it, {
+    return (e, a) => (d(), v(it, {
       disabled: e.disabled,
       "true-icon": `svg:${o(de)}`,
       color: "primary",
       density: "compact",
       inset: ""
-    }, q({
+    }, Z({
       thumb: n(() => [
         t(A, {
           color: e.disabled ? void 0 : "primary"
@@ -731,18 +731,18 @@ const xe = K("http", {
       } : void 0
     ]), 1032, ["disabled", "true-icon"]));
   }
-}), zo = {
+}), Oo = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
-}, Se = /* @__PURE__ */ $({
+}, we = /* @__PURE__ */ $({
   __name: "VoDialogSubheader",
   props: {
     title: {},
     text: {}
   },
   setup(c) {
-    return (e, i) => (p(), S(D, null, [
-      e.title ? (p(), _(Te, {
+    return (e, a) => (d(), S(D, null, [
+      e.title ? (d(), v(Fe, {
         key: 0,
         class: "font-weight-black"
       }, {
@@ -750,18 +750,18 @@ const xe = K("http", {
           U(L(e.title), 1)
         ]),
         _: 1
-      })) : w("", !0),
-      e.text ? (p(), S("div", zo, L(e.text), 1)) : w("", !0)
+      })) : x("", !0),
+      e.text ? (d(), S("div", Oo, L(e.text), 1)) : x("", !0)
     ], 64));
   }
 }), jo = { key: 0 }, Fo = /* @__PURE__ */ $({
   __name: "VoSettingsPageSuitOption",
   setup(c) {
-    const e = j(), i = [
+    const e = j(), a = [
       {
         title: "Choose a page suit",
         value: "",
-        prependIcon: `svg:${Bt}`,
+        prependIcon: `svg:${Dt}`,
         disabled: !0
       },
       {
@@ -780,23 +780,23 @@ const xe = K("http", {
         value: "nebula"
       }
     ];
-    return (s, r) => {
-      const a = ft, l = Se;
-      return p(), S(D, null, [
-        t(a, {
+    return (s, l) => {
+      const i = ft, r = we;
+      return d(), S(D, null, [
+        t(i, {
           modelValue: o(e).suits.show,
-          "onUpdate:modelValue": r[0] || (r[0] = (u) => o(e).suits.show = u),
+          "onUpdate:modelValue": l[0] || (l[0] = (u) => o(e).suits.show = u),
           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"]),
-        t(Ve, null, {
+        t(be, null, {
           default: n(() => [
-            o(e).suits.show ? (p(), S("div", jo, [
-              t(vo, {
+            o(e).suits.show ? (d(), S("div", jo, [
+              t(fo, {
                 modelValue: o(e).suits.suit,
-                "onUpdate:modelValue": r[1] || (r[1] = (u) => o(e).suits.suit = u),
-                items: i,
+                "onUpdate:modelValue": l[1] || (l[1] = (u) => o(e).suits.suit = u),
+                items: a,
                 density: "compact",
                 placeholder: "Choose a page suit",
                 style: { "max-width": "300px" },
@@ -815,24 +815,24 @@ const xe = K("http", {
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
-              t(l, { text: "Select your suit elements to display the background image:" }),
-              t(fo, {
+              t(r, { text: "Select your suit elements to display the background image:" }),
+              t(mo, {
                 modelValue: o(e).suits.elements,
-                "onUpdate:modelValue": r[2] || (r[2] = (u) => o(e).suits.elements = u),
+                "onUpdate:modelValue": l[2] || (l[2] = (u) => o(e).suits.elements = u),
                 color: "primary",
                 filter: "",
                 multiple: ""
               }, {
                 default: n(() => [
-                  t(G, {
-                    "append-icon": `svg:${o(At)}`,
+                  t(q, {
+                    "append-icon": `svg:${o(It)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
                     value: "app-bar",
                     variant: "flat"
                   }, {
                     append: n(() => [
-                      t(E, {
+                      t(W, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
@@ -840,15 +840,15 @@ const xe = K("http", {
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  t(G, {
-                    "append-icon": `svg:${o(Dt)}`,
+                  t(q, {
+                    "append-icon": `svg:${o(At)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
                     value: "drawer",
                     variant: "flat"
                   }, {
                     append: n(() => [
-                      t(E, {
+                      t(W, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
@@ -856,7 +856,7 @@ const xe = K("http", {
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  t(G, {
+                  t(q, {
                     "append-icon": "$info",
                     "filter-icon": "$success",
                     text: "Footer",
@@ -864,7 +864,7 @@ const xe = K("http", {
                     variant: "flat"
                   }, {
                     append: n(() => [
-                      t(E, {
+                      t(W, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
@@ -875,7 +875,7 @@ const xe = K("http", {
                 ]),
                 _: 1
               }, 8, ["modelValue"])
-            ])) : w("", !0)
+            ])) : x("", !0)
           ]),
           _: 1
         })
@@ -884,36 +884,36 @@ const xe = K("http", {
   }
 });
 function me() {
-  const c = xt();
+  const c = vo();
   return C(
     () => c.query
   );
 }
 const T = K("one", () => {
-  const c = me(), e = c.value.session_id, i = Ae(), s = z(), r = xe(), a = B(!1), l = F(!1), u = F(), f = F([]), d = C(() => {
-    var y;
-    return (y = u.value) == null ? void 0 : y.items[0].plan.interval;
-  }), h = C(() => {
-    var y;
-    return (y = s.user) == null ? void 0 : y.sponsorships.find((I) => I.platform === "stripe" && I.tierName.startsWith("sub_"));
-  }), V = C(() => {
-    var y;
-    return !!((y = h.value) != null && y.tierName);
+  const c = me(), e = c.value.session_id, a = qe(), s = z(), l = $e(), i = B(!1), r = F(!1), u = F(), f = F([]), p = C(() => {
+    var V;
+    return (V = u.value) == null ? void 0 : V.items[0].plan.interval;
+  }), _ = C(() => {
+    var V;
+    return (V = s.user) == null ? void 0 : V.sponsorships.find((I) => I.platform === "stripe" && I.tierName.startsWith("sub_"));
+  }), k = C(() => {
+    var V;
+    return !!((V = _.value) != null && V.tierName);
   }), b = C(() => {
-    var y;
-    return (y = h.value) == null ? void 0 : y.isActive;
-  }), x = C(() => {
-    var y;
-    return (y = s.user) == null ? void 0 : y.sponsorships.find((I) => I.platform === "github");
+    var V;
+    return (V = _.value) == null ? void 0 : V.isActive;
+  }), y = C(() => {
+    var V;
+    return (V = s.user) == null ? void 0 : V.sponsorships.find((I) => I.platform === "github");
   }), m = C(() => {
-    var y;
-    return (y = s.user) == null ? void 0 : y.sponsorships.find((I) => I.platform === "discord");
-  }), v = C(() => {
-    var y;
-    return (y = s.user) == null ? void 0 : y.sponsorships.find((I) => I.platform === "patreon");
-  }), k = C(() => {
-    var y;
-    return (y = s.user) == null ? void 0 : y.sponsorships.reduce((I, Q) => {
+    var V;
+    return (V = s.user) == null ? void 0 : V.sponsorships.find((I) => I.platform === "discord");
+  }), h = C(() => {
+    var V;
+    return (V = s.user) == null ? void 0 : V.sponsorships.find((I) => I.platform === "patreon");
+  }), w = C(() => {
+    var V;
+    return (V = s.user) == null ? void 0 : V.sponsorships.reduce((I, Q) => {
       if (!Q.isActive || Q.interval === "once" || Q.platform === "stripe")
         return I;
       const _t = Q.interval === "month" ? Q.amount : Q.amount / 12;
@@ -922,112 +922,112 @@ const T = K("one", () => {
   });
   yt(async () => {
     e && await O();
-  }), N(l, (y) => {
-    y && re();
-  }), N(c, (y) => {
-    if (y.one !== "subscribe" || s.user)
+  }), N(r, (V) => {
+    V && ee();
+  }), N(c, (V) => {
+    if (V.one !== "subscribe" || s.user)
       return;
     s.dialog = !0;
     const I = N(() => s.user, (Q) => {
       Q && (s.dialog = !1, I());
     });
-  }, { immediate: !0 }), N(b, (y, I) => {
-    y === !1 && I !== !0 || fe();
+  }, { immediate: !0 }), N(b, (V, I) => {
+    V === !1 && I !== !0 || fe();
   });
   async function O() {
     try {
-      a.value = !0;
-      const y = await r.post("/one/activate", { sessionId: e });
-      s.user = y.user;
+      i.value = !0;
+      const V = await l.post("/one/activate", { sessionId: e });
+      s.user = V.user;
       const I = new URL(window.location.href);
-      I.searchParams.delete("session_id"), history.pushState(null, "", I.toString()), ve();
+      I.searchParams.delete("session_id"), history.pushState(null, "", I.toString()), re();
     } catch {
     } finally {
-      a.value = !1;
+      i.value = !1;
     }
   }
   async function R() {
-    window.open(`${r.url}/one/manage`, "_blank");
+    window.open(`${l.url}/one/manage`, "_blank");
   }
-  async function ae(y) {
-    a.value = !0, window.location.href = `${r.url}/one/subscribe?interval=${y}`;
+  async function H(V) {
+    i.value = !0, window.location.href = `${l.url}/one/subscribe?interval=${V}`;
   }
-  async function Z() {
-    var y;
-    if (h.value)
+  async function Se() {
+    var V;
+    if (_.value)
       try {
-        a.value = !0;
-        const I = await r.post(
-          `/one/cancel?subscriptionId=${(y = h.value) == null ? void 0 : y.tierName}`
+        i.value = !0;
+        const I = await l.post(
+          `/one/cancel?subscriptionId=${(V = _.value) == null ? void 0 : V.tierName}`
         );
         s.user = I.user;
       } catch {
       } finally {
-        a.value = !1;
+        i.value = !1;
       }
   }
-  async function Ce(y) {
-    if (h.value)
+  async function Ce(V) {
+    if (_.value)
       try {
-        a.value = !0;
-        const I = await r.post("/one/modify", {
-          subscriptionId: h.value.tierName,
-          interval: y
+        i.value = !0;
+        const I = await l.post("/one/modify", {
+          subscriptionId: _.value.tierName,
+          interval: V
         });
         s.user = I.user;
       } catch {
       } finally {
-        a.value = !1;
+        i.value = !1;
       }
   }
   async function fe() {
-    var y;
-    if (h.value)
+    var V;
+    if (_.value)
       try {
-        a.value = !0;
-        const I = await r.post(
-          `/one/verify?subscriptionId=${(y = h.value) == null ? void 0 : y.tierName}`
+        i.value = !0;
+        const I = await l.post(
+          `/one/verify?subscriptionId=${(V = _.value) == null ? void 0 : V.tierName}`
         );
         s.user = I.user;
       } catch {
       } finally {
-        a.value = !1;
+        i.value = !1;
       }
   }
-  async function ve() {
+  async function re() {
     try {
-      a.value = !0;
-      const y = await r.get("/one/info");
-      return u.value = y.subscription, f.value = y.invoices, y;
+      i.value = !0;
+      const V = await l.get("/one/info");
+      return u.value = V.subscription, f.value = V.invoices, V;
     } catch {
     } finally {
-      a.value = !1;
+      i.value = !1;
     }
   }
-  function re() {
-    i.push({ query: {} });
+  function ee() {
+    a.push({ query: {} });
   }
   return {
     info: u,
-    interval: d,
+    interval: p,
     invoices: f,
     sessionId: e,
-    subscription: h,
-    monthlyTotal: k,
-    hasBilling: V,
-    isLoading: a,
-    isOpen: l,
+    subscription: _,
+    monthlyTotal: w,
+    hasBilling: k,
+    isLoading: i,
+    isOpen: r,
     isSubscriber: b,
-    github: x,
-    patreon: v,
+    github: y,
+    patreon: h,
     discord: m,
     activate: O,
-    cancel: Z,
+    cancel: Se,
     manage: R,
     modify: Ce,
-    resetQuery: re,
-    subscribe: ae,
-    subscriptionInfo: ve,
+    resetQuery: ee,
+    subscribe: H,
+    subscriptionInfo: re,
     verify: fe
   };
 });
@@ -1187,8 +1187,8 @@ function To() {
     }
   };
 }
-const Oe = K("settings", () => {
-  const c = "https://cdn.vuetifyjs.com/docs/images/one/", e = z(), i = j(), s = mo(), r = To(), a = {
+const Ne = K("settings", () => {
+  const c = "https://cdn.vuetifyjs.com/docs/images/one/", e = z(), a = j(), s = po(), l = To(), i = {
     blackguard: {
       "app-bar": c + "suits/blackguard/blackguard-app-bar.png",
       drawer: c + "suits/blackguard/blackguard-app-drawer.png",
@@ -1204,21 +1204,21 @@ const Oe = K("settings", () => {
       drawer: c + "suits/nebula/nebula-app-drawer.png",
       footer: c + "suits/nebula/nebula-app-footer.png"
     }
-  }, l = C(() => {
-    if (!i.suits.suit || !i.suits.show || !e.isSubscriber)
+  }, r = C(() => {
+    if (!a.suits.suit || !a.suits.show || !e.isSubscriber)
       return {};
-    const u = a[i.suits.suit.toLowerCase()], f = {};
-    for (const d of i.suits.elements)
-      f[d] = u[d];
+    const u = i[a.suits.suit.toLowerCase()], f = {};
+    for (const p of a.suits.elements)
+      f[p] = u[p];
     return f;
   });
   return s.themes.value = {
     ...s.themes.value,
-    ...r
-  }, N(() => i.theme, (u) => {
-    u === "system" ? s.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : (s.global.name.value = u, i.suits.suit = a[u] ? u : ""), i.theme = u;
+    ...l
+  }, N(() => a.theme, (u) => {
+    u === "system" ? s.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : (s.global.name.value = u, a.suits.suit = i[u] ? u : ""), a.theme = u;
   }, { immediate: !0 }), {
-    suit: l,
+    suit: r,
     CDN_URL: c
   };
 }), Mo = /* @__PURE__ */ $({
@@ -1229,53 +1229,53 @@ const Oe = K("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(c, "modelValue"), i = z(), s = T(), r = Oe(), a = j(), l = [
+    const e = le(c, "modelValue"), a = z(), s = T(), l = Ne(), i = j(), r = [
       {
         title: "Light",
         subtitle: "A standard light theme.",
-        image: r.CDN_URL + "themes/light.png",
-        prependIcon: `svg:${Ut}`,
+        image: l.CDN_URL + "themes/light.png",
+        prependIcon: `svg:${Bt}`,
         value: "light"
       },
       {
         title: "Dark",
         subtitle: "A standard dark theme.",
-        image: r.CDN_URL + "themes/dark.png",
-        prependIcon: `svg:${Nt}`,
+        image: l.CDN_URL + "themes/dark.png",
+        prependIcon: `svg:${Ut}`,
         value: "dark"
       },
       {
         title: "System",
         subtitle: "A theme based on the system preference.",
-        image: r.CDN_URL + "themes/system.png",
-        prependIcon: `svg:${Ot}`,
+        image: l.CDN_URL + "themes/system.png",
+        prependIcon: `svg:${Nt}`,
         value: "system"
       },
       {
         title: "Blackguard",
         subtitle: "A theme for v3.4 Blackguard.",
-        image: r.CDN_URL + "themes/blackguard.png",
+        image: l.CDN_URL + "themes/blackguard.png",
         prependIcon: `svg:${Ke}`,
         value: "blackguard"
       },
       {
         title: "Polaris",
         subtitle: "A theme for v3.5 Polaris.",
-        image: r.CDN_URL + "themes/polaris.png",
+        image: l.CDN_URL + "themes/polaris.png",
         prependIcon: `svg:${et}`,
         value: "polaris"
       },
       {
         title: "Nebula",
         subtitle: "A theme for v3.6 Nebula.",
-        image: r.CDN_URL + "themes/nebula.png",
+        image: l.CDN_URL + "themes/nebula.png",
         prependIcon: `svg:${tt}`,
         value: "nebula"
       },
       {
         title: "High Contrast",
         subtitle: "A theme for high contrast.",
-        image: r.CDN_URL + "themes/high-contrast.png",
+        image: l.CDN_URL + "themes/high-contrast.png",
         prependIcon: `svg:${zt}`,
         value: "highContrast",
         disabled: !0
@@ -1283,46 +1283,46 @@ const Oe = K("settings", () => {
     ], u = me();
     return N(u, async () => {
       u.value.one === "settings" && (s.isOpen = !0, await ue(), e.value = !0);
-    }, { immediate: !0 }), (f, d) => {
-      const h = Se, V = Fo, b = ft, x = we;
-      return p(), _(x, {
+    }, { immediate: !0 }), (f, p) => {
+      const _ = we, k = Fo, b = ft, y = xe;
+      return d(), v(y, {
         modelValue: e.value,
-        "onUpdate:modelValue": d[5] || (d[5] = (m) => e.value = m),
-        "prepend-icon": `svg:${o(jt)}`,
+        "onUpdate:modelValue": p[5] || (p[5] = (m) => e.value = m),
+        "prepend-icon": `svg:${o(Ot)}`,
         title: "Settings"
       }, {
         default: n(() => [
-          t(ke, null, {
+          t(Ve, null, {
             default: n(() => [
-              t($e, { scrollable: "" }, {
+              t(ke, { scrollable: "" }, {
                 default: n(() => [
-                  t(ee, { class: "px-7" }, {
+                  t(te, { class: "px-7" }, {
                     default: n(() => [
-                      t(h, {
+                      t(_, {
                         text: "Customize your documentation experience with light and dark themes, as well as a combination of both named.",
                         title: "Theme"
                       }),
                       t(lt, {
-                        modelValue: o(a).theme,
-                        "onUpdate:modelValue": d[0] || (d[0] = (m) => o(a).theme = m),
+                        modelValue: o(i).theme,
+                        "onUpdate:modelValue": p[0] || (p[0] = (m) => o(i).theme = m),
                         mandatory: ""
                       }, {
                         default: n(() => [
                           t(ce, { dense: "" }, {
                             default: n(() => [
-                              (p(), S(D, null, te(l, (m, v) => t(J, {
-                                key: v,
+                              (d(), S(D, null, oe(r, (m, h) => t(J, {
+                                key: h,
                                 cols: "12",
                                 md: "6"
                               }, {
                                 default: n(() => [
-                                  t(Me, {
+                                  t(Te, {
                                     value: m.value
                                   }, {
-                                    default: n(({ toggle: k, isSelected: O }) => [
-                                      t(Ue, null, {
-                                        default: n(({ props: R, isHovering: ae }) => [
-                                          t(P, H({
+                                    default: n(({ toggle: w, isSelected: O }) => [
+                                      t(Be, null, {
+                                        default: n(({ props: R, isHovering: H }) => [
+                                          t(P, E({
                                             color: O ? "primary" : "surface-variant",
                                             disabled: m.disabled,
                                             image: m.image,
@@ -1332,11 +1332,11 @@ const Oe = K("settings", () => {
                                             title: m.title,
                                             height: "76",
                                             variant: "tonal"
-                                          }, R, { onClick: k }), {
+                                          }, R, { onClick: w }), {
                                             image: n(() => [
                                               t(ie, {
                                                 style: Je({
-                                                  filter: O || ae ? "none" : "grayscale(100%)"
+                                                  filter: O || H ? "none" : "grayscale(100%)"
                                                 })
                                               }, null, 8, ["style"])
                                             ]),
@@ -1357,65 +1357,65 @@ const Oe = K("settings", () => {
                         ]),
                         _: 1
                       }, 8, ["modelValue"]),
-                      o(i).isSubscriber ? (p(), S(D, { key: 0 }, [
-                        t(E, { class: "mt-6 mb-4" }),
-                        t(V)
-                      ], 64)) : w("", !0)
+                      o(a).isSubscriber ? (d(), S(D, { key: 0 }, [
+                        t(W, { class: "mt-6 mb-4" }),
+                        t(k)
+                      ], 64)) : x("", !0)
                     ]),
                     _: 1
                   }),
-                  t(E),
-                  t(ee, { class: "px-7" }, {
+                  t(W),
+                  t(te, { class: "px-7" }, {
                     default: n(() => [
-                      t(h, {
+                      t(_, {
                         text: "These options change your browsing experience within Vuetify properties",
                         title: "Experience"
                       }),
-                      o(i).isSubscriber ? (p(), _(b, {
+                      o(a).isSubscriber ? (d(), v(b, {
                         key: 0,
-                        modelValue: o(a).disableAds,
-                        "onUpdate:modelValue": d[1] || (d[1] = (m) => o(a).disableAds = m),
+                        modelValue: o(i).disableAds,
+                        "onUpdate:modelValue": p[1] || (p[1] = (m) => o(i).disableAds = m),
                         class: "mb-2",
                         label: "Disable Ads",
                         messages: "Disable traditional advertisements on all documentation pages."
-                      }, null, 8, ["modelValue"])) : w("", !0),
+                      }, null, 8, ["modelValue"])) : x("", !0),
                       t(b, {
-                        modelValue: o(a).quickbar,
-                        "onUpdate:modelValue": d[2] || (d[2] = (m) => o(a).quickbar = m),
+                        modelValue: o(i).quickbar,
+                        "onUpdate:modelValue": p[2] || (p[2] = (m) => o(i).quickbar = m),
                         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
                   }),
-                  t(E),
-                  o(i).isSubscriber ? (p(), _(ee, {
+                  t(W),
+                  o(a).isSubscriber ? (d(), v(te, {
                     key: 0,
                     class: "px-7"
                   }, {
                     default: n(() => [
-                      t(h, {
+                      t(_, {
                         text: "Vuetify will communicate with you through banners and notifications. You can disable these features here or reset your local notification cache.",
                         title: "Communication"
                       }),
                       t(b, {
-                        modelValue: o(a).notifications.show,
-                        "onUpdate:modelValue": d[3] || (d[3] = (m) => o(a).notifications.show = m),
+                        modelValue: o(i).notifications.show,
+                        "onUpdate:modelValue": p[3] || (p[3] = (m) => o(i).notifications.show = m),
                         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"]),
-                      o(a).notifications.show ? (p(), _(b, {
+                      o(i).notifications.show ? (d(), v(b, {
                         key: 0,
-                        modelValue: o(a).notifications.banners,
-                        "onUpdate:modelValue": d[4] || (d[4] = (m) => o(a).notifications.banners = m),
+                        modelValue: o(i).notifications.banners,
+                        "onUpdate:modelValue": p[4] || (p[4] = (m) => o(i).notifications.banners = m),
                         class: "mb-2",
                         label: "Enable Banners",
                         messages: "Banners are located at the top of the screen and provide a callout for important information."
-                      }, null, 8, ["modelValue"])) : w("", !0)
+                      }, null, 8, ["modelValue"])) : x("", !0)
                     ]),
                     _: 1
-                  })) : w("", !0)
+                  })) : x("", !0)
                 ]),
                 _: 1
               })
@@ -1431,18 +1431,18 @@ const Oe = K("settings", () => {
   __name: "VoSettingsListItem",
   setup(c) {
     const e = B(!1);
-    return (i, s) => {
-      const r = Mo, a = Y;
-      return p(), _(a, {
+    return (a, s) => {
+      const l = Mo, i = Y;
+      return d(), v(i, {
         active: e.value,
-        "prepend-icon": `svg:${o(Ft)}`,
+        "prepend-icon": `svg:${o(jt)}`,
         title: "Settings",
         link: ""
       }, {
         default: n(() => [
-          t(r, {
+          t(l, {
             modelValue: e.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (l) => e.value = l)
+            "onUpdate:modelValue": s[0] || (s[0] = (r) => e.value = r)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
@@ -1452,14 +1452,14 @@ const Oe = K("settings", () => {
 }), Ro = { class: "text-caption" }, Ho = /* @__PURE__ */ $({
   __name: "VoSubscriptionInvoices",
   setup(c) {
-    const e = Be(), i = T();
-    return (s, r) => {
-      const a = Se;
-      return p(), _(ce, null, {
+    const e = De(), a = T();
+    return (s, l) => {
+      const i = we;
+      return d(), v(ce, null, {
         default: n(() => [
           t(J, { cols: "12" }, {
             default: n(() => [
-              t(a, {
+              t(i, {
                 text: "View and download your invoice history.",
                 title: "Invoice History"
               }),
@@ -1470,19 +1470,19 @@ const Oe = K("settings", () => {
               }, {
                 default: n(() => [
                   t(_o, {
-                    items: o(i).invoices,
-                    loading: o(i).isLoading,
+                    items: o(a).invoices,
+                    loading: o(a).isLoading,
                     sticky: ""
                   }, {
-                    "item.date": n(({ item: l }) => [
-                      g("div", Ro, L(o(e).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
+                    "item.date": n(({ item: r }) => [
+                      g("div", Ro, L(o(e).format(new Date(r.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
-                    "item.amount": n(({ item: l }) => [
-                      U(" $" + L(l.amount / 100), 1)
+                    "item.amount": n(({ item: r }) => [
+                      U(" $" + L(r.amount / 100), 1)
                     ]),
-                    "item.status": n(({ item: l }) => [
-                      t(G, {
-                        text: l.status,
+                    "item.status": n(({ item: r }) => [
+                      t(q, {
+                        text: r.status,
                         border: "success sm",
                         class: "text-capitalize",
                         color: "success",
@@ -1491,10 +1491,10 @@ const Oe = K("settings", () => {
                         label: ""
                       }, null, 8, ["text"])
                     ]),
-                    "item.pdf": n(({ item: l }) => [
-                      t(W, {
-                        href: l.pdf,
-                        icon: `svg:${o(Tt)}`,
+                    "item.pdf": n(({ item: r }) => [
+                      t(G, {
+                        href: r.pdf,
+                        icon: `svg:${o(Ft)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -1520,22 +1520,22 @@ const Oe = K("settings", () => {
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
   setup(c, { emit: e }) {
-    const i = Be(), s = T(), r = e, a = C(() => {
+    const a = De(), s = T(), l = e, i = C(() => {
       if (!s.info)
         return;
       const u = new Date(s.info.currentPeriodEnd * 1e3);
-      return i.format(u, "keyboardDate");
+      return a.format(u, "keyboardDate");
     });
-    async function l() {
+    async function r() {
       s.interval && (s.isLoading = !0, s.subscribe(s.interval));
     }
     return (u, f) => {
-      const d = se;
-      return p(), _(ce, null, {
+      const p = ae;
+      return d(), v(ce, null, {
         default: n(() => [
           t(J, { cols: "12" }, {
             default: n(() => {
-              var h, V;
+              var _, k;
               return [
                 t(P, {
                   "prepend-icon": "$vuetify",
@@ -1543,11 +1543,11 @@ const Oe = K("settings", () => {
                   title: "Subscription Status",
                   border: "",
                   flat: ""
-                }, q({
+                }, Z({
                   append: n(() => {
                     var b;
                     return [
-                      o(s).hasBilling && ((b = o(s).info) == null ? void 0 : b.status) === "canceled" ? (p(), _(d, {
+                      o(s).hasBilling && ((b = o(s).info) == null ? void 0 : b.status) === "canceled" ? (d(), v(p, {
                         key: 0,
                         loading: o(s).isLoading,
                         class: "me-2",
@@ -1555,15 +1555,15 @@ const Oe = K("settings", () => {
                         "prepend-icon": "$success",
                         text: "Activate",
                         variant: "outlined",
-                        onClick: l
-                      }, null, 8, ["loading"])) : w("", !0),
-                      o(s).hasBilling ? (p(), _(d, {
+                        onClick: r
+                      }, null, 8, ["loading"])) : x("", !0),
+                      o(s).hasBilling ? (d(), v(p, {
                         key: 1,
                         loading: o(s).isLoading,
-                        "prepend-icon": `svg:${o(Mt)}`,
+                        "prepend-icon": `svg:${o(Tt)}`,
                         text: "Billing",
                         onClick: o(s).manage
-                      }, null, 8, ["loading", "prepend-icon", "onClick"])) : w("", !0)
+                      }, null, 8, ["loading", "prepend-icon", "onClick"])) : x("", !0)
                     ];
                   }),
                   _: 2
@@ -1573,19 +1573,19 @@ const Oe = K("settings", () => {
                     fn: n(() => [
                       g("div", Eo, [
                         g("span", Wo, L(o(s).info.status), 1),
-                        o(s).info.items.length ? (p(), S(D, { key: 0 }, [
+                        o(s).info.items.length ? (d(), S(D, { key: 0 }, [
                           Go,
                           g("span", qo, [
                             U(" $" + L(o(s).info.items[0].plan.amount / 100), 1),
                             g("span", Zo, "/" + L(o(s).interval), 1)
                           ]),
-                          t(d, {
+                          t(p, {
                             size: "x-small",
                             text: "(Change Subscription)",
                             variant: "text",
-                            onClick: f[0] || (f[0] = (b) => r("change:subscription"))
+                            onClick: f[0] || (f[0] = (b) => l("change:subscription"))
                           })
-                        ], 64)) : w("", !0)
+                        ], 64)) : x("", !0)
                       ])
                     ]),
                     key: "0"
@@ -1611,13 +1611,13 @@ const Oe = K("settings", () => {
                 ]), 1024),
                 g("div", Yo, [
                   g("div", null, [
-                    ((h = o(s).info) == null ? void 0 : h.status) === "active" ? (p(), S(D, { key: 0 }, [
+                    ((_ = o(s).info) == null ? void 0 : _.status) === "active" ? (d(), S(D, { key: 0 }, [
                       U(" Your plan renews on "),
-                      g("span", Qo, L(o(i).format(a.value, "fullDateWithWeekday")), 1),
+                      g("span", Qo, L(o(a).format(i.value, "fullDateWithWeekday")), 1),
                       U(". ")
-                    ], 64)) : (p(), S(D, { key: 1 }, [
+                    ], 64)) : (d(), S(D, { key: 1 }, [
                       U(" Your plan ends on "),
-                      g("span", Jo, L(o(i).format((V = o(s).info) == null ? void 0 : V.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      g("span", Jo, L(o(a).format((k = o(s).info) == null ? void 0 : k.currentPeriodEnd, "fullDateWithWeekday")), 1),
                       U(". ")
                     ], 64))
                   ])
@@ -1640,32 +1640,32 @@ const Oe = K("settings", () => {
       'Pinned Navigation Items and Rail drawer in <a href="https://vuetifyjs.com/" target="_blank">Documentation</a>',
       "Customize Navigation components with Page Suits",
       "Custom Vuetify One menu avatar"
-    ], i = [
+    ], a = [
       '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 = B(!1), r = T();
-    return N(s, async (a) => {
-      a && r.subscriptionInfo();
-    }), (a, l) => {
+    ], s = B(!1), l = T();
+    return N(s, async (i) => {
+      i && l.subscriptionInfo();
+    }), (i, r) => {
       const u = Y;
-      return p(), S(D, null, [
-        t(Te, { class: "font-weight-black" }, {
+      return d(), S(D, null, [
+        t(Fe, { class: "font-weight-black" }, {
           default: n(() => [
             U("Perks")
           ]),
           _: 1
         }),
         Ko,
-        t(oe, {
+        t(ne, {
           lines: !1,
           class: "py-0",
           density: "compact",
           nav: ""
         }, {
           default: n(() => [
-            (p(), S(D, null, te(e, (f, d) => t(u, {
-              key: d,
+            (d(), S(D, null, oe(e, (f, p) => t(u, {
+              key: p,
               "prepend-icon": `svg:${o(de)}`,
               class: "mb-0"
             }, {
@@ -1685,23 +1685,23 @@ const Oe = K("settings", () => {
           _: 1
         }),
         tn,
-        t(Te, { class: "font-weight-black" }, {
+        t(Fe, { class: "font-weight-black" }, {
           default: n(() => [
             U("Up Next")
           ]),
           _: 1
         }),
         on,
-        t(oe, {
+        t(ne, {
           lines: !1,
           class: "py-0",
           density: "compact",
           nav: ""
         }, {
           default: n(() => [
-            (p(), S(D, null, te(i, (f, d) => t(u, {
-              key: d,
-              "prepend-icon": `svg:${o(Pt)}`,
+            (d(), S(D, null, oe(a, (f, p) => t(u, {
+              key: p,
+              "prepend-icon": `svg:${o(Mt)}`,
               class: "mb-0"
             }, {
               prepend: n(() => [
@@ -1731,14 +1731,14 @@ const Oe = K("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = B(!1), i = le(c, "modelValue"), s = T();
-    return N(e, async (r) => {
-      r && s.subscriptionInfo();
-    }), N(() => s.interval, (r) => {
-      i.value = r;
-    }, { immediate: !0 }), (r, a) => (p(), _(lt, {
-      modelValue: i.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (l) => i.value = l),
+    const e = B(!1), a = le(c, "modelValue"), s = T();
+    return N(e, async (l) => {
+      l && s.subscriptionInfo();
+    }), N(() => s.interval, (l) => {
+      a.value = l;
+    }, { immediate: !0 }), (l, i) => (d(), v(lt, {
+      modelValue: a.value,
+      "onUpdate:modelValue": i[0] || (i[0] = (r) => a.value = r),
       mandatory: ""
     }, {
       default: n(() => [
@@ -1749,17 +1749,17 @@ const Oe = K("settings", () => {
               md: "6"
             }, {
               default: n(() => [
-                t(Me, { value: "month" }, {
-                  default: n(({ toggle: l, isSelected: u }) => [
+                t(Te, { value: "month" }, {
+                  default: n(({ toggle: r, isSelected: u }) => [
                     t(P, {
                       border: u ? "sm primary opacity-100" : "sm",
                       color: u ? "primary" : void 0,
-                      "prepend-icon": u ? `svg:${o(he)}` : "$radioOff",
+                      "prepend-icon": u ? `svg:${o(_e)}` : "$radioOff",
                       variant: u ? "tonal" : "text",
                       rounded: "lg",
                       subtitle: "$2.99/month",
                       title: "Monthly",
-                      onClick: l
+                      onClick: r
                     }, {
                       prepend: n(() => [
                         t(A, { class: "mt-n6" })
@@ -1777,23 +1777,23 @@ const Oe = K("settings", () => {
               md: "6"
             }, {
               default: n(() => [
-                t(Me, { value: "year" }, {
-                  default: n(({ toggle: l, isSelected: u }) => [
+                t(Te, { value: "year" }, {
+                  default: n(({ toggle: r, isSelected: u }) => [
                     t(P, {
                       border: u ? "sm primary opacity-100" : "sm",
                       color: u ? "primary" : void 0,
-                      "prepend-icon": u ? `svg:${o(he)}` : "$radioOff",
+                      "prepend-icon": u ? `svg:${o(_e)}` : "$radioOff",
                       variant: u ? "tonal" : "text",
                       rounded: "lg",
                       subtitle: "$29.99/year",
                       title: "Yearly",
-                      onClick: l
+                      onClick: r
                     }, {
                       prepend: n(() => [
                         t(A, { class: "mt-n6" })
                       ]),
                       append: n(() => [
-                        t(G, {
+                        t(q, {
                           class: "mt-n6",
                           color: "success",
                           size: "small",
@@ -1824,59 +1824,59 @@ const Oe = K("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    function e(d) {
-      return new Promise((h) => setTimeout(h, d));
+    function e(p) {
+      return new Promise((_) => setTimeout(_, p));
     }
-    const i = le(c, "modelValue"), s = T(), r = me(), a = B(s.interval), l = B(s.hasBilling ? "status" : "subscribe"), u = B(!1);
-    N(a, (d) => {
-      !s.isSubscriber || !s.interval || (u.value = d !== s.interval);
-    }), N(i, async (d) => {
-      !d || !s.isSubscriber || s.subscriptionInfo();
-    }), N(r, async () => {
-      !s.sessionId && !["subscribe", "status"].includes(r.value.one) || (l.value = s.sessionId || r.value.one === "status" ? "status" : "subscribe", s.isOpen = !0, await ue(), i.value = !0);
+    const a = le(c, "modelValue"), s = T(), l = me(), i = B(s.interval), r = B(s.hasBilling ? "status" : "subscribe"), u = B(!1);
+    N(i, (p) => {
+      !s.isSubscriber || !s.interval || (u.value = p !== s.interval);
+    }), N(a, async (p) => {
+      !p || !s.isSubscriber || s.subscriptionInfo();
+    }), N(l, async () => {
+      !s.sessionId && !["subscribe", "status"].includes(l.value.one) || (r.value = s.sessionId || l.value.one === "status" ? "status" : "subscribe", s.isOpen = !0, await ue(), a.value = !0);
     }, { immediate: !0 });
     async function f() {
-      await s.modify(a.value), await s.subscriptionInfo(), u.value = null, await e(3e3), l.value = "status", await e(300), u.value = !1;
+      await s.modify(i.value), await s.subscriptionInfo(), u.value = null, await e(3e3), r.value = "status", await e(300), u.value = !1;
     }
-    return (d, h) => {
-      const V = Se, b = an, x = sn, m = Xo, v = Ho, k = se, O = we;
-      return p(), _(O, {
-        modelValue: i.value,
-        "onUpdate:modelValue": h[4] || (h[4] = (R) => i.value = R),
-        "prepend-icon": `svg:${o(Rt)}`,
+    return (p, _) => {
+      const k = we, b = an, y = sn, m = Xo, h = Ho, w = ae, O = xe;
+      return d(), v(O, {
+        modelValue: a.value,
+        "onUpdate:modelValue": _[4] || (_[4] = (R) => a.value = R),
+        "prepend-icon": `svg:${o(Pt)}`,
         title: "Subscriptions"
-      }, q({
+      }, Z({
         default: n(() => [
-          t(ke, null, {
+          t(Ve, null, {
             default: n(() => [
-              t($e, { scrollable: "" }, {
+              t(ke, { scrollable: "" }, {
                 default: n(() => [
                   g("div", ln, [
-                    t(ee, null, {
+                    t(te, null, {
                       default: n(() => [
-                        t(V, {
+                        t(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"
                         }),
-                        t(rt, { "model-value": l.value }, {
+                        t(rt, { "model-value": r.value }, {
                           default: n(() => [
-                            t(_e, { value: "subscribe" }, {
+                            t(ve, { value: "subscribe" }, {
                               default: n(() => [
                                 t(b, {
-                                  modelValue: a.value,
-                                  "onUpdate:modelValue": h[0] || (h[0] = (R) => a.value = R)
+                                  modelValue: i.value,
+                                  "onUpdate:modelValue": _[0] || (_[0] = (R) => i.value = R)
                                 }, null, 8, ["modelValue"]),
                                 rn,
-                                t(x)
+                                t(y)
                               ]),
                               _: 1
                             }),
-                            t(_e, { value: "status" }, {
+                            t(ve, { value: "status" }, {
                               default: n(() => [
                                 t(m, {
-                                  "onChange:subscription": h[1] || (h[1] = (R) => l.value = "subscribe")
+                                  "onChange:subscription": _[1] || (_[1] = (R) => r.value = "subscribe")
                                 }),
-                                t(v)
+                                t(h)
                               ]),
                               _: 1
                             })
@@ -1896,37 +1896,37 @@ const Oe = K("settings", () => {
         ]),
         _: 2
       }, [
-        l.value === "subscribe" ? {
+        r.value === "subscribe" ? {
           name: "actions",
           fn: n(() => [
             g("div", cn, [
-              u.value !== !1 ? (p(), _(k, {
+              u.value !== !1 ? (d(), v(w, {
                 key: 0,
                 loading: o(s).isLoading,
-                "prepend-icon": `svg:${u.value !== null ? o(Ht) : o(he)}`,
+                "prepend-icon": `svg:${u.value !== null ? o(Rt) : o(_e)}`,
                 readonly: u.value === null,
                 text: u.value !== null ? "Modify Subscription" : "Success",
                 color: "success",
                 size: "default",
                 block: "",
                 onClick: f
-              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : o(s).isSubscriber ? (p(), _(k, {
+              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : o(s).isSubscriber ? (d(), v(w, {
                 key: 2,
-                "prepend-icon": `svg:${o(Et)}`,
+                "prepend-icon": `svg:${o(Ht)}`,
                 size: "default",
                 text: "Manage Subscription",
                 block: "",
-                onClick: h[3] || (h[3] = (R) => l.value = "status")
-              }, null, 8, ["prepend-icon"])) : (p(), _(k, {
+                onClick: _[3] || (_[3] = (R) => r.value = "status")
+              }, null, 8, ["prepend-icon"])) : (d(), v(w, {
                 key: 1,
-                color: a.value ? "primary" : "disabled",
-                disabled: !a.value,
+                color: i.value ? "primary" : "disabled",
+                disabled: !i.value,
                 loading: o(s).isLoading,
                 "prepend-icon": "$vuetify",
                 size: "default",
                 text: "Activate Subscription",
                 block: "",
-                onClick: h[2] || (h[2] = (R) => o(s).subscribe(a.value))
+                onClick: _[2] || (_[2] = (R) => o(s).subscribe(i.value))
               }, null, 8, ["color", "disabled", "loading"]))
             ])
           ]),
@@ -1939,18 +1939,18 @@ const Oe = K("settings", () => {
   __name: "VoSubscriptionListItem",
   setup(c) {
     const e = B(!1);
-    return (i, s) => {
-      const r = un, a = Y;
-      return p(), _(a, {
+    return (a, s) => {
+      const l = un, i = Y;
+      return d(), v(i, {
         active: e.value,
-        "prepend-icon": `svg:${o(Wt)}`,
+        "prepend-icon": `svg:${o(Et)}`,
         title: "Subscriptions",
         link: ""
       }, {
         default: n(() => [
-          t(r, {
+          t(l, {
             modelValue: e.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (l) => e.value = l)
+            "onUpdate:modelValue": s[0] || (s[0] = (r) => e.value = r)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
@@ -1960,19 +1960,19 @@ const Oe = K("settings", () => {
 }), pn = { class: "ps-16" }, mn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemPatreon",
   setup(c) {
-    const e = T(), i = Oe();
-    return (s, r) => {
-      var l, u;
-      const a = se;
-      return p(), _(Ze, {
-        "dot-color": (l = o(e).patreon) != null && l.isActive ? "success" : "transparent",
+    const e = T(), a = Ne();
+    return (s, l) => {
+      var r, u;
+      const i = ae;
+      return d(), v(Ze, {
+        "dot-color": (r = o(e).patreon) != null && r.isActive ? "success" : "transparent",
         icon: (u = o(e).patreon) != null && u.isActive ? `svg:${o(de)}` : void 0,
         size: "x-small",
         width: "100%"
       }, {
         default: n(() => [
           t(P, {
-            "prepend-avatar": o(i).CDN_URL + "/logos/patreon.png",
+            "prepend-avatar": o(a).CDN_URL + "/logos/patreon.png",
             rounded: "lg",
             subtitle: "Support Vuetify through Patreon.",
             title: "Patreon Subscriber",
@@ -1983,7 +1983,7 @@ const Oe = K("settings", () => {
               var f;
               return [
                 g("div", pn, [
-                  t(a, {
+                  t(i, {
                     text: (f = o(e).patreon) != null && f.isActive ? "Active" : "Coming Soon",
                     color: "surface-variant",
                     readonly: ""
@@ -1994,12 +1994,12 @@ const Oe = K("settings", () => {
             default: n(() => {
               var f;
               return [
-                (f = o(e).patreon) != null && f.isActive ? (p(), S(D, { key: 0 }, [
-                  t(E),
-                  t(ee, { class: "d-flex justify-space-between align-center flex-wrap" }, {
+                (f = o(e).patreon) != null && f.isActive ? (d(), S(D, { key: 0 }, [
+                  t(W),
+                  t(te, { class: "d-flex justify-space-between align-center flex-wrap" }, {
                     default: n(() => [
-                      t(G, {
-                        "prepend-icon": `svg:${o(Ge)}`,
+                      t(q, {
+                        "prepend-icon": `svg:${o(We)}`,
                         text: o(e).patreon.tierName,
                         color: "success",
                         variant: "text",
@@ -2008,7 +2008,7 @@ const Oe = K("settings", () => {
                     ]),
                     _: 1
                   })
-                ], 64)) : w("", !0)
+                ], 64)) : x("", !0)
               ];
             }),
             _: 1
@@ -2021,19 +2021,19 @@ const Oe = K("settings", () => {
 }), fn = { class: "ps-16" }, vn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemDiscord",
   setup(c) {
-    const e = T(), i = Oe();
-    return (s, r) => {
-      var l, u;
-      const a = se;
-      return p(), _(Ze, {
-        "dot-color": (l = o(e).discord) != null && l.isActive ? "success" : "transparent",
+    const e = T(), a = Ne();
+    return (s, l) => {
+      var r, u;
+      const i = ae;
+      return d(), v(Ze, {
+        "dot-color": (r = o(e).discord) != null && r.isActive ? "success" : "transparent",
         icon: (u = o(e).discord) != null && u.isActive ? `svg:${o(de)}` : void 0,
         size: "x-small",
         width: "100%"
       }, {
         default: n(() => [
           t(P, {
-            "prepend-avatar": o(i).CDN_URL + "/logos/discord.png",
+            "prepend-avatar": o(a).CDN_URL + "/logos/discord.png",
             rounded: "lg",
             subtitle: "Support Vuetify through Discord.",
             title: "Discord Subscriber",
@@ -2041,16 +2041,16 @@ const Oe = K("settings", () => {
             border: ""
           }, {
             append: n(() => {
-              var f, d, h, V, b, x;
+              var f, p, _, k, b, y;
               return [
                 g("div", fn, [
-                  t(a, {
+                  t(i, {
                     color: (f = o(e).discord) != null && f.isActive ? "success" : "primary",
-                    href: (d = o(e).discord) != null && d.isActive ? void 0 : "https://discord.com/servers/vuetify-340160225338195969",
-                    "prepend-icon": `svg:${(h = o(e).discord) != null && h.isActive ? o(he) : o(ye)}`,
-                    readonly: (V = o(e).discord) == null ? void 0 : V.isActive,
+                    href: (p = o(e).discord) != null && p.isActive ? void 0 : "https://discord.com/servers/vuetify-340160225338195969",
+                    "prepend-icon": `svg:${(_ = o(e).discord) != null && _.isActive ? o(_e) : o(ge)}`,
+                    readonly: (k = o(e).discord) == null ? void 0 : k.isActive,
                     target: (b = o(e).discord) != null && b.isActive ? void 0 : "_blank",
-                    text: (x = o(e).discord) != null && x.isActive ? "Active" : "Info",
+                    text: (y = o(e).discord) != null && y.isActive ? "Active" : "Info",
                     width: "88"
                   }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
                 ])
@@ -2059,12 +2059,12 @@ const Oe = K("settings", () => {
             default: n(() => {
               var f;
               return [
-                (f = o(e).discord) != null && f.isActive ? (p(), S(D, { key: 0 }, [
-                  t(E),
-                  t(ee, { class: "d-flex justify-space-between align-center flex-wrap" }, {
+                (f = o(e).discord) != null && f.isActive ? (d(), S(D, { key: 0 }, [
+                  t(W),
+                  t(te, { class: "d-flex justify-space-between align-center flex-wrap" }, {
                     default: n(() => [
-                      t(G, {
-                        "prepend-icon": `svg:${o(Ge)}`,
+                      t(q, {
+                        "prepend-icon": `svg:${o(We)}`,
                         text: o(e).discord.tierName,
                         color: "surface-variant",
                         size: "small",
@@ -2074,7 +2074,7 @@ const Oe = K("settings", () => {
                     ]),
                     _: 1
                   })
-                ], 64)) : w("", !0)
+                ], 64)) : x("", !0)
               ];
             }),
             _: 1
@@ -2087,19 +2087,19 @@ const Oe = K("settings", () => {
 }), _n = { class: "ps-16" }, hn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemGithub",
   setup(c) {
-    const e = T(), i = Oe();
-    return (s, r) => {
-      var l, u;
-      const a = se;
-      return p(), _(Ze, {
-        "dot-color": (l = o(e).github) != null && l.isActive ? "success" : "transparent",
+    const e = T(), a = Ne();
+    return (s, l) => {
+      var r, u;
+      const i = ae;
+      return d(), v(Ze, {
+        "dot-color": (r = o(e).github) != null && r.isActive ? "success" : "transparent",
         icon: (u = o(e).github) != null && u.isActive ? `svg:${o(de)}` : void 0,
         size: "x-small",
         width: "100%"
       }, {
         default: n(() => [
           t(P, {
-            "prepend-avatar": o(i).CDN_URL + "/logos/github.png",
+            "prepend-avatar": o(a).CDN_URL + "/logos/github.png",
             rounded: "lg",
             subtitle: "Support Vuetify through GitHub sponsors.",
             title: "GitHub Sponsors",
@@ -2107,16 +2107,16 @@ const Oe = K("settings", () => {
             border: ""
           }, {
             append: n(() => {
-              var f, d, h, V, b, x;
+              var f, p, _, k, b, y;
               return [
                 g("div", _n, [
-                  t(a, {
+                  t(i, {
                     color: (f = o(e).github) != null && f.isActive ? "success" : "primary",
-                    href: (d = o(e).github) != null && d.isActive ? void 0 : "https://github.com/sponsors/johnleider",
-                    "prepend-icon": `svg:${(h = o(e).github) != null && h.isActive ? o(he) : o(ye)}`,
-                    readonly: (V = o(e).github) == null ? void 0 : V.isActive,
+                    href: (p = o(e).github) != null && p.isActive ? void 0 : "https://github.com/sponsors/johnleider",
+                    "prepend-icon": `svg:${(_ = o(e).github) != null && _.isActive ? o(_e) : o(ge)}`,
+                    readonly: (k = o(e).github) == null ? void 0 : k.isActive,
                     target: (b = o(e).github) != null && b.isActive ? void 0 : "_blank",
-                    text: (x = o(e).github) != null && x.isActive ? "Active" : "Info",
+                    text: (y = o(e).github) != null && y.isActive ? "Active" : "Info",
                     width: "88"
                   }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
                 ])
@@ -2125,12 +2125,12 @@ const Oe = K("settings", () => {
             default: n(() => {
               var f;
               return [
-                (f = o(e).github) != null && f.isActive ? (p(), S(D, { key: 0 }, [
-                  t(E),
-                  t(ee, { class: "d-flex justify-space-between align-center flex-wrap" }, {
+                (f = o(e).github) != null && f.isActive ? (d(), S(D, { key: 0 }, [
+                  t(W),
+                  t(te, { class: "d-flex justify-space-between align-center flex-wrap" }, {
                     default: n(() => [
-                      t(G, {
-                        "prepend-icon": `svg:${o(Ge)}`,
+                      t(q, {
+                        "prepend-icon": `svg:${o(We)}`,
                         text: o(e).github.tierName,
                         color: "surface-variant",
                         size: "small",
@@ -2140,7 +2140,7 @@ const Oe = K("settings", () => {
                     ]),
                     _: 1
                   })
-                ], 64)) : w("", !0)
+                ], 64)) : x("", !0)
               ];
             }),
             _: 1
@@ -2153,9 +2153,9 @@ const Oe = K("settings", () => {
 }), gn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimeline",
   setup(c) {
-    return (e, i) => {
-      const s = hn, r = vn, a = mn;
-      return p(), _(ho, {
+    return (e, a) => {
+      const s = hn, l = vn, i = mn;
+      return d(), v(ho, {
         class: "justify-start ms-n7",
         "line-inset": "12",
         side: "end",
@@ -2164,8 +2164,8 @@ const Oe = K("settings", () => {
       }, {
         default: n(() => [
           t(s),
-          t(r),
-          t(a)
+          t(l),
+          t(i)
         ]),
         _: 1
       });
@@ -2183,24 +2183,24 @@ const Oe = K("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(c, "modelValue"), i = me(), s = z(), r = T();
-    return N(i, async () => {
-      i.value.one === "sponsorships" && (r.isOpen = !0, await ue(), e.value = !0);
-    }, { immediate: !0 }), (a, l) => {
-      const u = Se, f = gn, d = Re("v-empty-state"), h = we;
-      return p(), _(h, {
+    const e = le(c, "modelValue"), a = me(), s = z(), l = T();
+    return N(a, async () => {
+      a.value.one === "sponsorships" && (l.isOpen = !0, await ue(), e.value = !0);
+    }, { immediate: !0 }), (i, r) => {
+      const u = we, f = gn, p = Pe("v-empty-state"), _ = xe;
+      return d(), v(_, {
         modelValue: e.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (V) => e.value = V),
-        "prepend-icon": `svg:${o(Gt)}`,
+        "onUpdate:modelValue": r[0] || (r[0] = (k) => e.value = k),
+        "prepend-icon": `svg:${o(Wt)}`,
         title: "Sponsorships"
       }, {
         default: n(() => [
-          t(ke, null, {
+          t(Ve, null, {
             default: n(() => [
-              t($e, { scrollable: "" }, {
+              t(ke, { scrollable: "" }, {
                 default: n(() => [
                   g("div", yn, [
-                    t(ee, null, {
+                    t(te, null, {
                       default: n(() => [
                         t(u, {
                           text: "Support Vuetify through GitHub Sponsors, Discord, or Patreon to unlock exclusive benefits and content.",
@@ -2210,8 +2210,8 @@ const Oe = K("settings", () => {
                       ]),
                       _: 1
                     }),
-                    t(d, {
-                      icon: `svg:${o(qt)}`,
+                    t(p, {
+                      icon: `svg:${o(Gt)}`,
                       class: "mt-auto",
                       "min-height": "auto",
                       size: "64",
@@ -2222,9 +2222,9 @@ const Oe = K("settings", () => {
                       ]),
                       headline: n(() => [
                         g("div", bn, [
-                          o(s).isSubscriber ? (p(), S(D, { key: 0 }, [
-                            U(" $" + L(parseFloat(String(o(r).monthlyTotal)).toFixed(2)), 1)
-                          ], 64)) : (p(), S(D, { key: 1 }, [
+                          o(s).isSubscriber ? (d(), S(D, { key: 0 }, [
+                            U(" $" + L(parseFloat(String(o(l).monthlyTotal)).toFixed(2)), 1)
+                          ], 64)) : (d(), S(D, { key: 1 }, [
                             U(" $0.00 ")
                           ], 64))
                         ])
@@ -2250,18 +2250,18 @@ const Oe = K("settings", () => {
   __name: "VoSponsorshipsListItem",
   setup(c) {
     const e = B(!1);
-    return (i, s) => {
-      const r = kn, a = Y;
-      return p(), _(a, {
+    return (a, s) => {
+      const l = kn, i = Y;
+      return d(), v(i, {
         active: e.value,
-        "prepend-icon": `svg:${o(Zt)}`,
+        "prepend-icon": `svg:${o(qt)}`,
         title: "Sponsorships",
         link: ""
       }, {
         default: n(() => [
-          t(r, {
+          t(l, {
             modelValue: e.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (l) => e.value = l)
+            "onUpdate:modelValue": s[0] || (s[0] = (r) => e.value = r)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
@@ -2288,7 +2288,7 @@ const Oe = K("settings", () => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${Yt}`,
+        icon: `svg:${Zt}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -2298,44 +2298,44 @@ const Oe = K("settings", () => {
       },
       {
         title: "Vuetify GitHub",
-        icon: `svg:${We}`,
+        icon: `svg:${Ee}`,
         href: "https://github.com/vuetifyjs/vuetify"
       },
       {
         title: "Vuetify Discord",
-        icon: `svg:${Ee}`,
+        icon: `svg:${He}`,
         href: "https://community.vuetifyjs.com/"
       },
       {
         title: "Vuetify Reddit",
-        icon: `svg:${Qt}`,
+        icon: `svg:${Yt}`,
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
-    return (i, s) => (p(), _(go, {
+    return (a, s) => (d(), v(go, {
       class: "vo-footer",
       height: "40"
     }, {
       default: n(() => [
-        i.image || i.$slots.image ? (p(), S("div", wn, [
-          i.$slots.image ? M(i.$slots, "image", { key: 0 }, void 0, !0) : (p(), _(ie, {
+        a.image || a.$slots.image ? (d(), S("div", wn, [
+          a.$slots.image ? M(a.$slots, "image", { key: 0 }, void 0, !0) : (d(), v(ie, {
             key: 1,
-            src: i.image,
+            src: a.image,
             position: "left",
             cover: ""
           }, null, 8, ["src"]))
-        ])) : w("", !0),
-        (p(), S(D, null, te(e, (r) => g("a", {
-          key: r.title,
-          href: r.href,
-          title: r.title,
+        ])) : x("", !0),
+        (d(), S(D, null, oe(e, (l) => g("a", {
+          key: l.title,
+          href: l.href,
+          title: l.title,
           class: "d-inline-block mx-2 social-link",
           rel: "noopener noreferrer",
           target: "_blank"
         }, [
           t(A, {
-            icon: r.icon,
-            size: r.icon === "$vuetify" ? 24 : 16
+            icon: l.icon,
+            size: l.icon === "$vuetify" ? 24 : 16
           }, null, 8, ["icon", "size"])
         ], 8, Sn)), 64)),
         g("div", Cn, [
@@ -2347,11 +2347,11 @@ const Oe = K("settings", () => {
     }));
   }
 }), An = (c, e) => {
-  const i = c.__vccOpts || c;
-  for (const [s, r] of e)
-    i[s] = r;
-  return i;
-}, vt = /* @__PURE__ */ An(In, [["__scopeId", "data-v-40687c9d"]]), Dn = /* @__PURE__ */ g("h2", { class: "text-h4" }, " Configuration Tooling ", -1), Bn = /* @__PURE__ */ g("p", { class: "text-subtitle-1 text-medium-emphasis" }, " Coming soon to Vuetify One ", -1), Un = { class: "text-uppercase text-info" }, Nn = { class: "text-h6 mb-2" }, On = { class: "text-body-2 text-medium-emphasis" }, zn = /* @__PURE__ */ g("div", null, " Become a subscriber and be the first to gain access to the Vuetify Studio Alpha when it releases in April 2024. ", -1), jn = /* @__PURE__ */ $({
+  const a = c.__vccOpts || c;
+  for (const [s, l] of e)
+    a[s] = l;
+  return a;
+}, vt = /* @__PURE__ */ An(In, [["__scopeId", "data-v-40687c9d"]]), Dn = /* @__PURE__ */ g("h2", { class: "text-h4" }, " Configuration Tooling ", -1), Bn = /* @__PURE__ */ g("p", { class: "text-subtitle-1 text-medium-emphasis" }, " Coming soon to Vuetify One ", -1), Un = { class: "text-uppercase text-info" }, Nn = { class: "text-h6 mb-2" }, zn = { class: "text-body-2 text-medium-emphasis" }, On = /* @__PURE__ */ g("div", null, " Become a subscriber and be the first to gain access to the Vuetify Studio Alpha when it releases in April 2024. ", -1), jn = /* @__PURE__ */ $({
   __name: "VoStudioDialog",
   props: /* @__PURE__ */ Xe({
     prependIcon: {}
@@ -2361,44 +2361,44 @@ const Oe = K("settings", () => {
   }),
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(c, "modelValue"), i = me(), s = Ae(), r = z(), a = T(), l = [
+    const e = le(c, "modelValue"), a = me(), s = qe(), l = z(), i = T(), r = [
       {
         title: "Customize",
         subtitle: "Customize your Vuetify theme, components, and more with the Vuetify Studio.",
         text: "Vuetify Studio is a premium tool that allows you to customize your Vuetify theme, components, and more. Unlock Vuetify One status to gain access to the Vuetify Studio Alpha.",
-        image: "https://github.com/vuetifyjs/vuetify/assets/9064066/816239b3-caf5-4108-b3e7-f5b453a430f1"
+        image: "https://cdn.vuetifyjs.com/docs/images/one/studio/customize.png"
       },
       {
         title: "Configure",
         subtitle: "Configure every aspect of your application from a single interface.",
         text: "Vuetify Studio allows you to configure every single property of your application, including global values, and more.",
-        image: "https://github.com/vuetifyjs/vuetify/assets/9064066/0a082a25-7470-4d95-82e4-ed1ff44e9541"
+        image: "https://cdn.vuetifyjs.com/docs/images/one/studio/configure.png"
       },
       {
         title: "Export",
         subtitle: "Export your configuration and easily implement your options.",
         text: "Vuetify Studio allows you to export your options to a Vuetify configuration file for easy integration into your application.",
-        image: "https://github.com/vuetifyjs/vuetify/assets/9064066/1549d67d-f5eb-444d-b817-d0447b30bf0a"
+        image: "https://cdn.vuetifyjs.com/docs/images/one/studio/export.png"
       }
     ];
-    N(i, async () => {
-      i.value.one === "studio" && (a.isOpen = !0, await ue(), e.value = !0);
+    N(a, async () => {
+      a.value.one === "studio" && (i.isOpen = !0, await ue(), e.value = !0);
     }, { immediate: !0 });
     function u() {
       e.value = !1, s.push({ query: { one: "subscribe" } });
     }
-    return (f, d) => {
-      const h = se, V = vt, b = we;
-      return p(), _(b, {
+    return (f, p) => {
+      const _ = ae, k = vt, b = xe;
+      return d(), v(b, {
         modelValue: e.value,
-        "onUpdate:modelValue": d[0] || (d[0] = (x) => e.value = x),
+        "onUpdate:modelValue": p[0] || (p[0] = (y) => e.value = y),
         "prepend-icon": f.prependIcon,
         title: "Vuetify Studio"
       }, {
         default: n(() => [
-          t(ke, null, {
+          t(Ve, null, {
             default: n(() => [
-              t($e, { scrollable: "" }, {
+              t(ke, { scrollable: "" }, {
                 default: n(() => [
                   t(ie, {
                     "content-class": "d-flex align-center justify-center flex-column",
@@ -2406,7 +2406,7 @@ const Oe = K("settings", () => {
                     height: "350",
                     "max-height": "350",
                     position: "top",
-                    src: "https://github.com/vuetifyjs/vuetify/assets/9064066/692a6daf-0999-4fa1-a8c8-b1653cf55ca8",
+                    src: "https://cdn.vuetifyjs.com/docs/images/one/studio/hero.png",
                     cover: ""
                   }, {
                     default: n(() => [
@@ -2429,7 +2429,7 @@ const Oe = K("settings", () => {
                     ]),
                     _: 1
                   }),
-                  (p(), S(D, null, te(l, (x, m) => t(ge, {
+                  (d(), S(D, null, oe(r, (y, m) => t(he, {
                     key: m,
                     color: m % 2 === 0 ? "surface-light" : "surface-variant",
                     class: "py-8"
@@ -2445,9 +2445,9 @@ const Oe = K("settings", () => {
                                 offset: "1"
                               }, {
                                 default: n(() => [
-                                  g("strong", Un, L(x.title), 1),
-                                  g("p", Nn, L(x.subtitle), 1),
-                                  g("p", On, L(x.text), 1)
+                                  g("strong", Un, L(y.title), 1),
+                                  g("p", Nn, L(y.subtitle), 1),
+                                  g("p", zn, L(y.text), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["order"]),
@@ -2458,7 +2458,7 @@ const Oe = K("settings", () => {
                               }, {
                                 default: n(() => [
                                   t(ie, {
-                                    src: x.image,
+                                    src: y.image,
                                     height: "180",
                                     rounded: "lg"
                                   }, null, 8, ["src"])
@@ -2474,7 +2474,7 @@ const Oe = K("settings", () => {
                     ]),
                     _: 2
                   }, 1032, ["color"])), 64)),
-                  o(r).isSubscriber ? w("", !0) : (p(), _(ge, {
+                  o(l).isSubscriber ? x("", !0) : (d(), v(he, {
                     key: 0,
                     class: "text-center py-6"
                   }, {
@@ -2485,17 +2485,17 @@ const Oe = K("settings", () => {
                             default: n(() => [
                               t(J, { cols: "6" }, {
                                 default: n(() => [
-                                  t(ne, {
-                                    image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
+                                  t(se, {
+                                    image: "https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
                                     size: "64"
                                   }),
-                                  zn
+                                  On
                                 ]),
                                 _: 1
                               }),
                               t(J, { cols: "12" }, {
                                 default: n(() => [
-                                  t(h, {
+                                  t(_, {
                                     "prepend-icon": "$vuetify",
                                     size: "x-large",
                                     text: "Subscribe Today",
@@ -2516,7 +2516,7 @@ const Oe = K("settings", () => {
                 ]),
                 _: 1
               }),
-              t(V, { app: "" })
+              t(k, { app: "" })
             ]),
             _: 1
           })
@@ -2528,22 +2528,22 @@ const Oe = K("settings", () => {
 }), Fn = /* @__PURE__ */ $({
   __name: "VoStudioNavItem",
   setup(c) {
-    const e = B(!1), i = [
+    const e = B(!1), a = [
       ["M12.435 14.3194L12 21L6.87046 12.2799L12.435 14.3194Z", 1],
       ["M22 4L12.435 14.3194L6.87046 12.2799L9.26479 7.61064L12.435 14.3194L12 21L22 4Z", 0.5],
       ["M12.435 14.3194L22 4L9.26479 7.61064L12.435 14.3194Z", 1],
       ["M2 4L6.87046 12.2799L9.26479 7.61064L2 4Z", 1]
     ];
-    return (s, r) => {
-      const a = jn, l = Y;
-      return p(), _(l, {
+    return (s, l) => {
+      const i = jn, r = Y;
+      return d(), v(r, {
         active: e.value,
-        "prepend-icon": i,
+        "prepend-icon": a,
         title: "Vuetify Studio",
         link: ""
       }, {
         append: n(() => [
-          t(G, {
+          t(q, {
             size: "x-small",
             label: ""
           }, {
@@ -2554,10 +2554,10 @@ const Oe = K("settings", () => {
           })
         ]),
         default: n(() => [
-          t(a, {
+          t(i, {
             modelValue: e.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (u) => e.value = u),
-            "prepend-icon": i
+            "onUpdate:modelValue": l[0] || (l[0] = (u) => e.value = u),
+            "prepend-icon": a
           }, null, 8, ["modelValue"])
         ]),
         _: 1
@@ -2576,40 +2576,40 @@ const Oe = K("settings", () => {
     items: {}
   },
   setup(c) {
-    const e = Be(), i = pe(), s = j();
-    function r(l) {
-      return s.notifications.last.banner.includes(l);
+    const e = De(), a = pe(), s = j();
+    function l(r) {
+      return s.notifications.last.banner.includes(r);
     }
-    function a(l) {
-      r(l.slug) ? s.notifications.last.banner = s.notifications.last.banner.filter((u) => u !== l.slug) : s.notifications.last.banner.push(l.slug);
+    function i(r) {
+      l(r.slug) ? s.notifications.last.banner = s.notifications.last.banner.filter((u) => u !== r.slug) : s.notifications.last.banner.push(r.slug);
     }
-    return (l, u) => {
-      const f = Re("v-empty-state");
-      return p(), _(oe, {
+    return (r, u) => {
+      const f = Pe("v-empty-state");
+      return d(), v(ne, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
         default: n(() => [
-          l.items.length ? (p(), S("div", Pn, [
-            (p(!0), S(D, null, te(l.items, (d) => {
-              var h;
-              return p(), S("div", {
-                key: d.slug,
+          r.items.length ? (d(), S("div", Pn, [
+            (d(!0), S(D, null, oe(r.items, (p) => {
+              var _;
+              return d(), S("div", {
+                key: p.slug,
                 class: "mb-4"
               }, [
                 t(P, {
-                  color: d.metadata.color,
-                  image: (h = d.metadata.images.bg) == null ? void 0 : h.url,
-                  title: d.title,
+                  color: p.metadata.color,
+                  image: (_ = p.metadata.images.bg) == null ? void 0 : _.url,
+                  title: p.title,
                   rounded: "b-0",
                   flat: ""
                 }, {
                   prepend: n(() => {
-                    var V;
+                    var k;
                     return [
-                      t(ne, {
-                        image: (V = d.metadata.images.logo) == null ? void 0 : V.url
+                      t(se, {
+                        image: (k = p.metadata.images.logo) == null ? void 0 : k.url
                       }, null, 8, ["image"])
                     ];
                   }),
@@ -2618,30 +2618,30 @@ const Oe = K("settings", () => {
                   ]),
                   _: 2
                 }, 1032, ["color", "image", "title"]),
-                t(Ue, null, {
-                  default: n(({ props: V, isHovering: b }) => [
-                    t(ge, H(V, {
+                t(Be, null, {
+                  default: n(({ props: k, isHovering: b }) => [
+                    t(he, E(k, {
                       class: "px-8 pt-2 pb-4 position-relative",
                       rounded: "b",
                       border: ""
                     }), {
                       default: n(() => [
                         t(X, {
-                          text: r(d.slug) ? "Mark as unread" : "Mark as read",
+                          text: l(p.slug) ? "Mark as unread" : "Mark as read",
                           location: "bottom"
                         }, {
-                          activator: n(({ props: x }) => [
-                            t(De, { "hide-on-leave": "" }, {
+                          activator: n(({ props: y }) => [
+                            t(Ae, { "hide-on-leave": "" }, {
                               default: n(() => [
-                                Ie(t(W, H(x, {
-                                  icon: `svg:${r(d.slug) ? o(nt) : o(ot)}`,
+                                Ie(t(G, E(y, {
+                                  icon: `svg:${l(p.slug) ? o(nt) : o(ot)}`,
                                   class: "ms-auto float-right",
                                   size: "small",
                                   variant: "text",
                                   "mdi-email-variant": "",
-                                  onClick: (m) => a(d)
+                                  onClick: (m) => i(p)
                                 }), null, 16, ["icon", "onClick"]), [
-                                  [He, b || o(i).mobile.value]
+                                  [Re, b || o(a).mobile.value]
                                 ])
                               ]),
                               _: 2
@@ -2649,16 +2649,16 @@ const Oe = K("settings", () => {
                           ]),
                           _: 2
                         }, 1032, ["text"]),
-                        g("div", Rn, L(d.metadata.text), 1),
-                        g("div", Hn, L(o(e).format(d.created_at, "fullDateWithWeekday")), 1),
-                        g("div", En, L(d.metadata.subtext), 1),
-                        t(G, H({
-                          href: d.metadata.link.startsWith("http") ? d.metadata.link : void 0,
-                          target: d.metadata.link.startsWith("http") ? "_blank" : void 0,
-                          to: d.metadata.link.startsWith("http") ? void 0 : d.metadata.link
+                        g("div", Rn, L(p.metadata.text), 1),
+                        g("div", Hn, L(o(e).format(p.created_at, "fullDateWithWeekday")), 1),
+                        g("div", En, L(p.metadata.subtext), 1),
+                        t(q, E({
+                          href: p.metadata.link.startsWith("http") ? p.metadata.link : void 0,
+                          target: p.metadata.link.startsWith("http") ? "_blank" : void 0,
+                          to: p.metadata.link.startsWith("http") ? void 0 : p.metadata.link
                         }, {
-                          "append-icon": `svg:${o(ye)}`,
-                          text: d.metadata.link_text,
+                          "append-icon": `svg:${o(ge)}`,
+                          text: p.metadata.link_text,
                           size: "small",
                           variant: "text",
                           border: "",
@@ -2677,7 +2677,7 @@ const Oe = K("settings", () => {
                 }, 1024)
               ]);
             }), 128))
-          ])) : (p(), S("div", Tn, [
+          ])) : (d(), S("div", Tn, [
             t(f, {
               icon: "$vuetify",
               size: "256"
@@ -2703,7 +2703,7 @@ const Oe = K("settings", () => {
     notification: {}
   },
   setup(c) {
-    const e = c, i = j(), s = Be(), r = pe(), a = C(() => {
+    const e = c, a = j(), s = De(), l = pe(), i = C(() => {
       const f = e.notification.metadata ?? { action: "" };
       return {
         href: f.action.startsWith("http") ? f.action : void 0,
@@ -2715,17 +2715,17 @@ const Oe = K("settings", () => {
         }
       };
     });
-    function l(f) {
-      return i.notifications.read.includes(f);
+    function r(f) {
+      return a.notifications.read.includes(f);
     }
     function u(f) {
-      e.demo || (l(f.slug) ? i.notifications.read = i.notifications.read.filter((d) => d !== f.slug) : i.notifications.read.push(f.slug));
+      e.demo || (r(f.slug) ? a.notifications.read = a.notifications.read.filter((p) => p !== f.slug) : a.notifications.read.push(f.slug));
     }
-    return (f, d) => {
-      const h = Y;
-      return p(), _(Ue, null, {
-        default: n(({ isHovering: V, props: b }) => [
-          t(h, H(b, { class: "py-4 mb-0" }), {
+    return (f, p) => {
+      const _ = Y;
+      return d(), v(Be, null, {
+        default: n(({ isHovering: k, props: b }) => [
+          t(_, E(b, { class: "py-4 mb-0" }), {
             prepend: n(() => [
               g("div", Gn, L(f.notification.metadata.emoji), 1)
             ]),
@@ -2736,21 +2736,21 @@ const Oe = K("settings", () => {
               }, {
                 default: n(() => [
                   t(X, {
-                    text: l(f.notification.slug) ? "Mark as unread" : "Mark as read",
+                    text: r(f.notification.slug) ? "Mark as unread" : "Mark as read",
                     location: "bottom"
                   }, {
-                    activator: n(({ props: x }) => [
-                      t(De, { "hide-on-leave": "" }, {
+                    activator: n(({ props: y }) => [
+                      t(Ae, { "hide-on-leave": "" }, {
                         default: n(() => [
-                          Ie(t(W, H(x, {
-                            icon: `svg:${l(f.notification.slug) ? o(nt) : o(ot)}`,
+                          Ie(t(G, E(y, {
+                            icon: `svg:${r(f.notification.slug) ? o(nt) : o(ot)}`,
                             class: "ms-auto",
                             size: "small",
                             variant: "text",
                             "mdi-email-variant": "",
-                            onClick: d[0] || (d[0] = (m) => u(f.notification))
+                            onClick: p[0] || (p[0] = (m) => u(f.notification))
                           }), null, 16, ["icon"]), [
-                            [He, V || o(r).mobile.value]
+                            [Re, k || o(l).mobile.value]
                           ])
                         ]),
                         _: 2
@@ -2771,10 +2771,10 @@ const Oe = K("settings", () => {
               }),
               g("div", Zn, L(o(s).format(f.notification.created_at, "fullDateWithWeekday")), 1),
               g("div", Yn, L(f.notification.metadata.text), 1),
-              t(G, H({
-                "append-icon": `svg:${o(ye)}`,
+              t(q, E({
+                "append-icon": `svg:${o(ge)}`,
                 text: f.notification.metadata.action_text
-              }, a.value, {
+              }, i.value, {
                 size: "small",
                 variant: "text",
                 border: "",
@@ -2802,20 +2802,20 @@ const Oe = K("settings", () => {
     items: {}
   },
   setup(c) {
-    return (e, i) => {
-      const s = Re("v-empty-state"), r = Qn;
-      return p(), _(oe, {
+    return (e, a) => {
+      const s = Pe("v-empty-state"), l = Qn;
+      return d(), v(ne, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
         default: n(() => [
-          e.items.length ? (p(!0), S(D, { key: 1 }, te(e.items, (a, l) => (p(), S(D, {
-            key: a.slug
+          e.items.length ? (d(!0), S(D, { key: 1 }, oe(e.items, (i, r) => (d(), S(D, {
+            key: i.slug
           }, [
-            l !== 0 ? (p(), _(E, { key: 0 })) : w("", !0),
-            t(r, { notification: a }, null, 8, ["notification"])
-          ], 64))), 128)) : (p(), S("div", Jn, [
+            r !== 0 ? (d(), v(W, { key: 0 })) : x("", !0),
+            t(l, { notification: i }, null, 8, ["notification"])
+          ], 64))), 128)) : (d(), S("div", Jn, [
             t(s, {
               icon: "$vuetify",
               size: "256"
@@ -2841,88 +2841,88 @@ const Oe = K("settings", () => {
     url: e
   };
 }), ze = K("banners", () => {
-  const c = xe(), e = es(), i = j(), s = F([]), r = F([]), a = F(), l = B(!1), u = C(() => a.value ? a.value : f.value ? f.value : s.value.find(({
+  const c = $e(), e = es(), a = j(), s = F([]), l = F([]), i = F(), r = B(!1), u = C(() => i.value ? i.value : f.value ? f.value : s.value.find(({
     slug: m,
     metadata: {
-      site: v,
-      active: k
+      site: h,
+      active: w
     }
-  }) => !k || i.notifications.last.banner.includes(m) ? !1 : v.includes("dev") && !1 || v.includes("*") ? !0 : v.some((O) => e.id.includes(O)))), f = C(() => s.value.find(({
+  }) => !w || a.notifications.last.banner.includes(m) ? !1 : h.includes("dev") && !1 || h.includes("*") ? !0 : h.some((O) => e.id.includes(O)))), f = C(() => s.value.find(({
     metadata: {
       site: m,
-      active: v
+      active: h
     }
-  }) => v ? m.includes("server") : !1));
-  async function d() {
+  }) => h ? m.includes("server") : !1));
+  async function p() {
     try {
-      l.value = !0;
+      r.value = !0;
       const m = await c.get("/one/banners");
       s.value = m.banners;
     } catch {
     } finally {
-      l.value = !1;
+      r.value = !1;
     }
     return s.value;
   }
-  async function h(m) {
+  async function _(m) {
     try {
-      l.value = !0;
-      const v = await c.get(`/one/admin/banners/${m}/edit`);
-      return a.value = v.banner, v.banner;
+      r.value = !0;
+      const h = await c.get(`/one/admin/banners/${m}/edit`);
+      return i.value = h.banner, h.banner;
     } catch {
     } finally {
-      l.value = !1;
+      r.value = !1;
     }
   }
-  async function V(m, v) {
+  async function k(m, h) {
     try {
-      l.value = !0;
-      const k = await c.form(
+      r.value = !0;
+      const w = await c.form(
         `/one/admin/banners/${m}/edit`,
-        v
+        h
       );
-      return a.value = k.banner, k.banner;
+      return i.value = w.banner, w.banner;
     } catch {
     } finally {
-      l.value = !1;
+      r.value = !1;
     }
   }
   async function b(m) {
     try {
-      l.value = !0;
-      const v = await c.form(
+      r.value = !0;
+      const h = await c.form(
         "/one/admin/banners",
         m
       );
-      return a.value = v.banner, v.banner;
+      return i.value = h.banner, h.banner;
     } catch {
     } finally {
-      l.value = !1;
+      r.value = !1;
     }
   }
-  async function x() {
+  async function y() {
     try {
-      l.value = !0;
+      r.value = !0;
       const m = await c.get("/one/admin/banners");
-      r.value = m.banners;
+      l.value = m.banners;
     } catch {
     } finally {
-      l.value = !1;
+      r.value = !1;
     }
     return s.value;
   }
   return {
     all: s,
-    aall: r,
-    isLoading: l,
+    aall: l,
+    isLoading: r,
     server: f,
     banner: u,
-    record: a,
-    admin: x,
-    get: d,
+    record: i,
+    admin: y,
+    get: p,
     create: b,
-    edit: h,
-    save: V
+    edit: _,
+    save: k
   };
 }), ts = { class: "text-caption" }, os = { class: "text-caption" }, ns = /* @__PURE__ */ $({
   __name: "VoNotificationsDialog",
@@ -2932,23 +2932,23 @@ const Oe = K("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = pe(), i = me(), s = ze(), r = Ne(), a = T(), l = B(["read"]), u = le(c, "modelValue");
-    return N(i, async () => {
-      if (i.value.one !== "notifications") {
+    const e = pe(), a = me(), s = ze(), l = Ue(), i = T(), r = B(["read"]), u = le(c, "modelValue");
+    return N(a, async () => {
+      if (a.value.one !== "notifications") {
         u.value && (u.value = !1);
         return;
       }
-      a.isOpen = !0, await ue(), u.value = !0;
-    }, { immediate: !0 }), (f, d) => {
-      const h = Y, V = Kn, b = Wn, x = we;
-      return p(), _(x, {
+      i.isOpen = !0, await ue(), u.value = !0;
+    }, { immediate: !0 }), (f, p) => {
+      const _ = Y, k = Kn, b = Wn, y = xe;
+      return d(), v(y, {
         modelValue: u.value,
-        "onUpdate:modelValue": d[2] || (d[2] = (m) => u.value = m),
-        "prepend-icon": `svg:${o(Jt)}`,
+        "onUpdate:modelValue": p[2] || (p[2] = (m) => u.value = m),
+        "prepend-icon": `svg:${o(Qt)}`,
         title: "Notifications"
       }, {
         default: n(() => [
-          t(ke, null, {
+          t(Ve, null, {
             default: n(() => [
               t(bo, {
                 location: o(e).mobile.value ? "top" : "start",
@@ -2956,85 +2956,85 @@ const Oe = K("settings", () => {
                 permanent: ""
               }, {
                 default: n(() => [
-                  t(oe, {
-                    selected: l.value,
-                    "onUpdate:selected": d[0] || (d[0] = (m) => l.value = m),
+                  t(ne, {
+                    selected: r.value,
+                    "onUpdate:selected": p[0] || (p[0] = (m) => r.value = m),
                     class: "px-4 pt-4",
                     density: "compact",
                     mandatory: "",
                     nav: ""
                   }, {
                     default: n(() => [
-                      t(h, {
-                        "prepend-icon": `svg:${o(Xt)}`,
+                      t(_, {
+                        "prepend-icon": `svg:${o(Jt)}`,
                         title: "Unread",
                         value: "read"
-                      }, q({ _: 2 }, [
-                        o(r).unread.length > 0 ? {
+                      }, Z({ _: 2 }, [
+                        o(l).unread.length > 0 ? {
                           name: "append",
                           fn: n(() => [
-                            g("span", ts, L(o(r).unread.length), 1)
+                            g("span", ts, L(o(l).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
-                      t(h, {
-                        "prepend-icon": `svg:${o(Kt)}`,
+                      t(_, {
+                        "prepend-icon": `svg:${o(Xt)}`,
                         title: "Read",
                         value: "unread"
-                      }, q({ _: 2 }, [
-                        o(r).read.length > 0 ? {
+                      }, Z({ _: 2 }, [
+                        o(l).read.length > 0 ? {
                           name: "append",
                           fn: n(() => [
-                            g("span", os, L(o(r).read.length), 1)
+                            g("span", os, L(o(l).read.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
-                      o(s).all.length > 0 ? (p(), _(h, {
+                      o(s).all.length > 0 ? (d(), v(_, {
                         key: 0,
-                        "prepend-icon": `svg:${o(eo)}`,
+                        "prepend-icon": `svg:${o(Kt)}`,
                         title: "Banners",
                         value: "banners"
                       }, {
                         append: n(() => [
-                          t(qe, {
+                          t(Ge, {
                             "offset-y": "-3",
                             dot: ""
                           })
                         ]),
                         _: 1
-                      }, 8, ["prepend-icon"])) : w("", !0)
+                      }, 8, ["prepend-icon"])) : x("", !0)
                     ]),
                     _: 1
                   }, 8, ["selected"])
                 ]),
                 _: 1
               }, 8, ["location", "width"]),
-              t($e, { scrollable: "" }, {
+              t(ke, { scrollable: "" }, {
                 default: n(() => [
                   t(rt, {
-                    modelValue: l.value,
-                    "onUpdate:modelValue": d[1] || (d[1] = (m) => l.value = m)
+                    modelValue: r.value,
+                    "onUpdate:modelValue": p[1] || (p[1] = (m) => r.value = m)
                   }, {
                     default: n(() => [
-                      t(_e, { value: "read" }, {
+                      t(ve, { value: "read" }, {
                         default: n(() => [
-                          t(V, {
-                            items: o(r).unread
+                          t(k, {
+                            items: o(l).unread
                           }, null, 8, ["items"])
                         ]),
                         _: 1
                       }),
-                      t(_e, { value: "unread" }, {
+                      t(ve, { value: "unread" }, {
                         default: n(() => [
-                          t(V, {
-                            items: o(r).read
+                          t(k, {
+                            items: o(l).read
                           }, null, 8, ["items"])
                         ]),
                         _: 1
                       }),
-                      t(_e, { value: "banners" }, {
+                      t(ve, { value: "banners" }, {
                         default: n(() => [
                           t(b, {
                             items: o(s).all
@@ -3059,10 +3059,10 @@ const Oe = K("settings", () => {
 }), ss = /* @__PURE__ */ $({
   __name: "VoNotificationsBadge",
   setup(c) {
-    const e = Ne(), i = j();
-    return (s, r) => (p(), _(qe, {
+    const e = Ue(), a = j();
+    return (s, l) => (d(), v(Ge, {
       content: o(e).unread.length,
-      "model-value": o(i).notifications.show && o(e).unread.length > 0,
+      "model-value": o(a).notifications.show && o(e).unread.length > 0,
       color: "error"
     }, {
       default: n(() => [
@@ -3074,22 +3074,22 @@ const Oe = K("settings", () => {
 }), as = /* @__PURE__ */ $({
   __name: "VoNotificationsNavItem",
   setup(c) {
-    const e = ze(), i = j(), s = Ne(), r = B(!1);
+    const e = ze(), a = j(), s = Ue(), l = B(!1);
     return kt(async () => {
       s.index(), e.get();
-    }), (a, l) => {
-      const u = ss, f = ns, d = Y;
-      return o(i).notifications.show ? (p(), _(d, {
+    }), (i, r) => {
+      const u = ss, f = ns, p = Y;
+      return o(a).notifications.show ? (d(), v(p, {
         key: 0,
-        active: r.value,
-        "prepend-icon": `svg:${o(to)}`,
+        active: l.value,
+        "prepend-icon": `svg:${o(eo)}`,
         title: "Notifications",
         link: ""
-      }, q({
+      }, Z({
         default: n(() => [
           t(f, {
-            modelValue: r.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (h) => r.value = h)
+            modelValue: l.value,
+            "onUpdate:modelValue": r[0] || (r[0] = (_) => l.value = _)
           }, null, 8, ["modelValue"])
         ]),
         _: 2
@@ -3106,20 +3106,20 @@ const Oe = K("settings", () => {
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["active", "prepend-icon"])) : w("", !0);
+      ]), 1032, ["active", "prepend-icon"])) : x("", !0);
     };
   }
 }), is = /* @__PURE__ */ $({
   __name: "VoDashboardListItem",
   setup(c) {
     const e = T();
-    return (i, s) => {
-      const r = Y;
-      return p(), _(r, {
-        "prepend-icon": `svg:${o(oo)}`,
+    return (a, s) => {
+      const l = Y;
+      return d(), v(l, {
+        "prepend-icon": `svg:${o(to)}`,
         title: "Dashboard",
         to: "/user/dashboard",
-        onClick: s[0] || (s[0] = (a) => o(e).isOpen = !1)
+        onClick: s[0] || (s[0] = (i) => o(e).isOpen = !1)
       }, null, 8, ["prepend-icon"]);
     };
   }
@@ -3127,21 +3127,21 @@ const Oe = K("settings", () => {
   __name: "VoUserList",
   setup(c) {
     const e = z();
-    return (i, s) => {
-      const r = is, a = as, l = Fn, u = $n, f = dn, d = Po, h = Oo;
-      return p(), _(oe, {
+    return (a, s) => {
+      const l = is, i = as, r = Fn, u = $n, f = dn, p = Po, _ = zo;
+      return d(), v(ne, {
         density: "compact",
         nav: "",
         slim: ""
       }, {
         default: n(() => [
-          t(r),
-          t(a),
           t(l),
+          t(i),
+          t(r),
           t(u),
-          o(e).user ? (p(), _(f, { key: 0 })) : w("", !0),
-          t(d),
-          o(e).user ? (p(), _(h, { key: 1 })) : w("", !0)
+          o(e).user ? (d(), v(f, { key: 0 })) : x("", !0),
+          t(p),
+          o(e).user ? (d(), v(_, { key: 1 })) : x("", !0)
         ]),
         _: 1
       });
@@ -3150,17 +3150,17 @@ const Oe = K("settings", () => {
 }), rs = { key: 0 }, cs = { class: "d-flex align-center justify-center pa-1 ga-2" }, us = /* @__PURE__ */ $({
   __name: "VoUserQuickActions",
   setup(c) {
-    const e = j(), i = [
+    const e = j(), a = [
       ["M18.9112 5.03206L3.68692 8.88953C3.68692 8.88953 2.00252 6.21666 2 6.21428C2.02517 6.20794 18.6159 2.00476 18.6394 2L18.8944 4.8489L18.9095 5.01937L18.9112 5.03285V5.03206Z", 0.6],
       ["M19.4556 10.9994C19.4556 10.9994 7.06082 14.1417 7.05915 14.1386L5.3739 11.4641C5.41836 11.453 18.4582 8.14817 18.4993 8.13945L19.1838 7.9658L19.4556 10.9994Z", 1],
       "M20 17.0652C19.9916 17.0675 14.6826 18.4123 14.6742 18.4147C14.6994 17.3633 14.3353 16.3579 13.712 15.5563L19.7274 14.0331L20 17.066V17.0652Z",
       ["M12.353 16.0368C9.07567 12.843 3.90082 17.0493 6.66818 20.5975C9.94136 24.3844 15.773 19.6984 12.353 16.0368ZM11.1267 19.4129C10.2224 20.7664 7.79139 20.1099 7.82746 18.4686C8.04976 15.4897 12.7112 16.8495 11.1267 19.4129Z", 0.6]
     ];
-    return (s, r) => (p(), _(Ve, null, {
+    return (s, l) => (d(), v(be, null, {
       default: n(() => [
-        o(e).quickbar ? (p(), S("div", rs, [
+        o(e).quickbar ? (d(), S("div", rs, [
           g("div", cs, [
-            t(W, {
+            t(G, {
               color: o(e).colors.one,
               class: "text-caption",
               density: "comfortable",
@@ -3178,9 +3178,9 @@ const Oe = K("settings", () => {
               ]),
               _: 1
             }, 8, ["color"]),
-            t(W, {
+            t(G, {
               color: o(e).colors.one,
-              icon: i,
+              icon: a,
               class: "text-caption",
               density: "comfortable",
               href: "https://bin.vuetifyjs.com",
@@ -3196,9 +3196,9 @@ const Oe = K("settings", () => {
               ]),
               _: 1
             }, 8, ["color"]),
-            t(W, {
+            t(G, {
               color: o(e).colors.one,
-              icon: `svg:${o(no)}`,
+              icon: `svg:${o(oo)}`,
               class: "text-caption",
               density: "comfortable",
               href: "https://issues.vuetifyjs.com",
@@ -3215,7 +3215,7 @@ const Oe = K("settings", () => {
               _: 1
             }, 8, ["color", "icon"])
           ])
-        ])) : w("", !0)
+        ])) : x("", !0)
       ]),
       _: 1
     }));
@@ -3223,7 +3223,7 @@ const Oe = K("settings", () => {
 }), ds = { class: "mb-2" }, ps = { key: 0 }, ms = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, fs = { class: "text-h6" }, vs = /* @__PURE__ */ $({
   __name: "VoUserAvatar",
   setup(c) {
-    const e = z(), i = j(), s = B(!1), r = C(() => {
+    const e = z(), a = j(), s = B(!1), l = C(() => {
       const u = [
         "https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/grass.png",
@@ -3242,16 +3242,16 @@ const Oe = K("settings", () => {
       ];
       return e.user && u.unshift(e.user.picture), u;
     });
-    function a(u) {
-      i.avatar = u;
+    function i(u) {
+      a.avatar = u;
     }
-    function l() {
+    function r() {
       e.isSubscriber && (s.value = !s.value);
     }
     return (u, f) => {
-      var d;
-      return p(), S("div", null, [
-        Ie((p(), _(ne, {
+      var p;
+      return d(), S("div", null, [
+        Ie((d(), v(se, {
           class: $t([
             "border-md border-opacity-100 border-surface-variant",
             {
@@ -3261,14 +3261,14 @@ const Oe = K("settings", () => {
           color: "surface",
           size: "72",
           text: "Foobar",
-          onClick: Pe(l, ["prevent", "stop"])
+          onClick: Me(r, ["prevent", "stop"])
         }, {
           default: n(() => [
-            o(e).user && o(i).avatar ? (p(), _(ie, {
+            o(e).user && o(a).avatar ? (d(), v(ie, {
               key: 0,
-              src: o(i).avatar,
+              src: o(a).avatar,
               alt: "User avatar"
-            }, null, 8, ["src"])) : (p(), _(A, {
+            }, null, 8, ["src"])) : (d(), v(A, {
               key: 1,
               class: "mt-1",
               icon: "$vuetify",
@@ -3280,9 +3280,9 @@ const Oe = K("settings", () => {
           [Vo, o(e).isSubscriber]
         ]),
         g("div", ds, [
-          t(Ve, null, {
+          t(be, null, {
             default: n(() => [
-              s.value ? (p(), S("div", ps, [
+              s.value ? (d(), S("div", ps, [
                 t(P, {
                   class: "pt-6 pb-1",
                   rounded: "0",
@@ -3290,16 +3290,16 @@ const Oe = K("settings", () => {
                 }, {
                   default: n(() => [
                     g("div", ms, [
-                      (p(!0), S(D, null, te(r.value, (h, V) => (p(), _(W, {
-                        key: V,
-                        active: o(i).avatar === h,
+                      (d(!0), S(D, null, oe(l.value, (_, k) => (d(), v(G, {
+                        key: k,
+                        active: o(a).avatar === _,
                         variant: "flat",
                         icon: "",
-                        onClick: (b) => a(h)
+                        onClick: (b) => i(_)
                       }, {
                         default: n(() => [
-                          t(ne, {
-                            image: h,
+                          t(se, {
+                            image: _,
                             eager: ""
                           }, null, 8, ["image"])
                         ]),
@@ -3309,23 +3309,23 @@ const Oe = K("settings", () => {
                   ]),
                   _: 1
                 })
-              ])) : w("", !0)
+              ])) : x("", !0)
             ]),
             _: 1
           })
         ]),
-        g("div", fs, L(((d = o(e).user) == null ? void 0 : d.name) ?? "Guest"), 1)
+        g("div", fs, L(((p = o(e).user) == null ? void 0 : p.name) ?? "Guest"), 1)
       ]);
     };
   }
 }), _s = /* @__PURE__ */ $({
   __name: "VoUserBadges",
   setup(c) {
-    const e = z(), i = T(), s = C(() => {
-      var r;
-      return i.github || i.discord || i.isSubscriber || ((r = e.user) == null ? void 0 : r.isAdmin);
+    const e = z(), a = T(), s = C(() => {
+      var l;
+      return a.github || a.discord || a.isSubscriber || ((l = e.user) == null ? void 0 : l.isAdmin);
     });
-    return (r, a) => s.value ? (p(), _(ge, {
+    return (l, i) => s.value ? (d(), v(he, {
       key: 0,
       class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
       color: "rgba(0,0,0,.54)",
@@ -3333,64 +3333,64 @@ const Oe = K("settings", () => {
       style: { left: "0" }
     }, {
       default: n(() => {
-        var l;
+        var r;
         return [
-          (l = o(e).user) != null && l.isAdmin ? (p(), _(X, {
+          (r = o(e).user) != null && r.isAdmin ? (d(), v(X, {
             key: 0,
             location: "bottom",
             text: "Vuetify Administrator"
           }, {
             activator: n(({ props: u }) => [
-              t(A, H({
+              t(A, E({
                 color: "blue",
                 icon: "$vuetify"
               }, u, { size: "16" }), null, 16)
             ]),
             _: 1
-          })) : w("", !0),
-          o(i).isSubscriber ? (p(), _(X, {
+          })) : x("", !0),
+          o(a).isSubscriber ? (d(), v(X, {
             key: 1,
             location: "bottom",
             text: "Vuetify One Subscriber"
           }, {
             activator: n(({ props: u }) => [
-              t(A, H({
-                icon: `svg:${o(so)}`,
+              t(A, E({
+                icon: `svg:${o(no)}`,
                 color: "amber-darken-2"
               }, u, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
-          })) : w("", !0),
-          o(i).github ? (p(), _(X, {
+          })) : x("", !0),
+          o(a).github ? (d(), v(X, {
             key: 2,
             location: "bottom",
             text: "GitHub Sponsor"
           }, {
             activator: n(({ props: u }) => [
-              t(A, H({
-                icon: `svg:${o(We)}`,
+              t(A, E({
+                icon: `svg:${o(Ee)}`,
                 color: "white"
               }, u, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
-          })) : w("", !0),
-          o(i).discord ? (p(), _(X, {
+          })) : x("", !0),
+          o(a).discord ? (d(), v(X, {
             key: 3,
             location: "bottom",
             text: "Discord Subscriber"
           }, {
             activator: n(({ props: u }) => [
-              t(A, H({
-                icon: `svg:${o(Ee)}`,
+              t(A, E({
+                icon: `svg:${o(He)}`,
                 color: "white"
               }, u, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
-          })) : w("", !0)
+          })) : x("", !0)
         ];
       }),
       _: 1
-    })) : w("", !0);
+    })) : x("", !0);
   }
 }), hs = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, gs = {
   key: "reset",
@@ -3398,15 +3398,15 @@ const Oe = K("settings", () => {
 }, ys = /* @__PURE__ */ $({
   __name: "VoUserColors",
   setup(c) {
-    const e = z(), i = j(), s = B(!1);
-    function r() {
-      i.colors.one = "surface-light";
+    const e = z(), a = j(), s = B(!1);
+    function l() {
+      a.colors.one = "surface-light";
     }
-    return (a, l) => {
-      const u = _s, f = se;
-      return p(), S(D, null, [
+    return (i, r) => {
+      const u = _s, f = ae;
+      return d(), S(D, null, [
         t(ie, {
-          color: o(e).user ? o(i).colors.one : "surface-light",
+          color: o(e).user ? o(a).colors.one : "surface-light",
           "content-class": "d-flex align-start justify-end pa-2",
           height: "88",
           rounded: "0",
@@ -3416,7 +3416,7 @@ const Oe = K("settings", () => {
           default: n(() => [
             g("div", hs, [
               t(u),
-              o(e).isSubscriber ? (p(), _(f, {
+              o(e).isSubscriber ? (d(), v(f, {
                 key: 0,
                 active: s.value,
                 icon: s.value ? `svg:${o(de)}` : "$edit",
@@ -3425,12 +3425,12 @@ const Oe = K("settings", () => {
                 color: "inherit",
                 density: "comfortable",
                 title: "Edit One Header Color",
-                onClick: l[0] || (l[0] = (d) => s.value = !s.value)
+                onClick: r[0] || (r[0] = (p) => s.value = !s.value)
               }, {
                 default: n(() => [
-                  t(De, { "leave-absolute": "" }, {
+                  t(Ae, { "leave-absolute": "" }, {
                     default: n(() => [
-                      (p(), _(A, {
+                      (d(), v(A, {
                         key: String(s.value)
                       }))
                     ]),
@@ -3438,22 +3438,22 @@ const Oe = K("settings", () => {
                   })
                 ]),
                 _: 1
-              }, 8, ["active", "icon", "variant"])) : w("", !0),
-              t(po, null, {
+              }, 8, ["active", "icon", "variant"])) : x("", !0),
+              t(uo, null, {
                 default: n(() => [
                   Ie(g("div", gs, [
                     t(f, {
-                      disabled: o(i).colors.one === "surface-light",
-                      icon: `svg:${o(ao)}`,
+                      disabled: o(a).colors.one === "surface-light",
+                      icon: `svg:${o(so)}`,
                       class: "ms-2 me-1",
                       color: "inherit",
                       density: "comfortable",
                       title: "Revert to Default",
                       variant: "text",
-                      onClick: r
+                      onClick: l
                     }, null, 8, ["disabled", "icon"])
                   ], 512), [
-                    [He, s.value]
+                    [Re, s.value]
                   ])
                 ]),
                 _: 1
@@ -3462,11 +3462,11 @@ const Oe = K("settings", () => {
           ]),
           _: 1
         }, 8, ["color"]),
-        t(Ve, null, {
+        t(be, null, {
           default: n(() => [
-            s.value ? (p(), _(ko, {
+            s.value ? (d(), v(ko, {
               key: 0,
-              "model-value": o(i).colors.one !== "surface-light" ? o(i).colors.one : void 0,
+              "model-value": o(a).colors.one !== "surface-light" ? o(a).colors.one : void 0,
               elevation: "0",
               height: "250",
               rounded: "0",
@@ -3476,8 +3476,8 @@ const Oe = K("settings", () => {
               "hide-inputs": "",
               "hide-sliders": "",
               "show-swatches": "",
-              "onUpdate:modelValue": l[1] || (l[1] = (d) => o(i).colors.one = d)
-            }, null, 8, ["model-value"])) : w("", !0)
+              "onUpdate:modelValue": r[1] || (r[1] = (p) => o(a).colors.one = p)
+            }, null, 8, ["model-value"])) : x("", !0)
           ]),
           _: 1
         })
@@ -3487,17 +3487,17 @@ const Oe = K("settings", () => {
 }), bs = { class: "text-center mt-n9 mb-4" }, Vs = /* @__PURE__ */ $({
   __name: "VoUserMenu",
   setup(c) {
-    const e = ze(), i = T(), s = F();
+    const e = ze(), a = T(), s = F();
     return N(() => e.banner, async () => {
-      var r, a;
-      await new Promise((l) => setTimeout(l, 300)), i.isOpen && ((a = (r = s.value) == null ? void 0 : r.updateLocation) == null || a.call(r));
-    }, { flush: "pre" }), (r, a) => {
-      const l = ys, u = vs, f = us, d = ls, h = mt;
-      return p(), _(o($o), {
+      var l, i;
+      await new Promise((r) => setTimeout(r, 300)), a.isOpen && ((i = (l = s.value) == null ? void 0 : l.updateLocation) == null || i.call(l));
+    }, { flush: "pre" }), (l, i) => {
+      const r = ys, u = vs, f = us, p = ls, _ = mt;
+      return d(), v(o($o), {
         ref_key: "menu",
         ref: s,
-        modelValue: o(i).isOpen,
-        "onUpdate:modelValue": a[0] || (a[0] = (V) => o(i).isOpen = V),
+        modelValue: o(a).isOpen,
+        "onUpdate:modelValue": i[0] || (i[0] = (k) => o(a).isOpen = k),
         "close-on-click": !1,
         "close-on-content-click": !1,
         activator: "parent",
@@ -3511,15 +3511,15 @@ const Oe = K("settings", () => {
             border: ""
           }, {
             default: n(() => [
-              t(l),
+              t(r),
               g("div", bs, [
                 t(u),
                 t(f)
               ]),
-              t(E),
-              t(d),
-              t(E),
-              t(h)
+              t(W),
+              t(p),
+              t(W),
+              t(_)
             ]),
             _: 1
           })
@@ -3534,18 +3534,18 @@ const Oe = K("settings", () => {
     external: Boolean
   },
   setup(c) {
-    const e = z(), i = T(), s = j(), { lgAndUp: r } = pe(), a = C(() => i.isOpen || !e.user ? s.colors.one === "surface-light" ? "primary" : s.colors.one : "surface-light");
-    return (l, u) => {
-      const f = Vs, d = se, h = Uo, V = pt;
-      return p(), S(D, null, [
-        t(h, {
+    const e = z(), a = T(), s = j(), { lgAndUp: l } = pe(), i = C(() => a.isOpen || !e.user ? s.colors.one === "surface-light" ? "primary" : s.colors.one : "surface-light");
+    return (r, u) => {
+      const f = Vs, p = ae, _ = Uo, k = pt;
+      return d(), S(D, null, [
+        t(_, {
           "offset-y": o(e).user ? 5 : 0
         }, {
           default: n(() => [
-            t(d, H({
-              [`${o(r) ? "append-" : ""}icon`]: o(e).user ? void 0 : `svg:${o(io)}`
+            t(p, E({
+              [`${o(l) ? "append-" : ""}icon`]: o(e).user ? void 0 : `svg:${o(ao)}`
             }, {
-              color: a.value,
+              color: i.value,
               icon: o(e).user || o(e).isLoading,
               loading: o(e).isLoading,
               variant: o(e).user ? "outlined" : "flat",
@@ -3555,11 +3555,11 @@ const Oe = K("settings", () => {
               active: ""
             }), {
               default: n(() => [
-                o(e).user ? w("", !0) : (p(), S("span", ks, "Login")),
-                o(e).user ? (p(), _(ne, {
+                o(e).user ? x("", !0) : (d(), S("span", ks, "Login")),
+                o(e).user ? (d(), v(se, {
                   key: 1,
                   image: o(s).avatar || o(e).user.picture || ""
-                }, null, 8, ["image"])) : w("", !0),
+                }, null, 8, ["image"])) : x("", !0),
                 t(f)
               ]),
               _: 1
@@ -3567,7 +3567,7 @@ const Oe = K("settings", () => {
           ]),
           _: 1
         }, 8, ["offset-y"]),
-        t(V)
+        t(k)
       ], 64);
     };
   }
@@ -3577,86 +3577,86 @@ const Oe = K("settings", () => {
     demo: { type: Boolean }
   },
   setup(c) {
-    const e = c, { mdAndUp: i } = pe(), s = Ae(), r = j(), a = ze(), l = C(() => a.banner), u = C(() => {
-      var b, x;
-      return ((b = l.value) == null ? void 0 : b.metadata.height) || ((x = l.value) != null && x.metadata.subtext ? 88 : 48);
-    }), f = C(() => e.demo ? !0 : !l.value || !r.notifications.last.banner.includes(l.value.slug));
-    function d() {
-      l.value && r.notifications.last.banner.push(l.value.slug);
+    const e = c, { mdAndUp: a } = pe(), s = qe(), l = j(), i = ze(), r = C(() => i.banner), u = C(() => {
+      var b, y;
+      return ((b = r.value) == null ? void 0 : b.metadata.height) || ((y = r.value) != null && y.metadata.subtext ? 88 : 48);
+    }), f = C(() => e.demo ? !0 : !r.value || !l.notifications.last.banner.includes(r.value.slug));
+    function p() {
+      r.value && l.notifications.last.banner.push(r.value.slug);
     }
-    async function h(b) {
-      var v;
-      if (!l.value)
+    async function _(b) {
+      var h;
+      if (!r.value)
         return;
-      d(), await ue();
-      const x = ((v = l.value) == null ? void 0 : v.metadata) ?? { link: "" };
-      if (x.link.indexOf("?one=") === -1)
+      p(), await ue();
+      const y = ((h = r.value) == null ? void 0 : h.metadata) ?? { link: "" };
+      if (y.link.indexOf("?one=") === -1)
         return;
       b.preventDefault(), b.stopPropagation();
-      const m = x.link.split("?one=")[1];
+      const m = y.link.split("?one=")[1];
       s.push({ query: { one: m } });
     }
-    const V = C(() => {
-      var x, m;
-      const b = ((x = l.value) == null ? void 0 : x.metadata) ?? { link: "" };
+    const k = C(() => {
+      var y, m;
+      const b = ((y = r.value) == null ? void 0 : y.metadata) ?? { link: "" };
       return {
         href: b.link.startsWith("http") ? b.link : void 0,
         target: b.link.startsWith("http") ? "_blank" : void 0,
         to: b.link.startsWith("http") ? void 0 : b.link,
-        ...(m = l.value) == null ? void 0 : m.metadata.attributes,
-        onClick: h
+        ...(m = r.value) == null ? void 0 : m.metadata.attributes,
+        onClick: _
       };
     });
-    return (b, x) => {
+    return (b, y) => {
       var m;
-      return l.value ? (p(), _(xo, {
+      return r.value ? (d(), v(xo, {
         key: 0,
-        color: l.value.metadata.color,
+        color: r.value.metadata.color,
         height: u.value,
-        image: (m = l.value.metadata.images.bg) == null ? void 0 : m.url,
+        image: (m = r.value.metadata.images.bg) == null ? void 0 : m.url,
         "model-value": f.value,
         flat: ""
       }, {
         default: n(() => [
-          t(be, H(V.value, {
+          t(ye, E(k.value, {
             active: !1,
             class: "flex-grow-1 py-6",
             lines: "two",
-            onClick: h
+            onClick: _
           }), {
             prepend: n(() => [
-              l.value.metadata.images.logo ? (p(), _(ne, {
+              r.value.metadata.images.logo ? (d(), v(se, {
                 key: 0,
-                image: l.value.metadata.images.logo.url,
+                image: r.value.metadata.images.logo.url,
                 icon: "$vuetify",
                 size: "x-large",
                 tile: ""
-              }, null, 8, ["image"])) : w("", !0)
+              }, null, 8, ["image"])) : x("", !0)
             ]),
             append: n(() => [
-              o(i) && l.value.metadata.link && l.value.metadata.link_text ? (p(), _(Ue, { key: 0 }, {
-                default: n(({ isHovering: v, props: k }) => [
-                  t(W, H({
-                    ...k,
-                    ...V.value
+              o(a) && r.value.metadata.link && r.value.metadata.link_text ? (d(), v(Be, { key: 0 }, {
+                default: n(({ isHovering: h, props: w }) => [
+                  t(G, E({
+                    ...w,
+                    ...k.value
                   }, {
-                    "append-icon": `svg:${o(ye)}`,
-                    color: l.value.metadata.link_color,
-                    elevation: v ? 8 : 0,
-                    title: l.value.metadata.link_text,
+                    "append-icon": `svg:${o(ge)}`,
+                    color: r.value.metadata.link_color,
+                    elevation: h ? 8 : 0,
+                    title: r.value.metadata.link_text,
                     class: "text-none me-2",
                     variant: "elevated",
-                    onClick: h
+                    onClick: _
                   }), {
                     default: n(() => [
-                      U(L(l.value.metadata.link_text), 1)
+                      U(L(r.value.metadata.link_text), 1)
                     ]),
                     _: 2
                   }, 1040, ["append-icon", "color", "elevation", "title"])
                 ]),
                 _: 1
-              })) : w("", !0),
-              l.value.metadata.closable ? (p(), _(W, {
+              })) : x("", !0),
+              r.value.metadata.closable ? (d(), v(G, {
                 key: 1,
                 disabled: b.demo,
                 class: "ms-6 me-2",
@@ -3664,117 +3664,117 @@ const Oe = K("settings", () => {
                 icon: "$clear",
                 size: "small",
                 variant: "plain",
-                onClick: Pe(d, ["prevent", "stop"])
-              }, null, 8, ["disabled"])) : w("", !0)
+                onClick: Me(p, ["prevent", "stop"])
+              }, null, 8, ["disabled"])) : x("", !0)
             ]),
             default: n(() => [
-              l.value.metadata.text ? (p(), _(st, {
+              r.value.metadata.text ? (d(), v(st, {
                 key: 0,
                 class: "text-subtitle-2 text-md-subtitle-1 font-weight-medium"
               }, {
                 default: n(() => [
-                  U(L(l.value.metadata.text), 1)
+                  U(L(r.value.metadata.text), 1)
                 ]),
                 _: 1
-              })) : w("", !0),
-              l.value.metadata.subtext ? (p(), _(lo, { key: 1 }, {
+              })) : x("", !0),
+              r.value.metadata.subtext ? (d(), v(io, { key: 1 }, {
                 default: n(() => [
-                  U(L(l.value.metadata.subtext), 1)
+                  U(L(r.value.metadata.subtext), 1)
                 ]),
                 _: 1
-              })) : w("", !0)
+              })) : x("", !0)
             ]),
             _: 1
           }, 16)
         ]),
         _: 1
-      }, 8, ["color", "height", "image", "model-value"])) : w("", !0);
+      }, 8, ["color", "height", "image", "model-value"])) : x("", !0);
     };
   }
 }), da = K("bins", () => {
-  const c = z(), e = xe(), i = F([]), s = F(), r = B(!1), a = B(-1), l = C(() => !c.user || !s.value ? !1 : c.user.id === s.value.owner.id), u = C(() => i.value.filter((v) => v.favorite)), f = C(() => i.value.filter((v) => v.pinned));
+  const c = z(), e = $e(), a = F([]), s = F(), l = B(!1), i = B(-1), r = C(() => !c.user || !s.value ? !1 : c.user.id === s.value.owner.id), u = C(() => a.value.filter((h) => h.favorite)), f = C(() => a.value.filter((h) => h.pinned));
   N(s, () => {
-    window.clearTimeout(a.value), a.value = window.setTimeout(() => {
-      !s.value || !l.value || b(s.value, s.value.id);
+    window.clearTimeout(i.value), i.value = window.setTimeout(() => {
+      !s.value || !r.value || b(s.value, s.value.id);
     }, 100);
   }, { deep: !0 });
-  async function d() {
+  async function p() {
     try {
-      r.value = !0;
-      const v = await e.get("/one/bins");
-      i.value = v.bins;
+      l.value = !0;
+      const h = await e.get("/one/bins");
+      a.value = h.bins;
     } catch {
     } finally {
-      r.value = !1;
+      l.value = !1;
     }
-    return i.value;
+    return a.value;
   }
-  async function h(v) {
+  async function _(h) {
     try {
-      r.value = !0, await e.delete(`/one/bins/${v}`), i.value = i.value.filter((k) => k.id !== v);
+      l.value = !0, await e.delete(`/one/bins/${h}`), a.value = a.value.filter((w) => w.id !== h);
     } catch {
     } finally {
-      r.value = !1;
+      l.value = !1;
     }
     return !0;
   }
-  async function V(v) {
+  async function k(h) {
     try {
-      r.value = !0;
-      const k = await e.post("/one/bins", { bin: v });
-      return i.value.push(k.bin), s.value = k.bin, k;
+      l.value = !0;
+      const w = await e.post("/one/bins", { bin: h });
+      return a.value.push(w.bin), s.value = w.bin, w;
     } catch {
     } finally {
-      r.value = !1;
+      l.value = !1;
     }
-    return { bin: v };
+    return { bin: h };
   }
-  async function b(v, k) {
+  async function b(h, w) {
     try {
-      r.value = !0;
-      const O = await e.post(`/one/bins/${k}`, { bin: v }), R = i.value.findIndex((ae) => ae.id === k);
-      i.value.splice(R, 1, O.bin);
+      l.value = !0;
+      const O = await e.post(`/one/bins/${w}`, { bin: h }), R = a.value.findIndex((H) => H.id === w);
+      a.value.splice(R, 1, O.bin);
     } catch {
     } finally {
-      r.value = !1;
+      l.value = !1;
     }
-    return { bin: v };
+    return { bin: h };
   }
-  async function x(v, k) {
+  async function y(h, w) {
     try {
-      r.value = !0;
-      const O = k ? await b(v, k) : await V(v);
+      l.value = !0;
+      const O = w ? await b(h, w) : await k(h);
       s.value = O.bin;
     } catch {
     } finally {
-      r.value = !1;
+      l.value = !1;
     }
-    return { bin: v };
+    return { bin: h };
   }
-  async function m(v) {
+  async function m(h) {
     try {
-      r.value = !0;
-      const k = await e.get(`/one/bins/${v}`);
-      s.value = k.bin;
+      l.value = !0;
+      const w = await e.get(`/one/bins/${h}`);
+      s.value = w.bin;
     } catch {
     } finally {
-      r.value = !1;
+      l.value = !1;
     }
     return { bin: s.value };
   }
   return {
-    isLoading: r,
-    isOwner: l,
+    isLoading: l,
+    isOwner: r,
     pinned: f,
     favorites: u,
-    all: i,
-    create: V,
-    delete: h,
+    all: a,
+    create: k,
+    delete: _,
     current: s,
     find: m,
-    get: d,
+    get: p,
     update: b,
-    updateOrCreate: x
+    updateOrCreate: y
   };
 });
 function pa() {
@@ -3784,8 +3784,8 @@ function pa() {
   return { install: c };
 }
 function ma(c, e) {
-  return function(i) {
-    const s = i.store;
+  return function(a) {
+    const s = a.store;
     s.url = e, s.$id === "site" && (s.id = c);
   };
 }
@@ -3795,8 +3795,8 @@ export {
   z as useAuthStore,
   ze as useBannersStore,
   da as useBinsStore,
-  xe as useHttpStore,
+  $e as useHttpStore,
   T as useOneStore,
-  Oe as useSettingsStore,
+  Ne as useSettingsStore,
   j as useUserStore
 };