@vuetify/one 1.4.0 → 1.4.1

package/dist/index.js

@@ -1,9 +1,9 @@
-import { reactive as wt, watch as B, toRefs as St, ref as A, shallowRef as O, computed as w, defineComponent as $, openBlock as p, createBlock as _, unref as t, createSlots as R, withCtx as r, createElementVNode as y, toDisplayString as C, createVNode as a, createTextVNode as F, renderSlot as z, normalizeStyle as ot, createCommentVNode as S, withModifiers as qe, mergeModels as nt, useModel as re, createElementBlock as L, Fragment as U, onMounted as We, nextTick as pe, renderList as ne, mergeProps as H, isRef as se, resolveComponent as Ge, withDirectives as Ae, vShow as Ze, normalizeClass as Ct, pushScopeId as Lt, popScopeId as It, onBeforeMount as Ve, onBeforeUnmount as Dt } from "vue";
-import { mdiDiscord as Qe, mdiGithub as Ye, mdiSync as At, mdiSyncOff as Ot, mdiLogoutVariant as Nt, mdiFullscreenExit as Bt, mdiFullscreen as Ut, mdiCheck as Oe, mdiHome as zt, mdiTextBox as Ft, mdiSelect as Tt, mdiSpaceInvaders as st, mdiImageFilterHdr as at, mdiRocketLaunchOutline as it, mdiWhiteBalanceSunny as jt, mdiWeatherNight as Mt, mdiDesktopTowerMonitor as Pt, mdiContrastCircle as Ht, mdiCog as Rt, mdiCogOutline as Et, mdiFileDocument as qt, mdiCreditCardSettingsOutline as Wt, mdiRocketOutline as Gt, mdiCheckCircleOutline as De, mdiCreditCard as Zt, mdiReload as Qt, mdiPlaylistCheck as Yt, mdiCreditCardOutline as Jt, mdiMedal as Xt, mdiOpenInNew as Ne, mdiHandHeart as Kt, mdiHandHeartOutline as eo, mdiEmailOpenOutline as rt, mdiEmailVariant as lt, mdiBell as to, mdiInboxOutline as oo, mdiInboxFullOutline as no, mdiBillboard as so, mdiBellOutline as ao, mdiViewDashboardOutline as io, mdiCrown as ro, mdiArrowULeftBottom as lo, mdiLogin as co, mdiShieldStarOutline as uo, mdiReddit as po } from "@mdi/js";
-import { useRouter as Be, useRoute as mo } from "vue-router";
+import { reactive as wt, watch as B, toRefs as St, ref as O, shallowRef as A, computed as S, defineComponent as $, openBlock as p, createBlock as _, unref as e, createSlots as R, withCtx as r, createElementVNode as g, toDisplayString as C, createVNode as s, createTextVNode as T, renderSlot as z, normalizeStyle as ot, createCommentVNode as w, withModifiers as Ee, mergeModels as nt, useModel as re, createElementBlock as L, Fragment as U, onMounted as qe, nextTick as pe, renderList as ne, mergeProps as H, isRef as se, resolveComponent as We, withDirectives as De, vShow as Ge, normalizeClass as Ct, pushScopeId as Lt, popScopeId as It, onBeforeMount as Ze, onBeforeUnmount as Dt } from "vue";
+import { mdiDiscord as Qe, mdiGithub as Ye, mdiSync as At, mdiSyncOff as Ot, mdiLogoutVariant as Nt, mdiFullscreenExit as Bt, mdiFullscreen as Ut, mdiCheck as Ae, mdiHome as zt, mdiTextBox as Ft, mdiSelect as Tt, mdiSpaceInvaders as st, mdiImageFilterHdr as at, mdiRocketLaunchOutline as it, mdiWhiteBalanceSunny as jt, mdiWeatherNight as Mt, mdiDesktopTowerMonitor as Pt, mdiContrastCircle as Ht, mdiCog as Rt, mdiCogOutline as Et, mdiFileDocument as qt, mdiCreditCardSettingsOutline as Wt, mdiRocketOutline as Gt, mdiCheckCircleOutline as Ie, mdiCreditCard as Zt, mdiReload as Qt, mdiPlaylistCheck as Yt, mdiCreditCardOutline as Jt, mdiMedal as Xt, mdiOpenInNew as Oe, mdiHandHeart as Kt, mdiHandHeartOutline as eo, mdiEmailOpenOutline as rt, mdiEmailVariant as lt, mdiBell as to, mdiInboxOutline as oo, mdiInboxFullOutline as no, mdiBillboard as so, mdiBellOutline as ao, mdiViewDashboardOutline as io, mdiCrown as ro, mdiArrowULeftBottom as lo, mdiLogin as co, mdiShieldStarOutline as uo, mdiReddit as po } from "@mdi/js";
+import { useRouter as Ne, useRoute as mo } from "vue-router";
 import { defineStore as W } from "pinia";
-import { merge as Pe } from "lodash-es";
-import { VListItem as ke, VList as ae, VListItemTitle as ct, VListItemSubtitle as fo } from "vuetify/lib/components/VList/index.mjs";
+import { merge as Me } from "lodash-es";
+import { VListItem as Ve, VList as ae, VListItemTitle as ct, VListItemSubtitle as fo } from "vuetify/lib/components/VList/index.mjs";
 import { VAvatar as Q } from "vuetify/lib/components/VAvatar/index.mjs";
 import { VCard as E, VCardTitle as vo, VCardSubtitle as ho, VCardText as _e } from "vuetify/lib/components/VCard/index.mjs";
 import { VDialog as ut } from "vuetify/lib/components/VDialog/index.mjs";
@@ -12,20 +12,20 @@ import { VBtn as q } from "vuetify/lib/components/VBtn/index.mjs";
 import { VProgressCircular as _o } from "vuetify/lib/components/VProgressCircular/index.mjs";
 import { VSheet as ye } from "vuetify/lib/components/VSheet/index.mjs";
 import { VSwitch as dt } from "vuetify/lib/components/VSwitch/index.mjs";
-import { VFadeTransition as Ue, VExpandTransition as me, VExpandXTransition as go } from "vuetify/lib/components/transitions/index.mjs";
-import { useDisplay as le, useTheme as Xe, useDate as ze } from "vuetify";
+import { VFadeTransition as Be, VExpandTransition as me, VExpandXTransition as go } from "vuetify/lib/components/transitions/index.mjs";
+import { useDisplay as le, useTheme as Xe, useDate as Ue } from "vuetify";
 import { VDivider as Z } from "vuetify/lib/components/VDivider/index.mjs";
 import { VIcon as D } from "vuetify/lib/components/VIcon/index.mjs";
-import { VLabel as Re } from "vuetify/lib/components/VLabel/index.mjs";
+import { VLabel as He } from "vuetify/lib/components/VLabel/index.mjs";
 import { VChip as te } from "vuetify/lib/components/VChip/index.mjs";
 import { VChipGroup as yo } from "vuetify/lib/components/VChipGroup/index.mjs";
 import { VSelect as bo } from "vuetify/lib/components/VSelect/index.mjs";
 import { VRow as de, VCol as K, VContainer as tt } from "vuetify/lib/components/VGrid/index.mjs";
-import { VHover as Fe } from "vuetify/lib/components/VHover/index.mjs";
+import { VHover as ze } from "vuetify/lib/components/VHover/index.mjs";
 import { VImg as Y } from "vuetify/lib/components/VImg/index.mjs";
-import { VItemGroup as pt, VItem as Ee } from "vuetify/lib/components/VItemGroup/index.mjs";
-import { VLayout as $e } from "vuetify/lib/components/VLayout/index.mjs";
-import { VMain as xe } from "vuetify/lib/components/VMain/index.mjs";
+import { VItemGroup as pt, VItem as Re } 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 { VDataTableVirtual as Vo } from "vuetify/lib/components/VDataTable/index.mjs";
 import { VSkeletonLoader as be } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
 import { VWindow as mt, VWindowItem as ge } from "vuetify/lib/components/VWindow/index.mjs";
@@ -44,41 +44,41 @@ const ce = W("http", {
     url: ""
   }),
   actions: {
-    async fetch(c, e = {}) {
+    async fetch(c, t = {}) {
       const o = await fetch(`${this.url}${c}`, {
         credentials: "include",
-        ...e
+        ...t
       });
       return o.status === 204 ? o : o.json();
     },
-    async post(c, e, o = {}) {
+    async post(c, t, o = {}) {
       return this.fetch(c, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
-        body: JSON.stringify(e),
+        body: JSON.stringify(t),
         ...o
       });
     },
-    async form(c, e, o = {}) {
+    async form(c, t, o = {}) {
       return this.fetch(c, {
         method: "POST",
-        body: e,
+        body: t,
         ...o
       });
     },
-    async get(c, e = {}) {
-      return this.fetch(c, e);
+    async get(c, t = {}) {
+      return this.fetch(c, t);
     },
-    async delete(c, e = {}) {
+    async delete(c, t = {}) {
       return this.fetch(c, {
         method: "DELETE",
-        ...e
+        ...t
       });
     }
   }
-}), He = typeof window < "u", Ie = {
+}), Pe = typeof window < "u", Le = {
   v: 5,
   api: "link-only",
   avatar: "",
@@ -116,105 +116,105 @@ const ce = W("http", {
       jobs: null
     }
   }
-}, j = W("user", () => {
-  const c = wt(Pe({}, Ie));
+}, F = W("user", () => {
+  const c = wt(Me({}, Le));
   B(c, o);
-  function e() {
-    if (!He)
+  function t() {
+    if (!Pe)
       return;
     const n = localStorage.getItem("vuetify@user"), i = n ? JSON.parse(n) : {};
     let l = 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 = Ie.suits, i.notifications.banners = Ie.notifications.banners, l = !0), i.v = c.v, Object.assign(c, Pe(c, i)), l && o();
+    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, l = !0), i.v = c.v, Object.assign(c, Me(c, i)), l && o();
   }
   function o() {
-    He && localStorage.setItem("vuetify@user", JSON.stringify(c, null, 2));
+    Pe && localStorage.setItem("vuetify@user", JSON.stringify(c, null, 2));
   }
-  function s() {
-    He && (Object.assign(c, Pe({}, Ie)), o());
+  function a() {
+    Pe && (Object.assign(c, Me({}, Le)), o());
   }
-  return e(), {
+  return t(), {
     ...St(c),
-    load: e,
+    load: t,
     save: o,
-    reset: s
+    reset: a
   };
 }), M = W("auth", () => {
-  const c = A(!1), e = A(null), o = ce(), s = j(), n = Be(), i = O(!1), l = w(() => {
+  const c = O(!1), t = O(null), o = ce(), a = F(), n = Ne(), i = A(!1), l = S(() => {
     var m, v;
-    return !o.url || ((m = e.value) == null ? void 0 : m.isAdmin) || !!((v = e.value) != null && v.sponsorships.some((k) => k.isActive));
+    return !o.url || ((m = t.value) == null ? void 0 : m.isAdmin) || !!((v = t.value) != null && v.sponsorships.some((b) => b.isActive));
   });
-  let u = !!g();
-  B(e, (m) => {
+  let d = !!V();
+  B(t, (m) => {
     if (!(m != null && m.settings))
       return;
     const v = localStorage.getItem("vuetify@user") || "{}";
-    JSON.stringify(m.settings, null, 2) !== v && (u = !0, Object.assign(s, m.settings));
-  }), s.$subscribe(() => {
-    u || f(), u = !1;
+    JSON.stringify(m.settings, null, 2) !== v && (d = !0, Object.assign(a, m.settings));
+  }), a.$subscribe(() => {
+    d || f(), d = !1;
   });
   async function f() {
-    if (!(!e.value || !s.syncSettings))
+    if (!(!t.value || !a.syncSettings))
       try {
-        await o.post("/user/settings", { settings: s.$state });
+        await o.post("/user/settings", { settings: a.$state });
       } catch (m) {
         console.error(m);
       }
   }
-  async function d(m = !1) {
-    if (d.promise)
-      return d.promise;
-    i.value = !0, d.promise = fetch(`${o.url}/auth/verify`, {
+  async function u(m = !1) {
+    if (u.promise)
+      return u.promise;
+    i.value = !0, u.promise = fetch(`${o.url}/auth/verify`, {
       credentials: "include",
       headers: m ? {
         "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);
+        v.ok ? t.value = (await v.json()).user : v.status === 401 ? t.value = null : console.error(v.statusText);
       },
       () => {
       }
     ).finally(() => {
-      i.value = !1, d.promise = null;
+      i.value = !1, u.promise = null;
     });
   }
-  d.promise = null;
+  u.promise = null;
   async function h(m = "github") {
     i.value = !0;
-    const v = `${o.url}/auth/${m}/redirect`, k = 400, N = 600, T = window.screenX + (window.innerWidth - k) / 2, ie = window.screenY + (window.innerHeight - N) / 2, G = window.open(
+    const v = `${o.url}/auth/${m}/redirect`, b = 400, N = 600, j = window.screenX + (window.innerWidth - b) / 2, ie = window.screenY + (window.innerHeight - N) / 2, G = window.open(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${T},top=${ie},width=${k},height=${N},resizable`
+      `popup,left=${j},top=${ie},width=${b},height=${N},resizable`
     );
     if (!G) {
       console.error("Failed to open popup");
       return;
     }
     G.location.href = v;
-    let Ce = -1, Le = -1;
+    let Se = -1, Ce = -1;
     function he(oe) {
       var x;
-      oe.origin === o.url && ((x = oe.data) == null ? void 0 : x.type) === "auth-response" && (oe.data.status === "success" ? (e.value || localStorage.setItem("vuetify@lastLoginProvider", m), e.value = oe.data.body.user, n.push({
+      oe.origin === o.url && ((x = oe.data) == null ? void 0 : x.type) === "auth-response" && (oe.data.status === "success" ? (t.value || localStorage.setItem("vuetify@lastLoginProvider", m), t.value = oe.data.body.user, n.push({
         path: "/user/dashboard/",
         query: n.currentRoute.value.query
       }), f()) : console.error(oe.data.message), ue());
     }
     function ue() {
-      window.removeEventListener("message", he), window.clearInterval(Ce), window.clearTimeout(Le), G == null || G.close(), i.value = !1;
+      window.removeEventListener("message", he), window.clearInterval(Se), window.clearTimeout(Ce), G == null || G.close(), i.value = !1;
     }
-    window.addEventListener("message", he), Ce = window.setInterval(() => {
+    window.addEventListener("message", he), Se = window.setInterval(() => {
       !G || G.closed ? (console.error("Auth popup closed"), ue()) : G.postMessage({ type: "auth-request" }, "*");
-    }, 1e3), Le = window.setTimeout(() => {
+    }, 1e3), Ce = window.setTimeout(() => {
       ue(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
-  async function b(m) {
+  async function k(m) {
     i.value = !0;
     const v = m ? `/auth/${m}/logout` : "/auth/logout";
     try {
-      await o.post(v), await d(!0), e.value = null;
-    } catch (k) {
-      console.error(k);
+      await o.post(v), await u(!0), t.value = null;
+    } catch (b) {
+      console.error(b);
     } finally {
       n.push({
         path: "/",
@@ -222,44 +222,44 @@ const ce = W("http", {
       }), i.value = !1;
     }
   }
-  function V(m) {
+  function y(m) {
     var v;
-    return (v = e.value) == null ? void 0 : v.identities.find((k) => k.provider === m);
+    return (v = t.value) == null ? void 0 : v.identities.find((b) => b.provider === m);
   }
-  function g() {
+  function V() {
     return localStorage.getItem("vuetify@lastLoginProvider");
   }
-  return d(), {
-    user: e,
+  return u(), {
+    user: t,
     url: o.url,
     dialog: c,
     isLoading: i,
-    findIdentity: V,
-    verify: d,
+    findIdentity: y,
+    verify: u,
     login: h,
-    logout: b,
+    logout: k,
     isSubscriber: l,
-    lastLoginProvider: g,
+    lastLoginProvider: V,
     sync: f
   };
-}), Oo = { class: "text-body-2" }, No = /* @__PURE__ */ y("div", { class: "text-caption mt-n1" }, "Last Used", -1), ft = /* @__PURE__ */ $({
+}), Oo = { class: "text-body-2" }, No = /* @__PURE__ */ g("div", { class: "text-caption mt-n1" }, "Last Used", -1), ft = /* @__PURE__ */ $({
   __name: "VoAuthDiscord",
   setup(c) {
-    const e = M(), o = w(() => e.user && e.findIdentity("discord")), s = w(() => e.user ? o.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
-    return (n, i) => (p(), _(ke, {
+    const t = M(), o = S(() => t.user && t.findIdentity("discord")), a = S(() => t.user ? o.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
+    return (n, i) => (p(), _(Ve, {
       "base-color": "#5865F2",
-      "prepend-icon": `svg:${t(Qe)}`,
+      "prepend-icon": `svg:${e(Qe)}`,
       rounded: "pill",
       slim: "",
       variant: "flat",
-      onClick: i[0] || (i[0] = (l) => t(e).login("discord"))
+      onClick: i[0] || (i[0] = (l) => e(t).login("discord"))
     }, R({
       title: r(() => [
-        y("span", Oo, C(t(s)), 1)
+        g("span", Oo, C(e(a)), 1)
       ]),
       _: 2
     }, [
-      !t(e).user && t(e).lastLoginProvider() === "discord" ? {
+      !e(t).user && e(t).lastLoginProvider() === "discord" ? {
         name: "subtitle",
         fn: r(() => [
           No
@@ -268,24 +268,24 @@ const ce = W("http", {
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), Bo = { class: "text-body-2" }, Uo = /* @__PURE__ */ y("div", { class: "text-caption mt-n1" }, "Last Used", -1), vt = /* @__PURE__ */ $({
+}), Bo = { class: "text-body-2" }, Uo = /* @__PURE__ */ g("div", { class: "text-caption mt-n1" }, "Last Used", -1), vt = /* @__PURE__ */ $({
   __name: "VoAuthGithub",
   setup(c) {
-    const e = M(), o = w(() => e.user && e.findIdentity("github")), s = w(() => e.user ? o.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
-    return (n, i) => (p(), _(ke, {
+    const t = M(), o = S(() => t.user && t.findIdentity("github")), a = S(() => t.user ? o.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
+    return (n, i) => (p(), _(Ve, {
       "base-color": "#2a2a2a",
-      "prepend-icon": `svg:${t(Ye)}`,
+      "prepend-icon": `svg:${e(Ye)}`,
       rounded: "pill",
       slim: "",
       variant: "flat",
-      onClick: i[0] || (i[0] = (l) => t(e).login("github"))
+      onClick: i[0] || (i[0] = (l) => e(t).login("github"))
     }, R({
       title: r(() => [
-        y("span", Bo, C(t(s)), 1)
+        g("span", Bo, C(e(a)), 1)
       ]),
       _: 2
     }, [
-      !t(e).user && t(e).lastLoginProvider() === "github" ? {
+      !e(t).user && e(t).lastLoginProvider() === "github" ? {
         name: "subtitle",
         fn: r(() => [
           Uo
@@ -294,47 +294,47 @@ const ce = W("http", {
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), zo = { class: "text-center" }, Fo = { class: "text-center mb-6" }, To = { class: "font-weight-light mb-2" }, jo = /* @__PURE__ */ y("span", { class: "font-weight-bold" }, "Vuetify One", -1), ht = /* @__PURE__ */ $({
+}), zo = { class: "text-center" }, Fo = { class: "text-center mb-6" }, To = { class: "font-weight-light mb-2" }, jo = /* @__PURE__ */ g("span", { class: "font-weight-bold" }, "Vuetify One", -1), ht = /* @__PURE__ */ $({
   __name: "VoAuthCard",
   setup(c) {
-    const e = M();
-    return (o, s) => {
+    const t = M();
+    return (o, a) => {
       const n = vt, i = ft;
       return p(), _(E, {
         class: "pt-6 pb-8 px-4 px-sm-8 mx-auto",
         "max-width": "480"
       }, {
         default: r(() => [
-          y("div", zo, [
-            a(Q, {
+          g("div", zo, [
+            s(Q, {
               class: "mx-auto",
               image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
               size: "64"
             }, null, 8, ["image"])
           ]),
-          y("div", Fo, [
-            a(vo, { class: "text-h5 mb-1 text-md-h4" }, {
+          g("div", Fo, [
+            s(vo, { class: "text-h5 mb-1 text-md-h4" }, {
               default: r(() => [
-                y("div", To, C(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
+                g("div", To, C(e(t).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
                 jo
               ]),
               _: 1
             }),
-            a(ho, { class: "text-wrap" }, {
+            s(ho, { class: "text-wrap" }, {
               default: r(() => [
-                F(" Login with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
+                T(" Login with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
               ]),
               _: 1
             })
           ]),
-          a(ae, {
+          s(ae, {
             class: "mx-auto",
             "max-width": "300",
             width: "100%"
           }, {
             default: r(() => [
-              a(n, { class: "mb-3" }),
-              a(i)
+              s(n, { class: "mb-3" }),
+              s(i)
             ]),
             _: 1
           })
@@ -346,23 +346,23 @@ const ce = W("http", {
 }), _t = /* @__PURE__ */ $({
   __name: "VoAuthDialog",
   setup(c) {
-    const e = M();
-    return (o, s) => {
+    const t = M();
+    return (o, a) => {
       const n = ht;
       return p(), _(ut, {
-        modelValue: t(e).dialog,
-        "onUpdate:modelValue": s[0] || (s[0] = (i) => t(e).dialog = i),
+        modelValue: e(t).dialog,
+        "onUpdate:modelValue": a[0] || (a[0] = (i) => e(t).dialog = i),
         "max-width": "480"
       }, {
         default: r(() => [
-          a(n)
+          s(n)
         ]),
         _: 1
       }, 8, ["modelValue"]);
     };
   }
-}), Te = W("notifications", () => {
-  const c = ce(), e = j(), o = A([]), s = A([]), n = A(), i = O(!1), l = w(() => o.value.filter((m) => !e.notifications.read.includes(m.slug))), u = w(() => o.value.filter((m) => e.notifications.read.includes(m.slug)));
+}), Fe = W("notifications", () => {
+  const c = ce(), t = F(), o = O([]), a = O([]), n = O(), i = A(!1), l = S(() => o.value.filter((m) => !t.notifications.read.includes(m.slug))), d = S(() => o.value.filter((m) => t.notifications.read.includes(m.slug)));
   async function f() {
     try {
       i.value = !0;
@@ -374,7 +374,7 @@ const ce = W("http", {
     }
     return o.value;
   }
-  async function d(m) {
+  async function u(m) {
     try {
       i.value = !0;
       const v = await c.get(`/one/admin/notifications/${m}`);
@@ -397,26 +397,26 @@ const ce = W("http", {
       i.value = !1;
     }
   }
-  async function b(m, v) {
+  async function k(m, v) {
     try {
       i.value = !0;
-      const k = await c.form(
+      const b = await c.form(
         `/one/admin/notifications/${m}`,
         v
       );
-      return n.value = k.notification, k.notification;
+      return n.value = b.notification, b.notification;
     } catch {
     } finally {
       i.value = !1;
     }
   }
-  async function V() {
+  async function y() {
   }
-  async function g() {
+  async function V() {
     try {
       i.value = !0;
       const m = await c.get("/one/admin/notifications");
-      s.value = m.notifications;
+      a.value = m.notifications;
     } catch {
     } finally {
       i.value = !1;
@@ -426,27 +426,27 @@ const ce = W("http", {
   return {
     isLoading: i,
     all: o,
-    aall: s,
-    admin: g,
+    aall: a,
+    admin: V,
     record: n,
     index: f,
-    show: d,
+    show: u,
     store: h,
-    update: b,
-    destroy: V,
-    read: u,
+    update: k,
+    destroy: y,
+    read: d,
     unread: l
   };
 }), Mo = /* @__PURE__ */ $({
   __name: "VoNotificationsTotalBadge",
   setup(c) {
-    const e = M(), o = Te(), s = j(), n = w(() => s.notifications.show ? o.unread.length : 0);
+    const t = M(), o = Fe(), a = F(), n = S(() => a.notifications.show ? o.unread.length : 0);
     return (i, l) => (p(), _(Je, {
       color: "error",
-      content: t(n),
-      dot: !!t(e).user,
+      content: e(n),
+      dot: !!e(t).user,
       location: "start top",
-      "model-value": t(n) > 0
+      "model-value": e(n) > 0
     }, {
       default: r(() => [
         z(i.$slots, "default")
@@ -460,19 +460,19 @@ const ce = W("http", {
     readonly: { type: Boolean }
   },
   setup(c) {
-    const e = c;
-    return (o, s) => (p(), _(q, {
+    const t = c;
+    return (o, a) => (p(), _(q, {
       class: "text-none font-weight-regular",
       color: "primary",
       size: "small",
       style: ot({
-        pointerEvents: e.readonly ? "none" : void 0
+        pointerEvents: t.readonly ? "none" : void 0
       }),
-      tabindex: e.readonly ? -1 : void 0,
+      tabindex: t.readonly ? -1 : void 0,
       variant: "flat"
     }, R({
       loader: r(() => [
-        o.$slots.loader ? S("", !0) : (p(), _(_o, {
+        o.$slots.loader ? w("", !0) : (p(), _(_o, {
           key: 0,
           indeterminate: "disable-shrink",
           size: "16",
@@ -501,79 +501,79 @@ const ce = W("http", {
 }), Po = { class: "pa-4 d-flex flex-column ga-4" }, gt = /* @__PURE__ */ $({
   __name: "VoAuthListItem",
   setup(c) {
-    const e = M(), o = j(), s = O(!e.user && !e.isLoading);
-    B(() => e.user, (i) => {
-      s.value = !i;
+    const t = M(), o = F(), a = A(!t.user && !t.isLoading);
+    B(() => t.user, (i) => {
+      a.value = !i;
     });
     function n() {
-      e.user && (s.value = !s.value);
+      t.user && (a.value = !a.value);
     }
     return (i, l) => {
-      const u = vt, f = ft;
+      const d = vt, f = ft;
       return p(), _(E, {
         class: "ma-2",
         rounded: "lg",
-        variant: t(s) ? "tonal" : "text"
+        variant: e(a) ? "tonal" : "text"
       }, {
         default: r(() => [
-          a(ae, { class: "py-0" }, {
+          s(ae, { class: "py-0" }, {
             default: r(() => [
-              a(ke, {
+              s(Ve, {
                 class: "mb-0",
-                link: !!t(e).user,
+                link: !!e(t).user,
                 nav: "",
-                "prepend-icon": `svg:${t(e).user && t(o).syncSettings ? t(At) : t(Ot)}`,
+                "prepend-icon": `svg:${e(t).user && e(o).syncSettings ? e(At) : e(Ot)}`,
                 rounded: "b-0",
                 slim: "",
-                title: t(e).user && t(o).syncSettings ? "Sync is on" : "Sync is paused",
+                title: e(t).user && e(o).syncSettings ? "Sync is on" : "Sync is paused",
                 onClick: n
               }, {
                 append: r(() => [
-                  a(Ue, null, {
+                  s(Be, null, {
                     default: r(() => [
-                      t(e).user && (t(s) || !t(o).syncSettings) ? (p(), _(dt, {
+                      e(t).user && (e(a) || !e(o).syncSettings) ? (p(), _(dt, {
                         key: 0,
-                        modelValue: t(o).syncSettings,
-                        "onUpdate:modelValue": l[0] || (l[0] = (d) => t(o).syncSettings = d),
-                        color: t(o).syncSettings ? "success" : void 0,
+                        modelValue: e(o).syncSettings,
+                        "onUpdate:modelValue": l[0] || (l[0] = (u) => e(o).syncSettings = u),
+                        color: e(o).syncSettings ? "success" : void 0,
                         density: "compact",
                         "hide-details": "",
                         inset: "",
-                        onClick: l[1] || (l[1] = qe(() => {
+                        onClick: l[1] || (l[1] = Ee(() => {
                         }, ["stop"]))
                       }, {
                         thumb: r(() => [
-                          a(Q, {
-                            color: t(o).syncSettings ? "success" : void 0
+                          s(Q, {
+                            color: e(o).syncSettings ? "success" : void 0
                           }, null, 8, ["color"])
                         ]),
                         _: 1
-                      }, 8, ["modelValue", "color"])) : S("", !0)
+                      }, 8, ["modelValue", "color"])) : w("", !0)
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }, 8, ["link", "prepend-icon", "title"]),
-              a(me, null, {
+              s(me, null, {
                 default: r(() => [
-                  !t(e).user && !t(e).isLoading || t(s) ? (p(), _(ye, {
+                  !e(t).user && !e(t).isLoading || e(a) ? (p(), _(ye, {
                     key: 0,
                     border: "t",
                     color: "transparent"
                   }, {
                     default: r(() => [
-                      y("div", Po, [
-                        a(u, {
-                          onClick: l[2] || (l[2] = (d) => s.value = !1)
+                      g("div", Po, [
+                        s(d, {
+                          onClick: l[2] || (l[2] = (u) => a.value = !1)
                         }),
-                        a(f, {
-                          onClick: l[3] || (l[3] = (d) => s.value = !1)
+                        s(f, {
+                          onClick: l[3] || (l[3] = (u) => a.value = !1)
                         })
                       ])
                     ]),
                     _: 1
-                  })) : S("", !0)
+                  })) : w("", !0)
                 ]),
                 _: 1
               })
@@ -588,30 +588,30 @@ const ce = W("http", {
 }), J = /* @__PURE__ */ $({
   __name: "VoListItem",
   setup(c) {
-    return (e, o) => (p(), _(ke, { slim: "" }, R({
+    return (t, o) => (p(), _(Ve, { slim: "" }, R({
       default: r(() => [
-        z(e.$slots, "default")
+        z(t.$slots, "default")
       ]),
       _: 2
     }, [
-      e.$slots.prepend ? {
+      t.$slots.prepend ? {
         name: "prepend",
         fn: r(() => [
-          z(e.$slots, "prepend")
+          z(t.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      e.$slots.title ? {
+      t.$slots.title ? {
         name: "title",
         fn: r(() => [
-          z(e.$slots, "title")
+          z(t.$slots, "title")
         ]),
         key: "1"
       } : void 0,
-      e.$slots.append ? {
+      t.$slots.append ? {
         name: "append",
         fn: r(() => [
-          z(e.$slots, "append")
+          z(t.$slots, "append")
         ]),
         key: "2"
       } : void 0
@@ -620,24 +620,24 @@ const ce = W("http", {
 }), Ho = /* @__PURE__ */ $({
   __name: "VoAuthLogoutNavItem",
   setup(c) {
-    const e = M(), o = O(!1);
-    async function s() {
-      o.value = !0, await e.logout(), o.value = !1;
+    const t = M(), o = A(!1);
+    async function a() {
+      o.value = !0, await t.logout(), o.value = !1;
     }
     return (n, i) => {
       const l = J;
       return p(), _(l, {
         class: "mb-0",
-        disabled: t(o),
+        disabled: e(o),
         link: "",
-        loading: t(o),
-        "prepend-icon": `svg:${t(Nt)}`,
+        loading: e(o),
+        "prepend-icon": `svg:${e(Nt)}`,
         title: "Logout",
-        onClick: s
+        onClick: a
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
     };
   }
-}), we = /* @__PURE__ */ $({
+}), xe = /* @__PURE__ */ $({
   __name: "VoDialog",
   props: /* @__PURE__ */ nt({
     prependIcon: {},
@@ -648,18 +648,18 @@ const ce = W("http", {
   }),
   emits: ["update:modelValue"],
   setup(c) {
-    const e = re(c, "modelValue"), o = le(), s = O(!1);
+    const t = re(c, "modelValue"), o = le(), a = A(!1);
     return (n, i) => (p(), _(ut, {
-      modelValue: e.value,
-      "onUpdate:modelValue": i[2] || (i[2] = (l) => e.value = l),
+      modelValue: t.value,
+      "onUpdate:modelValue": i[2] || (i[2] = (l) => t.value = l),
       activator: "parent",
-      fullscreen: t(s) || t(o).xs.value,
+      fullscreen: e(a) || e(o).xs.value,
       height: "100%",
-      "max-height": t(s) || t(o).xs.value ? "100%" : 800,
-      "max-width": t(s) || t(o).xs.value ? "100%" : 800
+      "max-height": e(a) || e(o).xs.value ? "100%" : 800,
+      "max-width": e(a) || e(o).xs.value ? "100%" : 800
     }, {
       default: r(({ isActive: l }) => [
-        a(E, {
+        s(E, {
           class: "overflow-hidden",
           height: "inherit",
           "prepend-icon": n.prependIcon,
@@ -667,25 +667,25 @@ const ce = W("http", {
         }, R({
           append: r(() => [
             z(n.$slots, "append"),
-            t(o).xs.value ? S("", !0) : (p(), _(q, {
+            e(o).xs.value ? w("", !0) : (p(), _(q, {
               key: 0,
               class: "me-2",
               density: "comfortable",
-              icon: `svg:${t(s) ? t(Bt) : t(Ut)}`,
+              icon: `svg:${e(a) ? e(Bt) : e(Ut)}`,
               size: "small",
               variant: "text",
-              onClick: i[0] || (i[0] = (u) => s.value = !t(s))
+              onClick: i[0] || (i[0] = (d) => a.value = !e(a))
             }, null, 8, ["icon"])),
-            a(q, {
+            s(q, {
               density: "comfortable",
               icon: "$close",
               size: "small",
               variant: "text",
-              onClick: i[1] || (i[1] = (u) => e.value = !e.value)
+              onClick: i[1] || (i[1] = (d) => t.value = !t.value)
             })
           ]),
           default: r(() => [
-            a(Z, { class: "mt-4" }),
+            s(Z, { class: "mt-4" }),
             z(n.$slots, "default")
           ]),
           _: 2
@@ -715,24 +715,24 @@ const ce = W("http", {
     disabled: { type: Boolean }
   },
   setup(c) {
-    return (e, o) => (p(), _(dt, {
+    return (t, o) => (p(), _(dt, {
       color: "primary",
       density: "compact",
-      disabled: e.disabled,
+      disabled: t.disabled,
       inset: "",
-      "true-icon": `svg:${t(Oe)}`
+      "true-icon": `svg:${e(Ae)}`
     }, R({
       thumb: r(() => [
-        a(D, {
-          color: e.disabled ? void 0 : "primary"
+        s(D, {
+          color: t.disabled ? void 0 : "primary"
         }, null, 8, ["color"])
       ]),
       _: 2
     }, [
-      e.$slots.label ? {
+      t.$slots.label ? {
         name: "label",
         fn: r(() => [
-          z(e.$slots, "label")
+          z(t.$slots, "label")
         ]),
         key: "0"
       } : void 0
@@ -741,30 +741,30 @@ const ce = W("http", {
 }), Ro = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
-}, Se = /* @__PURE__ */ $({
+}, we = /* @__PURE__ */ $({
   __name: "VoDialogSubheader",
   props: {
     title: {},
     text: {}
   },
   setup(c) {
-    return (e, o) => (p(), L(U, null, [
-      e.title ? (p(), _(Re, {
+    return (t, o) => (p(), L(U, null, [
+      t.title ? (p(), _(He, {
         key: 0,
         class: "font-weight-black"
       }, {
         default: r(() => [
-          F(C(e.title), 1)
+          T(C(t.title), 1)
         ]),
         _: 1
-      })) : S("", !0),
-      e.text ? (p(), L("div", Ro, C(e.text), 1)) : S("", !0)
+      })) : w("", !0),
+      t.text ? (p(), L("div", Ro, C(t.text), 1)) : w("", !0)
     ], 64));
   }
 }), Eo = { key: 0 }, qo = /* @__PURE__ */ $({
   __name: "VoSettingsPageSuitOption",
   setup(c) {
-    const e = j(), o = [
+    const t = F(), o = [
       {
         title: "Choose a page suit",
         value: "",
@@ -787,22 +787,22 @@ const ce = W("http", {
         value: "nebula"
       }
     ];
-    return (s, n) => {
-      const i = yt, l = Se;
+    return (a, n) => {
+      const i = yt, l = we;
       return p(), L(U, null, [
-        a(i, {
-          modelValue: t(e).suits.show,
-          "onUpdate:modelValue": n[0] || (n[0] = (u) => t(e).suits.show = u),
+        s(i, {
+          modelValue: e(t).suits.show,
+          "onUpdate:modelValue": n[0] || (n[0] = (d) => e(t).suits.show = d),
           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"]),
-        a(me, null, {
+        s(me, null, {
           default: r(() => [
-            t(e).suits.show ? (p(), L("div", Eo, [
-              a(bo, {
-                modelValue: t(e).suits.suit,
-                "onUpdate:modelValue": n[1] || (n[1] = (u) => t(e).suits.suit = u),
+            e(t).suits.show ? (p(), L("div", Eo, [
+              s(bo, {
+                modelValue: e(t).suits.suit,
+                "onUpdate:modelValue": n[1] || (n[1] = (d) => e(t).suits.suit = d),
                 clearable: "",
                 density: "compact",
                 "item-props": "",
@@ -812,58 +812,58 @@ const ce = W("http", {
                 style: { "max-width": "300px" },
                 variant: "outlined"
               }, {
-                selection: r(({ item: u }) => [
-                  a(D, {
-                    icon: u.props.prependIcon,
+                selection: r(({ item: d }) => [
+                  s(D, {
+                    icon: d.props.prependIcon,
                     size: "x-small",
                     start: ""
                   }, null, 8, ["icon"]),
-                  F(" " + C(u.title), 1)
+                  T(" " + C(d.title), 1)
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
-              a(l, { text: "Select your suit elements to display the background image:" }),
-              a(yo, {
-                modelValue: t(e).suits.elements,
-                "onUpdate:modelValue": n[2] || (n[2] = (u) => t(e).suits.elements = u),
+              s(l, { text: "Select your suit elements to display the background image:" }),
+              s(yo, {
+                modelValue: e(t).suits.elements,
+                "onUpdate:modelValue": n[2] || (n[2] = (d) => e(t).suits.elements = d),
                 color: "primary",
                 filter: "",
                 multiple: ""
               }, {
                 default: r(() => [
-                  a(te, {
-                    "append-icon": `svg:${t(zt)}`,
+                  s(te, {
+                    "append-icon": `svg:${e(zt)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
                     value: "app-bar",
                     variant: "flat"
                   }, {
                     append: r(() => [
-                      a(Z, {
+                      s(Z, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      a(D, { size: "x-small" })
+                      s(D, { size: "x-small" })
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  a(te, {
-                    "append-icon": `svg:${t(Ft)}`,
+                  s(te, {
+                    "append-icon": `svg:${e(Ft)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
                     value: "drawer",
                     variant: "flat"
                   }, {
                     append: r(() => [
-                      a(Z, {
+                      s(Z, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      a(D, { size: "x-small" })
+                      s(D, { size: "x-small" })
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  a(te, {
+                  s(te, {
                     "append-icon": "$info",
                     "filter-icon": "$success",
                     text: "Footer",
@@ -871,18 +871,18 @@ const ce = W("http", {
                     variant: "flat"
                   }, {
                     append: r(() => [
-                      a(Z, {
+                      s(Z, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      a(D, { size: "x-small" })
+                      s(D, { size: "x-small" })
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }, 8, ["modelValue"])
-            ])) : S("", !0)
+            ])) : w("", !0)
           ]),
           _: 1
         })
@@ -892,36 +892,36 @@ const ce = W("http", {
 });
 function ve() {
   const c = mo();
-  return w(
+  return S(
     () => c.query
   );
 }
 const P = W("one", () => {
-  const c = ve(), e = Be(), o = M(), s = ce(), n = O(!1), i = A(!1), l = A(), u = A([]), f = w(() => c.value.session_id), d = w(() => {
+  const c = ve(), t = Ne(), o = M(), a = ce(), n = A(!1), i = O(!1), l = O(), d = O([]), f = S(() => c.value.session_id), u = S(() => {
     var x;
     return (x = l.value) == null ? void 0 : x.items[0].plan.interval;
-  }), h = w(() => {
+  }), h = S(() => {
     var x;
     return (x = o.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "stripe" && I.tierName.startsWith("sub_"));
-  }), b = w(() => {
+  }), k = S(() => {
     var x;
     return !!((x = h.value) != null && x.tierName);
-  }), V = w(() => {
+  }), y = S(() => {
     var x;
     return (x = h.value) == null ? void 0 : x.isActive;
-  }), g = w(() => {
+  }), V = S(() => {
     var x;
     return (x = o.user) == null ? void 0 : x.sponsorships.find((I) => I.tierName.startsWith("sub_"));
-  }), m = w(() => {
+  }), m = S(() => {
     var x;
     return (x = o.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "github");
-  }), v = w(() => {
+  }), v = S(() => {
     var x;
     return (x = o.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "discord");
-  }), k = w(() => {
+  }), b = S(() => {
     var x;
     return (x = o.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "patreon");
-  }), N = w(() => {
+  }), N = S(() => {
     var x;
     return (x = o.user) == null ? void 0 : x.sponsorships.reduce((I, X) => {
       if (!X.isActive || X.interval === "once" || X.platform === "stripe")
@@ -930,10 +930,10 @@ const P = W("one", () => {
       return I + xt / 100;
     }, 0);
   });
-  We(async () => {
-    f.value && await T();
+  qe(async () => {
+    f.value && await j();
   }), B(i, oe), B(f, (x) => {
-    x && T();
+    x && j();
   }, { immediate: !0 }), B(c, (x) => {
     if (x.one !== "subscribe" || o.user)
       return;
@@ -941,13 +941,13 @@ const P = W("one", () => {
     const I = B(() => o.user, (X) => {
       X && (o.dialog = !1, I());
     });
-  }, { immediate: !0 }), B(V, (x, I) => {
+  }, { immediate: !0 }), B(y, (x, I) => {
     x === !1 && I !== !0 || he();
   });
-  async function T() {
+  async function j() {
     try {
       n.value = !0;
-      const x = await s.post("/one/activate", { sessionId: f.value });
+      const x = await a.post("/one/activate", { sessionId: f.value });
       o.user = x.user;
       const I = new URL(window.location.href);
       I.searchParams.delete("session_id"), history.pushState(null, "", I.toString()), ue();
@@ -957,17 +957,17 @@ const P = W("one", () => {
     }
   }
   async function ie() {
-    window.open(`${s.url}/one/manage`, "_blank");
+    window.open(`${a.url}/one/manage`, "_blank");
   }
   async function G(x) {
-    n.value = !0, window.location.href = `${s.url}/one/subscribe?interval=${x}`;
+    n.value = !0, window.location.href = `${a.url}/one/subscribe?interval=${x}`;
   }
-  async function Ce() {
+  async function Se() {
     var x;
     if (h.value)
       try {
         n.value = !0;
-        const I = await s.post(
+        const I = await a.post(
           `/one/cancel?subscriptionId=${(x = h.value) == null ? void 0 : x.tierName}`
         );
         o.user = I.user;
@@ -976,11 +976,11 @@ const P = W("one", () => {
         n.value = !1;
       }
   }
-  async function Le(x) {
+  async function Ce(x) {
     if (h.value)
       try {
         n.value = !0;
-        const I = await s.post("/one/modify", {
+        const I = await a.post("/one/modify", {
           subscriptionId: h.value.tierName,
           interval: x
         });
@@ -995,7 +995,7 @@ const P = W("one", () => {
     if (h.value)
       try {
         n.value = !0;
-        const I = await s.post(
+        const I = await a.post(
           `/one/verify?subscriptionId=${(x = h.value) == null ? void 0 : x.tierName}`
         );
         o.user = I.user;
@@ -1007,15 +1007,15 @@ const P = W("one", () => {
   async function ue() {
     try {
       n.value = !0;
-      const x = await s.get("/one/info");
-      return l.value = x.subscription, u.value = x.invoices, x;
+      const x = await a.get("/one/info");
+      return l.value = x.subscription, d.value = x.invoices, x;
     } catch {
     } finally {
       n.value = !1;
     }
   }
   function oe() {
-    e.push({
+    t.push({
       query: {
         ...c.value,
         one: void 0
@@ -1024,23 +1024,23 @@ const P = W("one", () => {
   }
   return {
     info: l,
-    interval: d,
-    invoices: u,
+    interval: u,
+    invoices: d,
     sessionId: f,
     subscription: h,
     monthlyTotal: N,
-    hasBilling: b,
+    hasBilling: k,
     isLoading: n,
     isOpen: i,
-    isSubscriber: V,
+    isSubscriber: y,
     github: m,
-    patreon: k,
+    patreon: b,
     discord: v,
-    one: g,
-    activate: T,
-    cancel: Ce,
+    one: V,
+    activate: j,
+    cancel: Se,
     manage: ie,
-    modify: Le,
+    modify: Ce,
     resetQuery: oe,
     subscribe: G,
     subscriptionInfo: ue,
@@ -1204,7 +1204,7 @@ function Wo() {
   };
 }
 const Ke = W("settings", () => {
-  const c = "https://cdn.vuetifyjs.com/docs/images/one/", e = M(), o = j(), s = Xe(), n = Wo(), i = {
+  const c = "https://cdn.vuetifyjs.com/docs/images/one/", t = M(), o = F(), a = Xe(), n = Wo(), i = {
     blackguard: {
       "app-bar": c + "suits/blackguard/blackguard-app-bar.png",
       drawer: c + "suits/blackguard/blackguard-app-drawer.png",
@@ -1220,19 +1220,19 @@ const Ke = W("settings", () => {
       drawer: c + "suits/nebula/nebula-app-drawer.png",
       footer: c + "suits/nebula/nebula-app-footer.png"
     }
-  }, l = w(() => {
-    if (!o.suits.suit || !o.suits.show || !e.isSubscriber)
+  }, l = S(() => {
+    if (!o.suits.suit || !o.suits.show || !t.isSubscriber)
       return {};
-    const u = i[o.suits.suit.toLowerCase()], f = {};
-    for (const d of o.suits.elements)
-      f[d] = u[d];
+    const d = i[o.suits.suit.toLowerCase()], f = {};
+    for (const u of o.suits.elements)
+      f[u] = d[u];
     return f;
   });
-  return s.themes.value = {
-    ...s.themes.value,
+  return a.themes.value = {
+    ...a.themes.value,
     ...n
-  }, B(() => o.theme, (u) => {
-    u === "system" ? s.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : (s.global.name.value = u, o.suits.suit = i[u] ? u : ""), o.theme = u;
+  }, B(() => o.theme, (d) => {
+    d === "system" ? a.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : (a.global.name.value = d, o.suits.suit = i[d] ? d : ""), o.theme = d;
   }, { immediate: !0 }), {
     suit: l,
     CDN_URL: c
@@ -1245,7 +1245,7 @@ const Ke = W("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = re(c, "modelValue"), o = M(), s = P(), n = Ke(), i = j(), l = [
+    const t = re(c, "modelValue"), o = M(), a = P(), n = Ke(), i = F(), l = [
       {
         title: "Light",
         subtitle: "A standard light theme.",
@@ -1296,49 +1296,49 @@ const Ke = W("settings", () => {
         value: "highContrast",
         disabled: !0
       }
-    ], u = ve();
-    return B(u, async () => {
-      u.value.one === "settings" && (s.isOpen = !0, await pe(), e.value = !0);
-    }, { immediate: !0 }), (f, d) => {
-      const h = Se, b = qo, V = yt, g = we;
-      return p(), _(g, {
-        modelValue: e.value,
-        "onUpdate:modelValue": d[5] || (d[5] = (m) => e.value = m),
-        "prepend-icon": `svg:${t(Rt)}`,
+    ], d = ve();
+    return B(d, async () => {
+      d.value.one === "settings" && (a.isOpen = !0, await pe(), t.value = !0);
+    }, { immediate: !0 }), (f, u) => {
+      const h = we, k = qo, y = yt, V = xe;
+      return p(), _(V, {
+        modelValue: t.value,
+        "onUpdate:modelValue": u[5] || (u[5] = (m) => t.value = m),
+        "prepend-icon": `svg:${e(Rt)}`,
         title: "Settings"
       }, {
         default: r(() => [
-          a($e, null, {
+          s(ke, null, {
             default: r(() => [
-              a(xe, { scrollable: "" }, {
+              s($e, { scrollable: "" }, {
                 default: r(() => [
-                  a(_e, { class: "px-7" }, {
+                  s(_e, { class: "px-7" }, {
                     default: r(() => [
-                      a(h, {
+                      s(h, {
                         text: "Customize your documentation experience with light and dark themes, as well as a combination of both named.",
                         title: "Theme"
                       }),
-                      a(pt, {
-                        modelValue: t(i).theme,
-                        "onUpdate:modelValue": d[0] || (d[0] = (m) => t(i).theme = m),
+                      s(pt, {
+                        modelValue: e(i).theme,
+                        "onUpdate:modelValue": u[0] || (u[0] = (m) => e(i).theme = m),
                         mandatory: ""
                       }, {
                         default: r(() => [
-                          a(de, { dense: "" }, {
+                          s(de, { dense: "" }, {
                             default: r(() => [
-                              (p(), L(U, null, ne(l, (m, v) => a(K, {
+                              (p(), L(U, null, ne(l, (m, v) => s(K, {
                                 key: v,
                                 cols: "12",
                                 md: "6"
                               }, {
                                 default: r(() => [
-                                  a(Ee, {
+                                  s(Re, {
                                     value: m.value
                                   }, {
-                                    default: r(({ toggle: k, isSelected: N }) => [
-                                      a(Fe, null, {
-                                        default: r(({ props: T, isHovering: ie }) => [
-                                          a(E, H({
+                                    default: r(({ toggle: b, isSelected: N }) => [
+                                      s(ze, null, {
+                                        default: r(({ props: j, isHovering: ie }) => [
+                                          s(E, H({
                                             color: N ? "primary" : "surface-variant",
                                             disabled: m.disabled,
                                             height: "76",
@@ -1348,9 +1348,9 @@ const Ke = W("settings", () => {
                                             subtitle: m.disabled ? "In Development" : m.subtitle,
                                             title: m.title,
                                             variant: "tonal"
-                                          }, T, { onClick: k }), {
+                                          }, j, { onClick: b }), {
                                             image: r(() => [
-                                              a(Y, {
+                                              s(Y, {
                                                 style: ot({
                                                   filter: N || ie ? "none" : "grayscale(100%)"
                                                 })
@@ -1373,69 +1373,69 @@ const Ke = W("settings", () => {
                         ]),
                         _: 1
                       }, 8, ["modelValue"]),
-                      t(o).isSubscriber ? (p(), L(U, { key: 0 }, [
-                        a(Z, { class: "mt-6 mb-4" }),
-                        a(b)
-                      ], 64)) : S("", !0)
+                      e(o).isSubscriber ? (p(), L(U, { key: 0 }, [
+                        s(Z, { class: "mt-6 mb-4" }),
+                        s(k)
+                      ], 64)) : w("", !0)
                     ]),
                     _: 1
                   }),
-                  a(Z),
-                  a(_e, { class: "px-7" }, {
+                  s(Z),
+                  s(_e, { class: "px-7" }, {
                     default: r(() => [
-                      a(h, {
+                      s(h, {
                         text: "These options change your browsing experience within Vuetify properties",
                         title: "Experience"
                       }),
-                      t(o).isSubscriber ? (p(), _(V, {
+                      e(o).isSubscriber ? (p(), _(y, {
                         key: 0,
-                        modelValue: t(i).disableAds,
-                        "onUpdate:modelValue": d[1] || (d[1] = (m) => t(i).disableAds = m),
+                        modelValue: e(i).disableAds,
+                        "onUpdate:modelValue": u[1] || (u[1] = (m) => e(i).disableAds = m),
                         class: "mb-2",
                         label: "Disable Ads",
                         messages: "Disable traditional advertisements on all documentation pages."
-                      }, null, 8, ["modelValue"])) : S("", !0),
-                      a(V, {
-                        modelValue: t(i).quickbar,
-                        "onUpdate:modelValue": d[2] || (d[2] = (m) => t(i).quickbar = m),
+                      }, null, 8, ["modelValue"])) : w("", !0),
+                      s(y, {
+                        modelValue: e(i).quickbar,
+                        "onUpdate:modelValue": u[2] || (u[2] = (m) => e(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
                   }),
-                  a(Z),
-                  t(o).isSubscriber ? (p(), _(_e, {
+                  s(Z),
+                  e(o).isSubscriber ? (p(), _(_e, {
                     key: 0,
                     class: "px-7"
                   }, {
                     default: r(() => [
-                      a(h, {
+                      s(h, {
                         text: "Vuetify will communicate with you through banners and notifications. You can disable these features here or reset your local notification cache.",
                         title: "Communication"
                       }),
-                      a(V, {
-                        modelValue: t(i).notifications.show,
-                        "onUpdate:modelValue": d[3] || (d[3] = (m) => t(i).notifications.show = m),
+                      s(y, {
+                        modelValue: e(i).notifications.show,
+                        "onUpdate:modelValue": u[3] || (u[3] = (m) => e(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"]),
-                      a(me, null, {
+                      s(me, null, {
                         default: r(() => [
-                          t(i).notifications.show ? (p(), _(V, {
+                          e(i).notifications.show ? (p(), _(y, {
                             key: 0,
-                            modelValue: t(i).notifications.banners,
-                            "onUpdate:modelValue": d[4] || (d[4] = (m) => t(i).notifications.banners = m),
+                            modelValue: e(i).notifications.banners,
+                            "onUpdate:modelValue": u[4] || (u[4] = (m) => e(i).notifications.banners = m),
                             label: "Enable Banners",
                             messages: "Banners are located at the top of the screen and provide a callout for important information."
-                          }, null, 8, ["modelValue"])) : S("", !0)
+                          }, null, 8, ["modelValue"])) : w("", !0)
                         ]),
                         _: 1
                       })
                     ]),
                     _: 1
-                  })) : S("", !0)
+                  })) : w("", !0)
                 ]),
                 _: 1
               })
@@ -1450,19 +1450,19 @@ const Ke = W("settings", () => {
 }), Zo = /* @__PURE__ */ $({
   __name: "VoSettingsListItem",
   setup(c) {
-    const e = O(!1);
-    return (o, s) => {
+    const t = A(!1);
+    return (o, a) => {
       const n = Go, i = J;
       return p(), _(i, {
-        active: t(e),
+        active: e(t),
         link: "",
-        "prepend-icon": `svg:${t(Et)}`,
+        "prepend-icon": `svg:${e(Et)}`,
         title: "Settings"
       }, {
         default: r(() => [
-          a(n, {
-            modelValue: t(e),
-            "onUpdate:modelValue": s[0] || (s[0] = (l) => se(e) ? e.value = l : null)
+          s(n, {
+            modelValue: e(t),
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => se(t) ? t.value = l : null)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
@@ -1472,36 +1472,36 @@ const Ke = W("settings", () => {
 }), Qo = { class: "text-caption" }, Yo = /* @__PURE__ */ $({
   __name: "VoSubscriptionInvoices",
   setup(c) {
-    const e = ze(), o = P();
-    return (s, n) => {
-      const i = Se;
+    const t = Ue(), o = P();
+    return (a, n) => {
+      const i = we;
       return p(), _(de, null, {
         default: r(() => [
-          a(K, { cols: "12" }, {
+          s(K, { cols: "12" }, {
             default: r(() => [
-              a(i, {
+              s(i, {
                 text: "View and download your invoice history.",
                 title: "Invoice History"
               }),
-              a(E, {
+              s(E, {
                 border: "",
                 height: "450",
                 rounded: "lg"
               }, {
                 default: r(() => [
-                  a(Vo, {
-                    items: t(o).invoices,
-                    loading: t(o).isLoading,
+                  s(Vo, {
+                    items: e(o).invoices,
+                    loading: e(o).isLoading,
                     sticky: ""
                   }, {
                     "item.date": r(({ item: l }) => [
-                      y("div", Qo, C(t(e).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
+                      g("div", Qo, C(e(t).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
                     "item.amount": r(({ item: l }) => [
-                      F(" $" + C(l.amount / 100), 1)
+                      T(" $" + C(l.amount / 100), 1)
                     ]),
                     "item.status": r(({ item: l }) => [
-                      a(te, {
+                      s(te, {
                         border: "success sm",
                         class: "text-capitalize",
                         color: "success",
@@ -1512,9 +1512,9 @@ const Ke = W("settings", () => {
                       }, null, 8, ["text"])
                     ]),
                     "item.pdf": r(({ item: l }) => [
-                      a(q, {
+                      s(q, {
                         href: l.pdf,
-                        icon: `svg:${t(qt)}`,
+                        icon: `svg:${e(qt)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -1536,28 +1536,28 @@ const Ke = W("settings", () => {
 }), Jo = { class: "d-flex align-center" }, Xo = {
   key: "status",
   class: "text-capitalize hidden-sm-and-down"
-}, Ko = /* @__PURE__ */ y("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), en = { class: "me-1" }, tn = { class: "text-medium-emphasis text-caption" }, on = { class: "d-flex align-start justify-space-between text-caption py-2" }, nn = { class: "font-weight-bold" }, sn = { class: "font-weight-bold" }, an = /* @__PURE__ */ $({
+}, Ko = /* @__PURE__ */ g("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), en = { class: "me-1" }, tn = { class: "text-medium-emphasis text-caption" }, on = { class: "d-flex align-start justify-space-between text-caption py-2" }, nn = { class: "font-weight-bold" }, sn = { class: "font-weight-bold" }, an = /* @__PURE__ */ $({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
-  setup(c, { emit: e }) {
-    const o = ze(), s = P(), n = e, i = w(() => {
-      if (!s.info)
+  setup(c, { emit: t }) {
+    const o = Ue(), a = P(), n = t, i = S(() => {
+      if (!a.info)
         return;
-      const u = new Date(s.info.currentPeriodEnd * 1e3);
-      return o.format(u, "keyboardDate");
+      const d = new Date(a.info.currentPeriodEnd * 1e3);
+      return o.format(d, "keyboardDate");
     });
     async function l() {
-      s.interval && (s.isLoading = !0, s.subscribe(s.interval));
+      a.interval && (a.isLoading = !0, a.subscribe(a.interval));
     }
-    return (u, f) => {
-      const d = fe;
+    return (d, f) => {
+      const u = fe;
       return p(), _(de, null, {
         default: r(() => [
-          a(K, { cols: "12" }, {
+          s(K, { cols: "12" }, {
             default: r(() => {
-              var h, b;
+              var h, k;
               return [
-                a(E, {
+                s(E, {
                   border: "",
                   flat: "",
                   "prepend-icon": "$vuetify",
@@ -1565,61 +1565,61 @@ const Ke = W("settings", () => {
                   title: "Subscription Status"
                 }, R({
                   append: r(() => {
-                    var V;
+                    var y;
                     return [
-                      t(s).hasBilling && ((V = t(s).info) == null ? void 0 : V.status) === "canceled" ? (p(), _(d, {
+                      e(a).hasBilling && ((y = e(a).info) == null ? void 0 : y.status) === "canceled" ? (p(), _(u, {
                         key: 0,
                         class: "me-2",
                         color: "success",
-                        loading: t(s).isLoading,
+                        loading: e(a).isLoading,
                         "prepend-icon": "$success",
                         text: "Activate",
                         variant: "outlined",
                         onClick: l
-                      }, null, 8, ["loading"])) : S("", !0),
-                      t(s).hasBilling ? (p(), _(d, {
+                      }, null, 8, ["loading"])) : w("", !0),
+                      e(a).hasBilling ? (p(), _(u, {
                         key: 1,
-                        loading: t(s).isLoading,
-                        "prepend-icon": `svg:${t(Wt)}`,
+                        loading: e(a).isLoading,
+                        "prepend-icon": `svg:${e(Wt)}`,
                         text: "Billing",
-                        onClick: t(s).manage
-                      }, null, 8, ["loading", "prepend-icon", "onClick"])) : S("", !0)
+                        onClick: e(a).manage
+                      }, null, 8, ["loading", "prepend-icon", "onClick"])) : w("", !0)
                     ];
                   }),
                   _: 2
                 }, [
-                  t(s).info ? {
+                  e(a).info ? {
                     name: "subtitle",
                     fn: r(() => [
-                      y("div", Jo, [
-                        y("span", Xo, C(t(s).info.status), 1),
-                        t(s).info.items.length ? (p(), L(U, { key: 0 }, [
+                      g("div", Jo, [
+                        g("span", Xo, C(e(a).info.status), 1),
+                        e(a).info.items.length ? (p(), L(U, { key: 0 }, [
                           Ko,
-                          y("span", en, [
-                            F(" $" + C(t(s).info.items[0].plan.amount / 100), 1),
-                            y("span", tn, "/" + C(t(s).interval), 1)
+                          g("span", en, [
+                            T(" $" + C(e(a).info.items[0].plan.amount / 100), 1),
+                            g("span", tn, "/" + C(e(a).interval), 1)
                           ]),
-                          a(d, {
+                          s(u, {
                             size: "x-small",
                             text: "(Change Subscription)",
                             variant: "text",
-                            onClick: f[0] || (f[0] = (V) => n("change:subscription"))
+                            onClick: f[0] || (f[0] = (y) => n("change:subscription"))
                           })
-                        ], 64)) : S("", !0)
+                        ], 64)) : w("", !0)
                       ])
                     ]),
                     key: "0"
                   } : {
                     name: "subtitle",
                     fn: r(() => [
-                      y("div", { class: "d-flex align-center" }, [
-                        a(be, {
+                      g("div", { class: "d-flex align-center" }, [
+                        s(be, {
                           height: "16",
                           type: "ossein",
                           width: "40"
                         }),
-                        y("span", { class: "mx-1" }, "—"),
-                        a(be, {
+                        g("span", { class: "mx-1" }, "—"),
+                        s(be, {
                           height: "16",
                           type: "ossein",
                           width: "80"
@@ -1629,16 +1629,16 @@ const Ke = W("settings", () => {
                     key: "1"
                   }
                 ]), 1024),
-                y("div", on, [
-                  y("div", null, [
-                    ((h = t(s).info) == null ? void 0 : h.status) === "active" ? (p(), L(U, { key: 0 }, [
-                      F(" Your plan renews on "),
-                      y("span", nn, C(t(o).format(t(i), "fullDateWithWeekday")), 1),
-                      F(". ")
+                g("div", on, [
+                  g("div", null, [
+                    ((h = e(a).info) == null ? void 0 : h.status) === "active" ? (p(), L(U, { key: 0 }, [
+                      T(" Your plan renews on "),
+                      g("span", nn, C(e(o).format(e(i), "fullDateWithWeekday")), 1),
+                      T(". ")
                     ], 64)) : (p(), L(U, { key: 1 }, [
-                      F(" Your plan ends on "),
-                      y("span", sn, C(t(o).format((b = t(s).info) == null ? void 0 : b.currentPeriodEnd, "fullDateWithWeekday")), 1),
-                      F(". ")
+                      T(" Your plan ends on "),
+                      g("span", sn, C(e(o).format((k = e(a).info) == null ? void 0 : k.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      T(". ")
                     ], 64))
                   ])
                 ])
@@ -1651,10 +1651,10 @@ const Ke = W("settings", () => {
       });
     };
   }
-}), rn = /* @__PURE__ */ y("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), ln = ["innerHTML"], cn = /* @__PURE__ */ y("br", null, null, -1), un = /* @__PURE__ */ y("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), dn = ["innerHTML"], pn = /* @__PURE__ */ $({
+}), rn = /* @__PURE__ */ g("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), ln = ["innerHTML"], cn = /* @__PURE__ */ g("br", null, null, -1), un = /* @__PURE__ */ g("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), dn = ["innerHTML"], pn = /* @__PURE__ */ $({
   __name: "VoSubscriptionPerks",
   setup(c) {
-    const e = [
+    const t = [
       "Ad Free Experience on all Vuetify properties",
       'Save and share code snippets with <a href="https://vbin.io/" target="_blank">VBin</a>',
       'Pinned Navigation Items and Rail drawer in <a href="https://vuetifyjs.com/" target="_blank">Documentation</a>',
@@ -1664,40 +1664,40 @@ const Ke = W("settings", () => {
       'Special role in the <a href="https://discord.vuetifyjs.com/" target="_blank">Vuetify Discord</a>',
       'Save and share your playgrounds with <a href="https://play.vuetifyjs.com" target="_blank">Vuetify Play</a>',
       "Receive a special label on GitHub created issues and pull requests"
-    ], s = O(!1), n = P();
-    return B(s, async (i) => {
+    ], a = A(!1), n = P();
+    return B(a, async (i) => {
       i && n.subscriptionInfo();
     }), (i, l) => {
-      const u = J;
+      const d = J;
       return p(), L(U, null, [
-        a(Re, { class: "font-weight-black" }, {
+        s(He, { class: "font-weight-black" }, {
           default: r(() => [
-            F("Perks")
+            T("Perks")
           ]),
           _: 1
         }),
         rn,
-        a(ae, {
+        s(ae, {
           class: "py-0",
           density: "compact",
           lines: !1,
           nav: ""
         }, {
           default: r(() => [
-            (p(), L(U, null, ne(e, (f, d) => a(u, {
-              key: d,
+            (p(), L(U, null, ne(t, (f, u) => s(d, {
+              key: u,
               class: "mb-0",
-              "prepend-icon": `svg:${t(Oe)}`
+              "prepend-icon": `svg:${e(Ae)}`
             }, {
               prepend: r(() => [
-                a(D, {
+                s(D, {
                   class: "mx-n2",
                   color: "success",
                   size: "small"
                 })
               ]),
               title: r(() => [
-                y("div", { innerHTML: f }, null, 8, ln)
+                g("div", { innerHTML: f }, null, 8, ln)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
@@ -1705,33 +1705,33 @@ const Ke = W("settings", () => {
           _: 1
         }),
         cn,
-        a(Re, { class: "font-weight-black" }, {
+        s(He, { class: "font-weight-black" }, {
           default: r(() => [
-            F("Up Next")
+            T("Up Next")
           ]),
           _: 1
         }),
         un,
-        a(ae, {
+        s(ae, {
           class: "py-0",
           density: "compact",
           lines: !1,
           nav: ""
         }, {
           default: r(() => [
-            (p(), L(U, null, ne(o, (f, d) => a(u, {
-              key: d,
+            (p(), L(U, null, ne(o, (f, u) => s(d, {
+              key: u,
               class: "mb-0",
-              "prepend-icon": `svg:${t(Gt)}`
+              "prepend-icon": `svg:${e(Gt)}`
             }, {
               prepend: r(() => [
-                a(D, {
+                s(D, {
                   class: "mx-n2",
                   size: "small"
                 })
               ]),
               title: r(() => [
-                y("div", { innerHTML: f }, null, 8, dn)
+                g("div", { innerHTML: f }, null, 8, dn)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
@@ -1751,10 +1751,10 @@ const Ke = W("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = O(!1), o = re(c, "modelValue"), s = P();
-    return B(e, async (n) => {
-      n && s.subscriptionInfo();
-    }), B(() => s.interval, (n) => {
+    const t = A(!1), o = re(c, "modelValue"), a = P();
+    return B(t, async (n) => {
+      n && a.subscriptionInfo();
+    }), B(() => a.interval, (n) => {
       o.value = n;
     }, { immediate: !0 }), (n, i) => (p(), _(pt, {
       modelValue: o.value,
@@ -1762,27 +1762,27 @@ const Ke = W("settings", () => {
       mandatory: ""
     }, {
       default: r(() => [
-        a(de, null, {
+        s(de, null, {
           default: r(() => [
-            a(K, {
+            s(K, {
               cols: "12",
               md: "6"
             }, {
               default: r(() => [
-                a(Ee, { value: "month" }, {
-                  default: r(({ toggle: l, isSelected: u }) => [
-                    a(E, {
-                      border: u ? "sm primary opacity-100" : "sm",
-                      color: u ? "primary" : void 0,
-                      "prepend-icon": u ? `svg:${t(De)}` : "$radioOff",
+                s(Re, { value: "month" }, {
+                  default: r(({ toggle: l, isSelected: d }) => [
+                    s(E, {
+                      border: d ? "sm primary opacity-100" : "sm",
+                      color: d ? "primary" : void 0,
+                      "prepend-icon": d ? `svg:${e(Ie)}` : "$radioOff",
                       rounded: "lg",
                       subtitle: "$2.99/month",
                       title: "Monthly",
-                      variant: u ? "tonal" : "text",
+                      variant: d ? "tonal" : "text",
                       onClick: l
                     }, {
                       prepend: r(() => [
-                        a(D, { class: "mt-n6" })
+                        s(D, { class: "mt-n6" })
                       ]),
                       _: 2
                     }, 1032, ["border", "color", "prepend-icon", "variant", "onClick"])
@@ -1792,28 +1792,28 @@ const Ke = W("settings", () => {
               ]),
               _: 1
             }),
-            a(K, {
+            s(K, {
               cols: "12",
               md: "6"
             }, {
               default: r(() => [
-                a(Ee, { value: "year" }, {
-                  default: r(({ toggle: l, isSelected: u }) => [
-                    a(E, {
-                      border: u ? "sm primary opacity-100" : "sm",
-                      color: u ? "primary" : void 0,
-                      "prepend-icon": u ? `svg:${t(De)}` : "$radioOff",
+                s(Re, { value: "year" }, {
+                  default: r(({ toggle: l, isSelected: d }) => [
+                    s(E, {
+                      border: d ? "sm primary opacity-100" : "sm",
+                      color: d ? "primary" : void 0,
+                      "prepend-icon": d ? `svg:${e(Ie)}` : "$radioOff",
                       rounded: "lg",
                       subtitle: "$29.99/year",
                       title: "Yearly",
-                      variant: u ? "tonal" : "text",
+                      variant: d ? "tonal" : "text",
                       onClick: l
                     }, {
                       prepend: r(() => [
-                        a(D, { class: "mt-n6" })
+                        s(D, { class: "mt-n6" })
                       ]),
                       append: r(() => [
-                        a(te, {
+                        s(te, {
                           class: "mt-n6",
                           color: "success",
                           size: "small",
@@ -1836,7 +1836,7 @@ const Ke = W("settings", () => {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), fn = { class: "px-3" }, vn = /* @__PURE__ */ y("br", null, null, -1), hn = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, _n = /* @__PURE__ */ $({
+}), fn = { class: "px-3" }, vn = /* @__PURE__ */ g("br", null, null, -1), hn = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, _n = /* @__PURE__ */ $({
   __name: "VoSubscriptionDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1844,63 +1844,63 @@ const Ke = W("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    function e(d) {
-      return new Promise((h) => setTimeout(h, d));
+    function t(u) {
+      return new Promise((h) => setTimeout(h, u));
     }
-    const o = re(c, "modelValue"), s = P(), n = ve(), i = O(s.interval), l = O(s.hasBilling ? "status" : "subscribe"), u = O(!1);
-    B(i, (d) => {
-      !s.isSubscriber || !s.interval || (u.value = d !== s.interval);
-    }), B(o, async (d) => {
-      if (!d || !s.isSubscriber) {
-        d || s.resetQuery();
+    const o = re(c, "modelValue"), a = P(), n = ve(), i = A(a.interval), l = A(a.hasBilling ? "status" : "subscribe"), d = A(!1);
+    B(i, (u) => {
+      !a.isSubscriber || !a.interval || (d.value = u !== a.interval);
+    }), B(o, async (u) => {
+      if (!u || !a.isSubscriber) {
+        u || a.resetQuery();
         return;
       }
-      s.subscriptionInfo();
+      a.subscriptionInfo();
     }), B(n, async () => {
-      !s.sessionId && !["subscribe", "status"].includes(n.value.one) || (l.value = s.sessionId || n.value.one === "status" ? "status" : "subscribe", s.isOpen = !0, await pe(), o.value = !0);
+      !a.sessionId && !["subscribe", "status"].includes(n.value.one) || (l.value = a.sessionId || n.value.one === "status" ? "status" : "subscribe", a.isOpen = !0, await pe(), o.value = !0);
     }, { immediate: !0 });
     async function f() {
-      await s.modify(i.value), await s.subscriptionInfo(), u.value = null, await e(3e3), l.value = "status", await e(300), u.value = !1;
+      await a.modify(i.value), await a.subscriptionInfo(), d.value = null, await t(3e3), l.value = "status", await t(300), d.value = !1;
     }
-    return (d, h) => {
-      const b = Se, V = mn, g = pn, m = an, v = Yo, k = fe, N = we;
+    return (u, h) => {
+      const k = we, y = mn, V = pn, m = an, v = Yo, b = fe, N = xe;
       return p(), _(N, {
         modelValue: o.value,
-        "onUpdate:modelValue": h[4] || (h[4] = (T) => o.value = T),
-        "prepend-icon": `svg:${t(Zt)}`,
+        "onUpdate:modelValue": h[4] || (h[4] = (j) => o.value = j),
+        "prepend-icon": `svg:${e(Zt)}`,
         title: "Subscriptions"
       }, R({
         default: r(() => [
-          a($e, null, {
+          s(ke, null, {
             default: r(() => [
-              a(xe, { scrollable: "" }, {
+              s($e, { scrollable: "" }, {
                 default: r(() => [
-                  y("div", fn, [
-                    a(_e, null, {
+                  g("div", fn, [
+                    s(_e, null, {
                       default: r(() => [
-                        a(b, {
+                        s(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"
                         }),
-                        a(mt, { "model-value": t(l) }, {
+                        s(mt, { "model-value": e(l) }, {
                           default: r(() => [
-                            a(ge, { value: "subscribe" }, {
+                            s(ge, { value: "subscribe" }, {
                               default: r(() => [
-                                a(V, {
-                                  modelValue: t(i),
-                                  "onUpdate:modelValue": h[0] || (h[0] = (T) => se(i) ? i.value = T : null)
+                                s(y, {
+                                  modelValue: e(i),
+                                  "onUpdate:modelValue": h[0] || (h[0] = (j) => se(i) ? i.value = j : null)
                                 }, null, 8, ["modelValue"]),
                                 vn,
-                                a(g)
+                                s(V)
                               ]),
                               _: 1
                             }),
-                            a(ge, { value: "status" }, {
+                            s(ge, { value: "status" }, {
                               default: r(() => [
-                                a(m, {
-                                  "onChange:subscription": h[1] || (h[1] = (T) => l.value = "subscribe")
+                                s(m, {
+                                  "onChange:subscription": h[1] || (h[1] = (j) => l.value = "subscribe")
                                 }),
-                                a(v)
+                                s(v)
                               ]),
                               _: 1
                             })
@@ -1920,37 +1920,37 @@ const Ke = W("settings", () => {
         ]),
         _: 2
       }, [
-        t(l) === "subscribe" ? {
+        e(l) === "subscribe" ? {
           name: "actions",
           fn: r(() => [
-            y("div", hn, [
-              t(u) !== !1 ? (p(), _(k, {
+            g("div", hn, [
+              e(d) !== !1 ? (p(), _(b, {
                 key: 0,
                 block: "",
                 color: "success",
-                loading: t(s).isLoading,
-                "prepend-icon": `svg:${t(u) !== null ? t(Qt) : t(De)}`,
-                readonly: t(u) === null,
+                loading: e(a).isLoading,
+                "prepend-icon": `svg:${e(d) !== null ? e(Qt) : e(Ie)}`,
+                readonly: e(d) === null,
                 size: "default",
-                text: t(u) !== null ? "Modify Subscription" : "Success",
+                text: e(d) !== null ? "Modify Subscription" : "Success",
                 onClick: f
-              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : t(s).isSubscriber ? (p(), _(k, {
+              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : e(a).isSubscriber ? (p(), _(b, {
                 key: 2,
                 block: "",
-                "prepend-icon": `svg:${t(Yt)}`,
+                "prepend-icon": `svg:${e(Yt)}`,
                 size: "default",
                 text: "Manage Subscription",
-                onClick: h[3] || (h[3] = (T) => l.value = "status")
-              }, null, 8, ["prepend-icon"])) : (p(), _(k, {
+                onClick: h[3] || (h[3] = (j) => l.value = "status")
+              }, null, 8, ["prepend-icon"])) : (p(), _(b, {
                 key: 1,
                 block: "",
-                color: t(i) ? "primary" : "disabled",
-                disabled: !t(i),
-                loading: t(s).isLoading,
+                color: e(i) ? "primary" : "disabled",
+                disabled: !e(i),
+                loading: e(a).isLoading,
                 "prepend-icon": "$vuetify",
                 size: "default",
                 text: "Activate Subscription",
-                onClick: h[2] || (h[2] = (T) => t(s).subscribe(t(i)))
+                onClick: h[2] || (h[2] = (j) => e(a).subscribe(e(i)))
               }, null, 8, ["color", "disabled", "loading"]))
             ])
           ]),
@@ -1962,19 +1962,19 @@ const Ke = W("settings", () => {
 }), gn = /* @__PURE__ */ $({
   __name: "VoSubscriptionListItem",
   setup(c) {
-    const e = O(!1);
-    return (o, s) => {
+    const t = A(!1);
+    return (o, a) => {
       const n = _n, i = J;
       return p(), _(i, {
-        active: t(e),
+        active: e(t),
         link: "",
-        "prepend-icon": `svg:${t(Jt)}`,
+        "prepend-icon": `svg:${e(Jt)}`,
         title: "Subscriptions"
       }, {
         default: r(() => [
-          a(n, {
-            modelValue: t(e),
-            "onUpdate:modelValue": s[0] || (s[0] = (l) => se(e) ? e.value = l : null)
+          s(n, {
+            modelValue: e(t),
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => se(t) ? t.value = l : null)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
@@ -1984,7 +1984,7 @@ const Ke = W("settings", () => {
 }), yn = {
   key: 0,
   class: "text-success"
-}, je = /* @__PURE__ */ $({
+}, Te = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItem",
   props: {
     title: {},
@@ -1996,43 +1996,43 @@ const Ke = W("settings", () => {
     sponsorship: {}
   },
   setup(c) {
-    const e = c, o = Ke(), s = w(() => {
+    const t = c, o = Ke(), a = S(() => {
       var i, l;
-      return `$${parseFloat(String((((i = e.sponsorship) == null ? void 0 : i.amount) ?? 0) / 100)).toFixed(2)} /${(l = e.sponsorship) == null ? void 0 : l.interval}`;
+      return `$${parseFloat(String((((i = t.sponsorship) == null ? void 0 : i.amount) ?? 0) / 100)).toFixed(2)} /${(l = t.sponsorship) == null ? void 0 : l.interval}`;
     });
     return (n, i) => {
-      var u, f;
+      var d, f;
       const l = fe;
       return p(), _(ko, {
-        "dot-color": (u = n.sponsorship) != null && u.isActive ? "success" : "transparent",
-        icon: (f = n.sponsorship) != null && f.isActive ? `svg:${t(Oe)}` : void 0,
+        "dot-color": (d = n.sponsorship) != null && d.isActive ? "success" : "transparent",
+        icon: (f = n.sponsorship) != null && f.isActive ? `svg:${e(Ae)}` : void 0,
         size: "x-small",
         width: "100%"
       }, {
         default: r(() => [
-          a(E, {
+          s(E, {
             border: "",
-            "prepend-avatar": `${t(o).CDN_URL}logos/${n.logo}.png`,
+            "prepend-avatar": `${e(o).CDN_URL}logos/${n.logo}.png`,
             rounded: "lg",
             title: n.title,
             variant: "text"
           }, {
             subtitle: r(() => {
-              var d;
+              var u;
               return [
-                (d = n.sponsorship) != null && d.isActive ? (p(), L("div", yn, [
-                  a(D, {
-                    icon: `svg:${t(Xt)}`,
+                (u = n.sponsorship) != null && u.isActive ? (p(), L("div", yn, [
+                  s(D, {
+                    icon: `svg:${e(Xt)}`,
                     size: "x-small"
                   }, null, 8, ["icon"]),
-                  F(" " + C(t(s)), 1)
+                  T(" " + C(e(a)), 1)
                 ])) : (p(), L(U, { key: 1 }, [
-                  F(C(n.text), 1)
+                  T(C(n.text), 1)
                 ], 64))
               ];
             }),
             append: r(() => {
-              var d, h, b, V, g, m;
+              var u, h, k, y, V, m;
               return [
                 n.disabled ? (p(), _(l, {
                   key: 1,
@@ -2042,11 +2042,11 @@ const Ke = W("settings", () => {
                 })) : (p(), _(l, {
                   key: 0,
                   active: !1,
-                  color: (d = n.sponsorship) != null && d.isActive ? "success" : "primary",
+                  color: (u = n.sponsorship) != null && u.isActive ? "success" : "primary",
                   href: (h = n.sponsorship) != null && h.isActive || n.to ? void 0 : n.href,
-                  "prepend-icon": `svg:${(b = n.sponsorship) != null && b.isActive ? t(De) : t(Ne)}`,
-                  readonly: (V = n.sponsorship) == null ? void 0 : V.isActive,
-                  target: (g = n.sponsorship) != null && g.isActive || n.to ? void 0 : "_blank",
+                  "prepend-icon": `svg:${(k = n.sponsorship) != null && k.isActive ? e(Ie) : e(Oe)}`,
+                  readonly: (y = n.sponsorship) == null ? void 0 : y.isActive,
+                  target: (V = n.sponsorship) != null && V.isActive || n.to ? void 0 : "_blank",
                   text: (m = n.sponsorship) != null && m.isActive ? "Active" : "Info",
                   to: n.to,
                   width: "88"
@@ -2063,9 +2063,9 @@ const Ke = W("settings", () => {
 }), bn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemPatreon",
   setup(c) {
-    return (e, o) => {
-      const s = je;
-      return p(), _(s, {
+    return (t, o) => {
+      const a = Te;
+      return p(), _(a, {
         disabled: "",
         logo: "patreon",
         text: "Support Vuetify through Patreon.",
@@ -2076,13 +2076,13 @@ const Ke = W("settings", () => {
 }), Vn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemDiscord",
   setup(c) {
-    const e = P();
-    return (o, s) => {
-      const n = je;
+    const t = P();
+    return (o, a) => {
+      const n = Te;
       return p(), _(n, {
         href: "https://discord.com/servers/vuetify-340160225338195969",
         logo: "discord",
-        sponsorship: t(e).discord,
+        sponsorship: e(t).discord,
         text: "Support Vuetify through Discord.",
         title: "Discord Subscriber"
       }, null, 8, ["sponsorship"]);
@@ -2091,13 +2091,13 @@ const Ke = W("settings", () => {
 }), kn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemGithub",
   setup(c) {
-    const e = P();
-    return (o, s) => {
-      const n = je;
+    const t = P();
+    return (o, a) => {
+      const n = Te;
       return p(), _(n, {
         href: "https://github.com/sponsors/johnleider",
         logo: "github",
-        sponsorship: t(e).github,
+        sponsorship: e(t).github,
         text: "Support Vuetify through GitHub sponsors.",
         title: "GitHub Sponsor"
       }, null, 8, ["sponsorship"]);
@@ -2106,12 +2106,12 @@ const Ke = W("settings", () => {
 }), $n = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemOne",
   setup(c) {
-    const e = P();
-    return (o, s) => {
-      const n = je;
+    const t = P();
+    return (o, a) => {
+      const n = Te;
       return p(), _(n, {
         logo: "one",
-        sponsorship: t(e).one,
+        sponsorship: e(t).one,
         text: "Support Vuetify through Vuetify One.",
         title: "Vuetify One Subscriber",
         to: "?one=subscribe"
@@ -2121,8 +2121,8 @@ const Ke = W("settings", () => {
 }), xn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimeline",
   setup(c) {
-    return (e, o) => {
-      const s = $n, n = kn, i = Vn, l = bn;
+    return (t, o) => {
+      const a = $n, n = kn, i = Vn, l = bn;
       return p(), _($o, {
         class: "justify-start ms-n7",
         "line-inset": "12",
@@ -2131,10 +2131,10 @@ const Ke = W("settings", () => {
         "truncate-line": "both"
       }, {
         default: r(() => [
-          a(s),
-          a(n),
-          a(i),
-          a(l)
+          s(a),
+          s(n),
+          s(i),
+          s(l)
         ]),
         _: 1
       });
@@ -2148,50 +2148,50 @@ const Ke = W("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = re(c, "modelValue"), o = ve(), s = M(), n = P();
+    const t = re(c, "modelValue"), o = ve(), a = M(), n = P();
     return B(o, async () => {
-      o.value.one === "sponsorships" && (n.isOpen = !0, await pe(), e.value = !0);
+      o.value.one === "sponsorships" && (n.isOpen = !0, await pe(), t.value = !0);
     }, { immediate: !0 }), (i, l) => {
-      const u = Se, f = xn, d = Ge("v-empty-state"), h = we;
+      const d = we, f = xn, u = We("v-empty-state"), h = xe;
       return p(), _(h, {
-        modelValue: e.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (b) => e.value = b),
-        "prepend-icon": `svg:${t(Kt)}`,
+        modelValue: t.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (k) => t.value = k),
+        "prepend-icon": `svg:${e(Kt)}`,
         title: "Sponsorships"
       }, {
         default: r(() => [
-          a($e, null, {
+          s(ke, null, {
             default: r(() => [
-              a(xe, { scrollable: "" }, {
+              s($e, { scrollable: "" }, {
                 default: r(() => [
-                  y("div", wn, [
-                    a(_e, { class: "flex-0-0 mb-16 mb-sm-4" }, {
+                  g("div", wn, [
+                    s(_e, { class: "flex-0-0 mb-16 mb-sm-4" }, {
                       default: r(() => [
-                        a(u, {
+                        s(d, {
                           text: "Support Vuetify through GitHub Sponsors, Discord, or Patreon to unlock exclusive benefits and content.",
                           title: "Support Vuetify"
                         }),
-                        a(f)
+                        s(f)
                       ]),
                       _: 1
                     }),
-                    a(d, {
+                    s(u, {
                       class: "flex-1-0",
                       icon: "$vuetify",
                       "min-height": "auto",
                       size: "128"
                     }, {
                       media: r(() => [
-                        a(D, {
-                          color: t(s).isSubscriber ? "success" : "error"
+                        s(D, {
+                          color: e(a).isSubscriber ? "success" : "error"
                         }, null, 8, ["color"])
                       ]),
                       title: r(() => [
-                        F(" One Status: "),
-                        y("span", Sn, C(t(s).isSubscriber ? "Active" : "Inactive"), 1)
+                        T(" One Status: "),
+                        g("span", Sn, C(e(a).isSubscriber ? "Active" : "Inactive"), 1)
                       ]),
                       text: r(() => [
-                        y("div", Cn, C(t(s).isSubscriber ? "You are currently receiving benefits from Vuetify One." : "Login to activate Vuetify One benefits"), 1)
+                        g("div", Cn, C(e(a).isSubscriber ? "You are currently receiving benefits from Vuetify One." : "Login to activate Vuetify One benefits"), 1)
                       ]),
                       _: 1
                     })
@@ -2210,26 +2210,26 @@ const Ke = W("settings", () => {
 }), In = /* @__PURE__ */ $({
   __name: "VoSponsorshipsListItem",
   setup(c) {
-    const e = O(!1);
-    return (o, s) => {
+    const t = A(!1);
+    return (o, a) => {
       const n = Ln, i = J;
       return p(), _(i, {
-        active: t(e),
+        active: e(t),
         link: "",
-        "prepend-icon": `svg:${t(eo)}`,
+        "prepend-icon": `svg:${e(eo)}`,
         title: "Sponsorships"
       }, {
         default: r(() => [
-          a(n, {
-            modelValue: t(e),
-            "onUpdate:modelValue": s[0] || (s[0] = (l) => se(e) ? e.value = l : null)
+          s(n, {
+            modelValue: e(t),
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => se(t) ? t.value = l : null)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Dn = /* @__PURE__ */ y("h2", { class: "text-h4" }, " Configuration Tooling ", -1), An = /* @__PURE__ */ y("p", { class: "text-subtitle-1 text-medium-emphasis" }, " Coming soon to Vuetify One ", -1), On = { class: "text-uppercase text-info" }, Nn = { class: "text-h6 mb-2" }, Bn = { class: "text-caption" }, Un = /* @__PURE__ */ y("div", null, " Become a subscriber and be the first to gain access to the Vuetify Studio Alpha when it releases in April 2024. ", -1), zn = /* @__PURE__ */ $({
+}), Dn = /* @__PURE__ */ g("h2", { class: "text-h4" }, " Configuration Tooling ", -1), An = /* @__PURE__ */ g("p", { class: "text-subtitle-1 text-medium-emphasis" }, " Coming soon to Vuetify One ", -1), On = { class: "text-uppercase text-info" }, Nn = { class: "text-h6 mb-2" }, Bn = { class: "text-caption" }, Un = /* @__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), zn = /* @__PURE__ */ $({
   __name: "VoStudioDialog",
   props: /* @__PURE__ */ nt({
     prependIcon: {}
@@ -2239,7 +2239,7 @@ const Ke = W("settings", () => {
   }),
   emits: ["update:modelValue"],
   setup(c) {
-    const e = re(c, "modelValue"), o = ve(), s = Be(), n = M(), i = P(), { smAndUp: l } = le(), u = [
+    const t = re(c, "modelValue"), o = ve(), a = Ne(), n = M(), i = P(), { smAndUp: l } = le(), d = [
       {
         title: "Customize",
         subtitle: "Customize your Vuetify theme, components, and more with the Vuetify Studio.",
@@ -2260,25 +2260,25 @@ const Ke = W("settings", () => {
       }
     ];
     B(o, async () => {
-      o.value.one === "studio" && (i.isOpen = !0, await pe(), e.value = !0);
+      o.value.one === "studio" && (i.isOpen = !0, await pe(), t.value = !0);
     }, { immediate: !0 });
     function f() {
-      e.value = !1, s.push({ query: { one: "subscribe" } });
+      t.value = !1, a.push({ query: { one: "subscribe" } });
     }
-    return (d, h) => {
-      const b = fe, V = we;
-      return p(), _(V, {
-        modelValue: e.value,
-        "onUpdate:modelValue": h[0] || (h[0] = (g) => e.value = g),
-        "prepend-icon": d.prependIcon,
+    return (u, h) => {
+      const k = fe, y = xe;
+      return p(), _(y, {
+        modelValue: t.value,
+        "onUpdate:modelValue": h[0] || (h[0] = (V) => t.value = V),
+        "prepend-icon": u.prependIcon,
         title: "Vuetify Studio"
       }, {
         default: r(() => [
-          a($e, null, {
+          s(ke, null, {
             default: r(() => [
-              a(xe, { scrollable: "" }, {
+              s($e, { scrollable: "" }, {
                 default: r(() => [
-                  a(Y, {
+                  s(Y, {
                     "content-class": "d-flex align-center justify-center flex-column",
                     cover: "",
                     gradient: "to top right, rgba(var(--v-theme-primary),.8), rgba(0,0,0,.9)",
@@ -2288,16 +2288,16 @@ const Ke = W("settings", () => {
                     src: "https://cdn.vuetifyjs.com/docs/images/one/studio/hero.png"
                   }, {
                     default: r(() => [
-                      a(E, {
+                      s(E, {
                         class: "text-center pa-3",
                         color: "surface",
                         flat: "",
                         rounded: "xl"
                       }, {
                         text: r(() => [
-                          a(D, {
+                          s(D, {
                             color: "accent",
-                            icon: d.prependIcon,
+                            icon: u.prependIcon,
                             size: "80"
                           }, null, 8, ["icon"]),
                           Dn,
@@ -2308,17 +2308,17 @@ const Ke = W("settings", () => {
                     ]),
                     _: 1
                   }),
-                  (p(), L(U, null, ne(u, (g, m) => a(ye, {
+                  (p(), L(U, null, ne(d, (V, m) => s(ye, {
                     key: m,
                     class: "py-8",
                     color: m % 2 === 0 ? "surface-light" : "surface-variant"
                   }, {
                     default: r(() => [
-                      a(tt, null, {
+                      s(tt, null, {
                         default: r(() => [
-                          a(de, { align: "center" }, {
+                          s(de, { align: "center" }, {
                             default: r(() => [
-                              a(K, {
+                              s(K, {
                                 cols: "12",
                                 offset: "0",
                                 "offset-sm": "1",
@@ -2326,24 +2326,24 @@ const Ke = W("settings", () => {
                                 sm: "6"
                               }, {
                                 default: r(() => [
-                                  y("strong", On, C(g.title), 1),
-                                  y("p", Nn, C(g.subtitle), 1),
-                                  y("p", Bn, C(g.text), 1)
+                                  g("strong", On, C(V.title), 1),
+                                  g("p", Nn, C(V.subtitle), 1),
+                                  g("p", Bn, C(V.text), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["order"]),
-                              a(K, {
+                              s(K, {
                                 cols: "12",
                                 offset: "0",
                                 "offset-sm": m % 2,
                                 sm: "4"
                               }, {
                                 default: r(() => [
-                                  a(Y, {
+                                  s(Y, {
                                     cover: "",
-                                    height: t(l) ? 180 : void 0,
+                                    height: e(l) ? 180 : void 0,
                                     rounded: "lg",
-                                    src: g.image
+                                    src: V.image
                                   }, null, 8, ["height", "src"])
                                 ]),
                                 _: 2
@@ -2357,18 +2357,18 @@ const Ke = W("settings", () => {
                     ]),
                     _: 2
                   }, 1032, ["color"])), 64)),
-                  t(n).isSubscriber ? S("", !0) : (p(), _(ye, {
+                  e(n).isSubscriber ? w("", !0) : (p(), _(ye, {
                     key: 0,
                     class: "text-center py-6"
                   }, {
                     default: r(() => [
-                      a(tt, null, {
+                      s(tt, null, {
                         default: r(() => [
-                          a(de, { justify: "center" }, {
+                          s(de, { justify: "center" }, {
                             default: r(() => [
-                              a(K, { cols: "6" }, {
+                              s(K, { cols: "6" }, {
                                 default: r(() => [
-                                  a(Q, {
+                                  s(Q, {
                                     image: "https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
                                     size: "64"
                                   }),
@@ -2376,9 +2376,9 @@ const Ke = W("settings", () => {
                                 ]),
                                 _: 1
                               }),
-                              a(K, { cols: "12" }, {
+                              s(K, { cols: "12" }, {
                                 default: r(() => [
-                                  a(b, {
+                                  s(k, {
                                     "prepend-icon": "$vuetify",
                                     size: "x-large",
                                     text: "Subscribe Today",
@@ -2410,35 +2410,35 @@ const Ke = W("settings", () => {
 }), Fn = /* @__PURE__ */ $({
   __name: "VoStudioNavItem",
   setup(c) {
-    const e = O(!1), o = [
+    const t = A(!1), o = [
       ["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, n) => {
+    return (a, n) => {
       const i = zn, l = J;
       return p(), _(l, {
-        active: t(e),
+        active: e(t),
         link: "",
         "prepend-icon": o,
         title: "Vuetify Studio"
       }, {
         append: r(() => [
-          a(te, {
+          s(te, {
             label: "",
             size: "x-small"
           }, {
             default: r(() => [
-              F("COMING SOON")
+              T("COMING SOON")
             ]),
             _: 1
           })
         ]),
         default: r(() => [
-          a(i, {
-            modelValue: t(e),
-            "onUpdate:modelValue": n[0] || (n[0] = (u) => se(e) ? e.value = u : null),
+          s(i, {
+            modelValue: e(t),
+            "onUpdate:modelValue": n[0] || (n[0] = (d) => se(t) ? t.value = d : null),
             "prepend-icon": o
           }, null, 8, ["modelValue"])
         ]),
@@ -2449,7 +2449,7 @@ const Ke = W("settings", () => {
 }), Tn = {
   key: 0,
   class: "pt-16"
-}, jn = /* @__PURE__ */ y("div", { class: "text-medium-emphasis" }, " All caught up ", -1), Mn = {
+}, jn = /* @__PURE__ */ g("div", { class: "text-medium-emphasis" }, " All caught up ", -1), Mn = {
   key: 1,
   class: "pa-5"
 }, Pn = { class: "text-subtitle-1 font-weight-bold" }, Hn = { class: "text-caption font-weight-bold text-medium-emphasis" }, Rn = { class: "text-disabled text-caption mt-2 mb-3" }, En = /* @__PURE__ */ $({
@@ -2458,15 +2458,15 @@ const Ke = W("settings", () => {
     items: {}
   },
   setup(c) {
-    const e = ze(), o = le(), s = j();
+    const t = Ue(), o = le(), a = F();
     function n(l) {
-      return s.notifications.last.banner.includes(l);
+      return a.notifications.last.banner.includes(l);
     }
     function i(l) {
-      n(l.slug) ? s.notifications.last.banner = s.notifications.last.banner.filter((u) => u !== l.slug) : s.notifications.last.banner.push(l.slug);
+      n(l.slug) ? a.notifications.last.banner = a.notifications.last.banner.filter((d) => d !== l.slug) : a.notifications.last.banner.push(l.slug);
     }
-    return (l, u) => {
-      const f = Ge("v-empty-state");
+    return (l, d) => {
+      const f = We("v-empty-state");
       return p(), _(ae, {
         class: "py-0",
         height: "100%",
@@ -2474,56 +2474,56 @@ const Ke = W("settings", () => {
       }, {
         default: r(() => [
           l.items.length ? (p(), L("div", Mn, [
-            (p(!0), L(U, null, ne(l.items, (d) => {
+            (p(!0), L(U, null, ne(l.items, (u) => {
               var h;
               return p(), L("div", {
-                key: d.slug,
+                key: u.slug,
                 class: "mb-4"
               }, [
-                a(E, {
-                  color: d.metadata.color,
+                s(E, {
+                  color: u.metadata.color,
                   flat: "",
-                  image: (h = d.metadata.images.bg) == null ? void 0 : h.url,
+                  image: (h = u.metadata.images.bg) == null ? void 0 : h.url,
                   rounded: "b-0",
-                  title: d.title
+                  title: u.title
                 }, {
                   prepend: r(() => {
-                    var b;
+                    var k;
                     return [
-                      a(Q, {
-                        image: (b = d.metadata.images.logo) == null ? void 0 : b.url
+                      s(Q, {
+                        image: (k = u.metadata.images.logo) == null ? void 0 : k.url
                       }, null, 8, ["image"])
                     ];
                   }),
                   image: r(() => [
-                    a(Y, { position: "right" })
+                    s(Y, { position: "right" })
                   ]),
                   _: 2
                 }, 1032, ["color", "image", "title"]),
-                a(Fe, null, {
-                  default: r(({ props: b, isHovering: V }) => [
-                    a(ye, H(b, {
+                s(ze, null, {
+                  default: r(({ props: k, isHovering: y }) => [
+                    s(ye, H(k, {
                       border: "",
                       class: "px-8 pt-2 pb-4 position-relative",
                       rounded: "b"
                     }), {
                       default: r(() => [
-                        a(ee, {
+                        s(ee, {
                           location: "bottom",
-                          text: n(d.slug) ? "Mark as unread" : "Mark as read"
+                          text: n(u.slug) ? "Mark as unread" : "Mark as read"
                         }, {
-                          activator: r(({ props: g }) => [
-                            a(Ue, { "hide-on-leave": "" }, {
+                          activator: r(({ props: V }) => [
+                            s(Be, { "hide-on-leave": "" }, {
                               default: r(() => [
-                                Ae(a(q, H(g, {
+                                De(s(q, H(V, {
                                   class: "ms-auto float-right",
-                                  icon: `svg:${n(d.slug) ? t(lt) : t(rt)}`,
+                                  icon: `svg:${n(u.slug) ? e(lt) : e(rt)}`,
                                   "mdi-email-variant": "",
                                   size: "small",
                                   variant: "text",
-                                  onClick: (m) => i(d)
+                                  onClick: (m) => i(u)
                                 }), null, 16, ["icon", "onClick"]), [
-                                  [Ze, V || t(o).mobile.value]
+                                  [Ge, y || e(o).mobile.value]
                                 ])
                               ]),
                               _: 2
@@ -2531,23 +2531,23 @@ const Ke = W("settings", () => {
                           ]),
                           _: 2
                         }, 1032, ["text"]),
-                        y("div", Pn, C(d.metadata.text), 1),
-                        y("div", Hn, C(t(e).format(d.created_at, "fullDateWithWeekday")), 1),
-                        y("div", Rn, C(d.metadata.subtext), 1),
-                        a(te, 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", Pn, C(u.metadata.text), 1),
+                        g("div", Hn, C(e(t).format(u.created_at, "fullDateWithWeekday")), 1),
+                        g("div", Rn, C(u.metadata.subtext), 1),
+                        s(te, H({
+                          href: u.metadata.link.startsWith("http") ? u.metadata.link : void 0,
+                          target: u.metadata.link.startsWith("http") ? "_blank" : void 0,
+                          to: u.metadata.link.startsWith("http") ? void 0 : u.metadata.link
                         }, {
-                          "append-icon": `svg:${t(Ne)}`,
+                          "append-icon": `svg:${e(Oe)}`,
                           border: "",
                           label: "",
                           size: "small",
-                          text: d.metadata.link_text,
+                          text: u.metadata.link_text,
                           variant: "text"
                         }), {
                           append: r(() => [
-                            a(D, { size: "12" })
+                            s(D, { size: "12" })
                           ]),
                           _: 2
                         }, 1040, ["append-icon", "text"])
@@ -2560,12 +2560,12 @@ const Ke = W("settings", () => {
               ]);
             }), 128))
           ])) : (p(), L("div", Tn, [
-            a(f, {
+            s(f, {
               icon: "$vuetify",
               size: "256"
             }, {
               media: r(() => [
-                a(D, { color: "medium-emphasis" })
+                s(D, { color: "medium-emphasis" })
               ]),
               title: r(() => [
                 jn
@@ -2585,54 +2585,54 @@ const Ke = W("settings", () => {
     notification: {}
   },
   setup(c) {
-    const e = c, o = j(), s = ze(), n = le(), i = w(() => {
-      const f = e.notification.metadata ?? { action: "" };
+    const t = c, o = F(), a = Ue(), n = le(), i = S(() => {
+      const f = t.notification.metadata ?? { action: "" };
       return {
         href: f.action.startsWith("http") ? f.action : void 0,
         target: f.action.startsWith("http") ? "_blank" : void 0,
         to: f.action.startsWith("http") ? void 0 : f.action,
-        ...e.notification.metadata.attributes,
+        ...t.notification.metadata.attributes,
         onClick() {
-          e.demo || o.notifications.read.includes(e.notification.slug) || o.notifications.read.push(e.notification.slug);
+          t.demo || o.notifications.read.includes(t.notification.slug) || o.notifications.read.push(t.notification.slug);
         }
       };
     });
     function l(f) {
       return o.notifications.read.includes(f);
     }
-    function u(f) {
-      e.demo || (l(f.slug) ? o.notifications.read = o.notifications.read.filter((d) => d !== f.slug) : o.notifications.read.push(f.slug));
+    function d(f) {
+      t.demo || (l(f.slug) ? o.notifications.read = o.notifications.read.filter((u) => u !== f.slug) : o.notifications.read.push(f.slug));
     }
-    return (f, d) => {
+    return (f, u) => {
       const h = J;
-      return p(), _(Fe, null, {
-        default: r(({ isHovering: b, props: V }) => [
-          a(h, H(V, { class: "py-4 mb-0" }), {
+      return p(), _(ze, null, {
+        default: r(({ isHovering: k, props: y }) => [
+          s(h, H(y, { class: "py-4 mb-0" }), {
             prepend: r(() => [
-              y("div", qn, C(f.notification.metadata.emoji), 1)
+              g("div", qn, C(f.notification.metadata.emoji), 1)
             ]),
             append: r(() => [
-              a(xo, {
+              s(xo, {
                 class: "mt-n3",
                 width: "56"
               }, {
                 default: r(() => [
-                  a(ee, {
+                  s(ee, {
                     location: "bottom",
                     text: l(f.notification.slug) ? "Mark as unread" : "Mark as read"
                   }, {
-                    activator: r(({ props: g }) => [
-                      a(Ue, { "hide-on-leave": "" }, {
+                    activator: r(({ props: V }) => [
+                      s(Be, { "hide-on-leave": "" }, {
                         default: r(() => [
-                          Ae(a(q, H(g, {
+                          De(s(q, H(V, {
                             class: "ms-auto",
-                            icon: `svg:${l(f.notification.slug) ? t(lt) : t(rt)}`,
+                            icon: `svg:${l(f.notification.slug) ? e(lt) : e(rt)}`,
                             "mdi-email-variant": "",
                             size: "small",
                             variant: "text",
-                            onClick: d[0] || (d[0] = (m) => u(f.notification))
+                            onClick: u[0] || (u[0] = (m) => d(f.notification))
                           }), null, 16, ["icon"]), [
-                            [Ze, b || t(n).mobile.value]
+                            [Ge, k || e(n).mobile.value]
                           ])
                         ]),
                         _: 2
@@ -2645,17 +2645,17 @@ const Ke = W("settings", () => {
               }, 1024)
             ]),
             default: r(() => [
-              a(ct, { class: "text-wrap text-h6 mb-1" }, {
+              s(ct, { class: "text-wrap text-h6 mb-1" }, {
                 default: r(() => [
-                  y("div", Wn, C(f.notification.title), 1)
+                  g("div", Wn, C(f.notification.title), 1)
                 ]),
                 _: 1
               }),
-              y("div", Gn, C(t(s).format(f.notification.created_at, "fullDateWithWeekday")), 1),
-              y("div", Zn, C(f.notification.metadata.text), 1),
-              a(te, H({
-                "append-icon": `svg:${t(Ne)}`
-              }, t(i), {
+              g("div", Gn, C(e(a).format(f.notification.created_at, "fullDateWithWeekday")), 1),
+              g("div", Zn, C(f.notification.metadata.text), 1),
+              s(te, H({
+                "append-icon": `svg:${e(Oe)}`
+              }, e(i), {
                 border: "",
                 label: "",
                 size: "small",
@@ -2663,7 +2663,7 @@ const Ke = W("settings", () => {
                 variant: "text"
               }), {
                 append: r(() => [
-                  a(D, { size: "12" })
+                  s(D, { size: "12" })
                 ]),
                 _: 1
               }, 16, ["append-icon", "text"])
@@ -2678,32 +2678,32 @@ const Ke = W("settings", () => {
 }), Yn = {
   key: 0,
   class: "pt-16"
-}, Jn = /* @__PURE__ */ y("div", { class: "text-medium-emphasis" }, " All caught up ", -1), Xn = /* @__PURE__ */ $({
+}, Jn = /* @__PURE__ */ g("div", { class: "text-medium-emphasis" }, " All caught up ", -1), Xn = /* @__PURE__ */ $({
   __name: "VoNotificationsList",
   props: {
     items: {}
   },
   setup(c) {
-    return (e, o) => {
-      const s = Ge("v-empty-state"), n = Qn;
+    return (t, o) => {
+      const a = We("v-empty-state"), n = Qn;
       return p(), _(ae, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
         default: r(() => [
-          e.items.length ? (p(!0), L(U, { key: 1 }, ne(e.items, (i, l) => (p(), L(U, {
+          t.items.length ? (p(!0), L(U, { key: 1 }, ne(t.items, (i, l) => (p(), L(U, {
             key: i.slug
           }, [
-            l !== 0 ? (p(), _(Z, { key: 0 })) : S("", !0),
-            a(n, { notification: i }, null, 8, ["notification"])
+            l !== 0 ? (p(), _(Z, { key: 0 })) : w("", !0),
+            s(n, { notification: i }, null, 8, ["notification"])
           ], 64))), 128)) : (p(), L("div", Yn, [
-            a(s, {
+            s(a, {
               icon: "$vuetify",
               size: "256"
             }, {
               media: r(() => [
-                a(D, { color: "medium-emphasis" })
+                s(D, { color: "medium-emphasis" })
               ]),
               title: r(() => [
                 Jn
@@ -2717,71 +2717,71 @@ const Ke = W("settings", () => {
     };
   }
 }), bt = W("site", () => {
-  const c = A([]), e = A();
+  const c = O([]), t = O();
   return {
     id: c,
-    url: e
+    url: t
   };
-}), Me = W("banners", () => {
-  const c = ce(), e = bt(), o = j(), s = A([]), n = A([]), i = A(), l = O(!1), u = w(() => {
+}), je = W("banners", () => {
+  const c = ce(), t = bt(), o = F(), a = O([]), n = O([]), i = O(), l = A(!1), d = S(() => {
     if (i.value)
       return i.value;
     if (f.value)
       return f.value;
     if (o.notifications.banners)
-      return s.value.find(({
+      return a.value.find(({
         slug: v,
         metadata: {
-          site: k,
+          site: b,
           active: N
         }
-      }) => !N || o.notifications.last.banner.includes(v) ? !1 : k.includes("dev") && !1 || k.includes("*") ? !0 : k.some((T) => e.id.includes(T)));
-  }), f = w(() => s.value.find(({
+      }) => !N || o.notifications.last.banner.includes(v) ? !1 : b.includes("dev") && !1 || b.includes("*") ? !0 : b.some((j) => t.id.includes(j)));
+  }), f = S(() => a.value.find(({
     metadata: {
       site: v,
-      active: k
+      active: b
     }
-  }) => k ? v.includes("server") : !1));
-  async function d() {
+  }) => b ? v.includes("server") : !1));
+  async function u() {
     try {
       l.value = !0;
       const v = await c.get("/one/banners");
-      s.value = v.banners;
+      a.value = v.banners;
     } catch {
     } finally {
       l.value = !1;
     }
-    return s.value;
+    return a.value;
   }
   async function h(v) {
     try {
       l.value = !0;
-      const k = await c.get(`/one/admin/banners/${v}`);
-      return i.value = k.banner, k.banner;
+      const b = await c.get(`/one/admin/banners/${v}`);
+      return i.value = b.banner, b.banner;
     } catch {
     } finally {
       l.value = !1;
     }
   }
-  async function b(v) {
+  async function k(v) {
     try {
       l.value = !0;
-      const k = await c.form(
+      const b = await c.form(
         "/one/admin/banners",
         v
       );
-      return i.value = k.banner, k.banner;
+      return i.value = b.banner, b.banner;
     } catch {
     } finally {
       l.value = !1;
     }
   }
-  async function V(v, k) {
+  async function y(v, b) {
     try {
       l.value = !0;
       const N = await c.form(
         `/one/admin/banners/${v}`,
-        k
+        b
       );
       return i.value = N.banner, N.banner;
     } catch {
@@ -2789,7 +2789,7 @@ const Ke = W("settings", () => {
       l.value = !1;
     }
   }
-  async function g() {
+  async function V() {
   }
   async function m() {
     try {
@@ -2800,21 +2800,21 @@ const Ke = W("settings", () => {
     } finally {
       l.value = !1;
     }
-    return s.value;
+    return a.value;
   }
   return {
-    all: s,
+    all: a,
     aall: n,
     isLoading: l,
     server: f,
-    banner: u,
+    banner: d,
     record: i,
     admin: m,
-    destroy: g,
-    index: d,
+    destroy: V,
+    index: u,
     show: h,
-    store: b,
-    update: V
+    store: k,
+    update: y
   };
 }), Kn = { class: "text-caption" }, es = { class: "text-caption" }, ts = /* @__PURE__ */ $({
   __name: "VoNotificationsDialog",
@@ -2824,112 +2824,112 @@ const Ke = W("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(), o = ve(), s = Me(), n = Te(), i = P(), l = j(), u = O(["read"]), f = re(c, "modelValue");
+    const t = le(), o = ve(), a = je(), n = Fe(), i = P(), l = F(), d = A(["read"]), f = re(c, "modelValue");
     return B(o, async () => {
       if (o.value.one !== "notifications") {
         f.value && (f.value = !1);
         return;
       }
       i.isOpen = !0, await pe(), f.value = !0;
-    }, { immediate: !0 }), (d, h) => {
-      const b = J, V = Xn, g = En, m = we;
+    }, { immediate: !0 }), (u, h) => {
+      const k = J, y = Xn, V = En, m = xe;
       return p(), _(m, {
         modelValue: f.value,
         "onUpdate:modelValue": h[2] || (h[2] = (v) => f.value = v),
-        "prepend-icon": `svg:${t(to)}`,
+        "prepend-icon": `svg:${e(to)}`,
         title: "Notifications"
       }, {
         default: r(() => [
-          a($e, null, {
+          s(ke, null, {
             default: r(() => [
-              a(wo, {
-                location: t(e).mobile.value ? "top" : "start",
+              s(wo, {
+                location: e(t).mobile.value ? "top" : "start",
                 permanent: "",
-                width: t(e).mobile.value ? 128 : 168
+                width: e(t).mobile.value ? 128 : 168
               }, {
                 default: r(() => [
-                  a(ae, {
-                    selected: t(u),
-                    "onUpdate:selected": h[0] || (h[0] = (v) => se(u) ? u.value = v : null),
+                  s(ae, {
+                    selected: e(d),
+                    "onUpdate:selected": h[0] || (h[0] = (v) => se(d) ? d.value = v : null),
                     class: "px-4 pt-4",
                     density: "compact",
                     mandatory: "",
                     nav: ""
                   }, {
                     default: r(() => [
-                      a(b, {
-                        "prepend-icon": `svg:${t(oo)}`,
+                      s(k, {
+                        "prepend-icon": `svg:${e(oo)}`,
                         title: "Unread",
                         value: "read"
                       }, R({ _: 2 }, [
-                        t(n).unread.length > 0 ? {
+                        e(n).unread.length > 0 ? {
                           name: "append",
                           fn: r(() => [
-                            y("span", Kn, C(t(n).unread.length), 1)
+                            g("span", Kn, C(e(n).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
-                      a(b, {
-                        "prepend-icon": `svg:${t(no)}`,
+                      s(k, {
+                        "prepend-icon": `svg:${e(no)}`,
                         title: "Read",
                         value: "unread"
                       }, R({ _: 2 }, [
-                        t(n).read.length > 0 ? {
+                        e(n).read.length > 0 ? {
                           name: "append",
                           fn: r(() => [
-                            y("span", es, C(t(n).read.length), 1)
+                            g("span", es, C(e(n).read.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
-                      t(s).all.length > 0 && t(l).notifications.banners ? (p(), _(b, {
+                      e(a).all.length > 0 && e(l).notifications.banners ? (p(), _(k, {
                         key: 0,
-                        "prepend-icon": `svg:${t(so)}`,
+                        "prepend-icon": `svg:${e(so)}`,
                         title: "Banners",
                         value: "banners"
                       }, {
                         append: r(() => [
-                          a(Je, {
+                          s(Je, {
                             dot: "",
                             "offset-y": "-3"
                           })
                         ]),
                         _: 1
-                      }, 8, ["prepend-icon"])) : S("", !0)
+                      }, 8, ["prepend-icon"])) : w("", !0)
                     ]),
                     _: 1
                   }, 8, ["selected"])
                 ]),
                 _: 1
               }, 8, ["location", "width"]),
-              a(xe, { scrollable: "" }, {
+              s($e, { scrollable: "" }, {
                 default: r(() => [
-                  a(mt, {
-                    modelValue: t(u),
-                    "onUpdate:modelValue": h[1] || (h[1] = (v) => se(u) ? u.value = v : null)
+                  s(mt, {
+                    modelValue: e(d),
+                    "onUpdate:modelValue": h[1] || (h[1] = (v) => se(d) ? d.value = v : null)
                   }, {
                     default: r(() => [
-                      a(ge, { value: "read" }, {
+                      s(ge, { value: "read" }, {
                         default: r(() => [
-                          a(V, {
-                            items: t(n).unread
+                          s(y, {
+                            items: e(n).unread
                           }, null, 8, ["items"])
                         ]),
                         _: 1
                       }),
-                      a(ge, { value: "unread" }, {
+                      s(ge, { value: "unread" }, {
                         default: r(() => [
-                          a(V, {
-                            items: t(n).read
+                          s(y, {
+                            items: e(n).read
                           }, null, 8, ["items"])
                         ]),
                         _: 1
                       }),
-                      a(ge, { value: "banners" }, {
+                      s(ge, { value: "banners" }, {
                         default: r(() => [
-                          a(g, {
-                            items: t(s).all
+                          s(V, {
+                            items: e(a).all
                           }, null, 8, ["items"])
                         ]),
                         _: 1
@@ -2951,14 +2951,14 @@ const Ke = W("settings", () => {
 }), os = /* @__PURE__ */ $({
   __name: "VoNotificationsBadge",
   setup(c) {
-    const e = Te(), o = j();
-    return (s, n) => (p(), _(Je, {
+    const t = Fe(), o = F();
+    return (a, n) => (p(), _(Je, {
       color: "error",
-      content: t(e).unread.length,
-      "model-value": t(o).notifications.show && t(e).unread.length > 0
+      content: e(t).unread.length,
+      "model-value": e(o).notifications.show && e(t).unread.length > 0
     }, {
       default: r(() => [
-        z(s.$slots, "default")
+        z(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["content", "model-value"]));
@@ -2966,74 +2966,74 @@ const Ke = W("settings", () => {
 }), ns = /* @__PURE__ */ $({
   __name: "VoNotificationsNavItem",
   setup(c) {
-    const e = Me(), o = j(), s = Te(), n = O(!1);
-    return We(async () => {
-      s.index(), e.index();
+    const t = je(), o = F(), a = Fe(), n = A(!1);
+    return qe(async () => {
+      a.index(), t.index();
     }), (i, l) => {
-      const u = os, f = ts, d = J;
-      return t(o).notifications.show ? (p(), _(d, {
+      const d = os, f = ts, u = J;
+      return e(o).notifications.show ? (p(), _(u, {
         key: 0,
-        active: t(n),
+        active: e(n),
         link: "",
-        "prepend-icon": `svg:${t(ao)}`,
+        "prepend-icon": `svg:${e(ao)}`,
         title: "Notifications"
       }, R({
         default: r(() => [
-          a(f, {
-            modelValue: t(n),
+          s(f, {
+            modelValue: e(n),
             "onUpdate:modelValue": l[0] || (l[0] = (h) => se(n) ? n.value = h : null)
           }, null, 8, ["modelValue"])
         ]),
         _: 2
       }, [
-        t(s).unread.length ? {
+        e(a).unread.length ? {
           name: "prepend",
           fn: r(() => [
-            a(u, null, {
+            s(d, null, {
               default: r(() => [
-                a(D)
+                s(D)
               ]),
               _: 1
             })
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["active", "prepend-icon"])) : S("", !0);
+      ]), 1032, ["active", "prepend-icon"])) : w("", !0);
     };
   }
 }), ss = /* @__PURE__ */ $({
   __name: "VoDashboardNavItem",
   setup(c) {
-    const e = P();
-    return (o, s) => {
+    const t = P();
+    return (o, a) => {
       const n = J;
       return p(), _(n, {
-        "prepend-icon": `svg:${t(io)}`,
+        "prepend-icon": `svg:${e(io)}`,
         title: "Dashboard",
         to: "/user/dashboard",
-        onClick: s[0] || (s[0] = (i) => t(e).isOpen = !1)
+        onClick: a[0] || (a[0] = (i) => e(t).isOpen = !1)
       }, null, 8, ["prepend-icon"]);
     };
   }
 }), as = /* @__PURE__ */ $({
   __name: "VoUserList",
   setup(c) {
-    const e = M();
-    return (o, s) => {
-      const n = ss, i = ns, l = Fn, u = In, f = gn, d = Zo, h = Ho;
+    const t = M();
+    return (o, a) => {
+      const n = ss, i = ns, l = Fn, d = In, f = gn, u = Zo, h = Ho;
       return p(), _(ae, {
         density: "compact",
         nav: "",
         slim: ""
       }, {
         default: r(() => [
-          a(n),
-          a(i),
-          a(l),
-          a(u),
-          t(e).user ? (p(), _(f, { key: 0 })) : S("", !0),
-          a(d),
-          t(e).user ? (p(), _(h, { key: 1 })) : S("", !0)
+          s(n),
+          s(i),
+          s(l),
+          s(d),
+          e(t).user ? (p(), _(f, { key: 0 })) : w("", !0),
+          s(u),
+          e(t).user ? (p(), _(h, { key: 1 })) : w("", !0)
         ]),
         _: 1
       });
@@ -3042,31 +3042,31 @@ const Ke = W("settings", () => {
 }), is = { key: 0 }, rs = { class: "d-flex align-center justify-center pa-1 ga-2" }, ls = /* @__PURE__ */ $({
   __name: "VoUserQuickActions",
   setup(c) {
-    const e = j(), o = [
+    const t = F(), o = [
       ["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]
-    ], s = [
+    ], a = [
       ["M21.57 19.41L18.36 16.41C19.7242 14.5916 20.3549 12.3267 20.127 10.065C19.8991 7.80316 18.8293 5.70969 17.1298 4.19992C15.4303 2.69016 13.2254 1.87444 10.9525 1.91463C8.67959 1.95481 6.50486 2.84796 4.8598 4.41685C3.21475 5.98575 2.21959 8.11573 2.07179 10.3842C1.924 12.6526 2.63436 14.8937 4.06193 16.6628C5.4895 18.4319 7.52995 19.5997 9.77841 19.9344C12.0269 20.2692 14.319 19.7465 16.2 18.47L19.5 21.6C19.7743 21.8507 20.1287 21.996 20.5 22.01C20.7053 22.0117 20.9087 21.9698 21.0966 21.8871C21.2845 21.8043 21.4527 21.6826 21.59 21.53C21.729 21.3901 21.8389 21.224 21.9132 21.0413C21.9875 20.8586 22.0248 20.663 22.0229 20.4658C22.0211 20.2686 21.9801 20.0737 21.9023 19.8925C21.8246 19.7113 21.7116 19.5473 21.57 19.41ZM11.1 17.33C9.83508 17.328 8.59909 16.9512 7.54815 16.2472C6.49721 15.5432 5.67846 14.5436 5.1953 13.3746C4.71214 12.2055 4.58624 10.9195 4.8335 9.67898C5.08077 8.43843 5.6901 7.29898 6.58455 6.40453C7.47901 5.51007 8.61846 4.90074 9.85901 4.65347C11.0996 4.40621 12.3856 4.53211 13.5546 5.01527C14.7236 5.49843 15.7233 6.31718 16.4273 7.36812C17.1313 8.41906 17.5081 9.65506 17.51 10.92C17.51 11.7618 17.3442 12.5953 17.0221 13.373C16.7 14.1507 16.2278 14.8573 15.6326 15.4526C15.0374 16.0478 14.3307 16.5199 13.553 16.8421C12.7753 17.1642 11.9418 17.33 11.1 17.33Z", 0.8],
       "M8.63152 12.7367L8.50057 12.5L6 8H11.263L8.63152 12.7367Z",
       ["M9.11205 13.6004L11 17L16 8H12.223L9.11205 13.6004Z", 0.6]
     ];
     return (n, i) => (p(), _(me, null, {
       default: r(() => [
-        t(e).quickbar ? (p(), L("div", is, [
-          y("div", rs, [
-            a(q, {
+        e(t).quickbar ? (p(), L("div", is, [
+          g("div", rs, [
+            s(q, {
               class: "text-caption",
-              color: t(e).colors.one,
+              color: e(t).colors.one,
               density: "comfortable",
               href: "https://play.vuetifyjs.com",
               icon: "$vuetify-play",
               target: "_blank"
             }, {
               default: r(() => [
-                a(D),
-                a(ee, {
+                s(D),
+                s(ee, {
                   activator: "parent",
                   location: "top",
                   text: "Vuetify Play"
@@ -3074,17 +3074,17 @@ const Ke = W("settings", () => {
               ]),
               _: 1
             }, 8, ["color"]),
-            a(q, {
+            s(q, {
               class: "text-caption",
-              color: t(e).colors.one,
+              color: e(t).colors.one,
               density: "comfortable",
               href: "https://bin.vuetifyjs.com",
               icon: o,
               target: "_blank"
             }, {
               default: r(() => [
-                a(D),
-                a(ee, {
+                s(D),
+                s(ee, {
                   activator: "parent",
                   location: "top",
                   text: "Vuetify Bin"
@@ -3092,17 +3092,17 @@ const Ke = W("settings", () => {
               ]),
               _: 1
             }, 8, ["color"]),
-            a(q, {
+            s(q, {
               class: "text-caption",
-              color: t(e).colors.one,
+              color: e(t).colors.one,
               density: "comfortable",
               href: "https://issues.vuetifyjs.com",
-              icon: s,
+              icon: a,
               target: "_blank"
             }, {
               default: r(() => [
-                a(D),
-                a(ee, {
+                s(D),
+                s(ee, {
                   activator: "parent",
                   location: "top",
                   text: "Vuetify Issues"
@@ -3111,7 +3111,7 @@ const Ke = W("settings", () => {
               _: 1
             }, 8, ["color"])
           ])
-        ])) : S("", !0)
+        ])) : w("", !0)
       ]),
       _: 1
     }));
@@ -3119,8 +3119,8 @@ const Ke = W("settings", () => {
 }), cs = { class: "mb-2" }, us = { key: 0 }, ds = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, ps = { class: "text-h6" }, ms = /* @__PURE__ */ $({
   __name: "VoUserAvatar",
   setup(c) {
-    const e = M(), o = j(), s = O(!1), n = w(() => {
-      const u = [
+    const t = M(), o = F(), a = A(!1), n = S(() => {
+      const d = [
         "https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/grass.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/wood.png",
@@ -3136,34 +3136,34 @@ const Ke = W("settings", () => {
         "https://cdn.vuetifyjs.com/docs/images/avatars/meteor.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/tada.png"
       ];
-      return e.user && u.unshift(e.user.picture), u;
+      return t.user && d.unshift(t.user.picture), d;
     });
-    function i(u) {
-      o.avatar = u;
+    function i(d) {
+      o.avatar = d;
     }
     function l() {
-      e.isSubscriber && (s.value = !s.value);
+      t.isSubscriber && (a.value = !a.value);
     }
-    return (u, f) => {
-      var d;
+    return (d, f) => {
+      var u;
       return p(), L("div", null, [
-        Ae((p(), _(Q, {
+        De((p(), _(Q, {
           class: Ct([
             "border-md border-opacity-100 border-surface-variant",
             {
-              "cursor-pointer": t(e).isSubscriber
+              "cursor-pointer": e(t).isSubscriber
             }
           ]),
           color: "surface",
           size: "72",
           text: "Foobar",
-          onClick: qe(l, ["prevent", "stop"])
+          onClick: Ee(l, ["prevent", "stop"])
         }, {
           default: r(() => [
-            t(e).user && t(o).avatar ? (p(), _(Y, {
+            e(t).user && e(o).avatar ? (p(), _(Y, {
               key: 0,
               alt: "User avatar",
-              src: t(o).avatar
+              src: e(o).avatar
             }, null, 8, ["src"])) : (p(), _(D, {
               key: 1,
               class: "mt-1",
@@ -3173,28 +3173,28 @@ const Ke = W("settings", () => {
           ]),
           _: 1
         }, 8, ["class"])), [
-          [So, t(e).isSubscriber]
+          [So, e(t).isSubscriber]
         ]),
-        y("div", cs, [
-          a(me, null, {
+        g("div", cs, [
+          s(me, null, {
             default: r(() => [
-              t(s) ? (p(), L("div", us, [
-                a(E, {
+              e(a) ? (p(), L("div", us, [
+                s(E, {
                   class: "pt-6 pb-1",
                   flat: "",
                   rounded: "0"
                 }, {
                   default: r(() => [
-                    y("div", ds, [
-                      (p(!0), L(U, null, ne(t(n), (h, b) => (p(), _(q, {
-                        key: b,
-                        active: t(o).avatar === h,
+                    g("div", ds, [
+                      (p(!0), L(U, null, ne(e(n), (h, k) => (p(), _(q, {
+                        key: k,
+                        active: e(o).avatar === h,
                         icon: "",
                         variant: "flat",
-                        onClick: (V) => i(h)
+                        onClick: (y) => i(h)
                       }, {
                         default: r(() => [
-                          a(Q, {
+                          s(Q, {
                             eager: "",
                             image: h
                           }, null, 8, ["image"])
@@ -3205,23 +3205,23 @@ const Ke = W("settings", () => {
                   ]),
                   _: 1
                 })
-              ])) : S("", !0)
+              ])) : w("", !0)
             ]),
             _: 1
           })
         ]),
-        y("div", ps, C(((d = t(e).user) == null ? void 0 : d.name) ?? "Guest"), 1)
+        g("div", ps, C(((u = e(t).user) == null ? void 0 : u.name) ?? "Guest"), 1)
       ]);
     };
   }
 }), fs = /* @__PURE__ */ $({
   __name: "VoUserBadges",
   setup(c) {
-    const e = M(), o = P(), s = w(() => {
+    const t = M(), o = P(), a = S(() => {
       var n;
-      return o.github || o.discord || o.isSubscriber || ((n = e.user) == null ? void 0 : n.isAdmin);
+      return o.github || o.discord || o.isSubscriber || ((n = t.user) == null ? void 0 : n.isAdmin);
     });
-    return (n, i) => t(s) ? (p(), _(ye, {
+    return (n, i) => e(a) ? (p(), _(ye, {
       key: 0,
       class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
       color: "rgba(0,0,0,.54)",
@@ -3231,62 +3231,62 @@ const Ke = W("settings", () => {
       default: r(() => {
         var l;
         return [
-          (l = t(e).user) != null && l.isAdmin ? (p(), _(ee, {
+          (l = e(t).user) != null && l.isAdmin ? (p(), _(ee, {
             key: 0,
             location: "bottom",
             text: "Vuetify Administrator"
           }, {
-            activator: r(({ props: u }) => [
-              a(D, H({
+            activator: r(({ props: d }) => [
+              s(D, H({
                 color: "blue",
                 icon: "$vuetify"
-              }, u, { size: "16" }), null, 16)
+              }, d, { size: "16" }), null, 16)
             ]),
             _: 1
-          })) : S("", !0),
-          t(o).isSubscriber ? (p(), _(ee, {
+          })) : w("", !0),
+          e(o).isSubscriber ? (p(), _(ee, {
             key: 1,
             location: "bottom",
             text: "Vuetify One Subscriber"
           }, {
-            activator: r(({ props: u }) => [
-              a(D, H({
+            activator: r(({ props: d }) => [
+              s(D, H({
                 color: "amber-darken-2",
-                icon: `svg:${t(ro)}`
-              }, u, { size: "16" }), null, 16, ["icon"])
+                icon: `svg:${e(ro)}`
+              }, d, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
-          })) : S("", !0),
-          t(o).github ? (p(), _(ee, {
+          })) : w("", !0),
+          e(o).github ? (p(), _(ee, {
             key: 2,
             location: "bottom",
             text: "GitHub Sponsor"
           }, {
-            activator: r(({ props: u }) => [
-              a(D, H({
+            activator: r(({ props: d }) => [
+              s(D, H({
                 color: "white",
-                icon: `svg:${t(Ye)}`
-              }, u, { size: "16" }), null, 16, ["icon"])
+                icon: `svg:${e(Ye)}`
+              }, d, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
-          })) : S("", !0),
-          t(o).discord ? (p(), _(ee, {
+          })) : w("", !0),
+          e(o).discord ? (p(), _(ee, {
             key: 3,
             location: "bottom",
             text: "Discord Subscriber"
           }, {
-            activator: r(({ props: u }) => [
-              a(D, H({
+            activator: r(({ props: d }) => [
+              s(D, H({
                 color: "white",
-                icon: `svg:${t(Qe)}`
-              }, u, { size: "16" }), null, 16, ["icon"])
+                icon: `svg:${e(Qe)}`
+              }, d, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
-          })) : S("", !0)
+          })) : w("", !0)
         ];
       }),
       _: 1
-    })) : S("", !0);
+    })) : w("", !0);
   }
 }), vs = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, hs = {
   key: "reset",
@@ -3294,15 +3294,15 @@ const Ke = W("settings", () => {
 }, _s = /* @__PURE__ */ $({
   __name: "VoUserColors",
   setup(c) {
-    const e = M(), o = j(), s = O(!1);
+    const t = M(), o = F(), a = A(!1);
     function n() {
       o.colors.one = "surface-light";
     }
     return (i, l) => {
-      const u = fs, f = fe;
+      const d = fs, f = fe;
       return p(), L(U, null, [
-        a(Y, {
-          color: t(e).user ? t(o).colors.one : "surface-light",
+        s(Y, {
+          color: e(t).user ? e(o).colors.one : "surface-light",
           "content-class": "d-flex align-start justify-end pa-2",
           cover: "",
           flat: "",
@@ -3310,46 +3310,46 @@ const Ke = W("settings", () => {
           rounded: "0"
         }, {
           default: r(() => [
-            y("div", vs, [
-              a(u),
-              t(e).isSubscriber ? (p(), _(f, {
+            g("div", vs, [
+              s(d),
+              e(t).isSubscriber ? (p(), _(f, {
                 key: 0,
-                active: t(s),
+                active: e(a),
                 class: "align-self-end",
                 color: "inherit",
                 density: "comfortable",
-                icon: t(s) ? `svg:${t(Oe)}` : "$edit",
+                icon: e(a) ? `svg:${e(Ae)}` : "$edit",
                 title: "Edit One Header Color",
-                variant: t(s) ? "text" : "plain",
-                onClick: l[0] || (l[0] = (d) => s.value = !t(s))
+                variant: e(a) ? "text" : "plain",
+                onClick: l[0] || (l[0] = (u) => a.value = !e(a))
               }, {
                 default: r(() => [
-                  a(Ue, { "leave-absolute": "" }, {
+                  s(Be, { "leave-absolute": "" }, {
                     default: r(() => [
                       (p(), _(D, {
-                        key: String(t(s))
+                        key: String(e(a))
                       }))
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
-              }, 8, ["active", "icon", "variant"])) : S("", !0),
-              a(go, null, {
+              }, 8, ["active", "icon", "variant"])) : w("", !0),
+              s(go, null, {
                 default: r(() => [
-                  Ae(y("div", hs, [
-                    a(f, {
+                  De(g("div", hs, [
+                    s(f, {
                       class: "ms-2 me-1",
                       color: "inherit",
                       density: "comfortable",
-                      disabled: t(o).colors.one === "surface-light",
-                      icon: `svg:${t(lo)}`,
+                      disabled: e(o).colors.one === "surface-light",
+                      icon: `svg:${e(lo)}`,
                       title: "Revert to Default",
                       variant: "text",
                       onClick: n
                     }, null, 8, ["disabled", "icon"])
                   ], 512), [
-                    [Ze, t(s)]
+                    [Ge, e(a)]
                   ])
                 ]),
                 _: 1
@@ -3358,22 +3358,22 @@ const Ke = W("settings", () => {
           ]),
           _: 1
         }, 8, ["color"]),
-        a(me, null, {
+        s(me, null, {
           default: r(() => [
-            t(s) ? (p(), _(Co, {
+            e(a) ? (p(), _(Co, {
               key: 0,
               elevation: "0",
               height: "250",
               "hide-canvas": "",
               "hide-inputs": "",
               "hide-sliders": "",
-              "model-value": t(o).colors.one !== "surface-light" ? t(o).colors.one : void 0,
+              "model-value": e(o).colors.one !== "surface-light" ? e(o).colors.one : void 0,
               rounded: "0",
               "show-swatches": "",
               "swatches-max-height": "200",
               width: "278",
-              "onUpdate:modelValue": l[1] || (l[1] = (d) => t(o).colors.one = d)
-            }, null, 8, ["model-value"])) : S("", !0)
+              "onUpdate:modelValue": l[1] || (l[1] = (u) => e(o).colors.one = u)
+            }, null, 8, ["model-value"])) : w("", !0)
           ]),
           _: 1
         })
@@ -3383,17 +3383,17 @@ const Ke = W("settings", () => {
 }), gs = { class: "text-center mt-n9 mb-4" }, ys = /* @__PURE__ */ $({
   __name: "VoUserMenu",
   setup(c) {
-    const e = Me(), o = P(), s = A();
-    return B(() => e.banner, async () => {
+    const t = je(), o = P(), a = O();
+    return B(() => t.banner, async () => {
       var n, i;
-      await new Promise((l) => setTimeout(l, 300)), o.isOpen && ((i = (n = s.value) == null ? void 0 : n.updateLocation) == null || i.call(n));
+      await new Promise((l) => setTimeout(l, 300)), o.isOpen && ((i = (n = a.value) == null ? void 0 : n.updateLocation) == null || i.call(n));
     }, { flush: "pre" }), (n, i) => {
-      const l = _s, u = ms, f = ls, d = as, h = gt;
-      return p(), _(t(Lo), {
+      const l = _s, d = ms, f = ls, u = as, h = gt;
+      return p(), _(e(Lo), {
         ref_key: "menu",
-        ref: s,
-        modelValue: t(o).isOpen,
-        "onUpdate:modelValue": i[0] || (i[0] = (b) => t(o).isOpen = b),
+        ref: a,
+        modelValue: e(o).isOpen,
+        "onUpdate:modelValue": i[0] || (i[0] = (k) => e(o).isOpen = k),
         activator: "parent",
         "close-on-click": !1,
         "close-on-content-click": !1,
@@ -3401,21 +3401,21 @@ const Ke = W("settings", () => {
         location: "bottom end"
       }, {
         default: r(() => [
-          a(E, {
+          s(E, {
             border: "",
             rounded: "lg",
             width: "280"
           }, {
             default: r(() => [
-              a(l),
-              y("div", gs, [
-                a(u),
-                a(f)
+              s(l),
+              g("div", gs, [
+                s(d),
+                s(f)
               ]),
-              a(Z),
-              a(d),
-              a(Z),
-              a(h)
+              s(Z),
+              s(u),
+              s(Z),
+              s(h)
             ]),
             _: 1
           })
@@ -3430,40 +3430,40 @@ const Ke = W("settings", () => {
     external: Boolean
   },
   setup(c) {
-    const e = M(), o = P(), s = j(), { lgAndUp: n } = le(), i = w(() => o.isOpen || !e.user ? s.colors.one === "surface-light" ? "primary" : s.colors.one : "surface-light");
-    return (l, u) => {
-      const f = ys, d = fe, h = Mo, b = _t;
+    const t = M(), o = P(), a = F(), { lgAndUp: n } = le(), i = S(() => o.isOpen || !t.user ? a.colors.one === "surface-light" ? "primary" : a.colors.one : "surface-light");
+    return (l, d) => {
+      const f = ys, u = fe, h = Mo, k = _t;
       return p(), L(U, null, [
-        a(h, {
-          "offset-y": t(e).user ? 5 : 0
+        s(h, {
+          "offset-y": e(t).user ? 5 : 0
         }, {
           default: r(() => [
-            a(d, H({
-              [`${t(n) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(co)}`
+            s(u, H({
+              [`${e(n) ? "append-" : ""}icon`]: e(t).user ? void 0 : `svg:${e(co)}`
             }, {
               active: "",
               class: "vo-auth-btn",
-              color: t(i),
-              icon: t(e).user || t(e).isLoading,
-              loading: t(e).isLoading,
+              color: e(i),
+              icon: e(t).user || e(t).isLoading,
+              loading: e(t).isLoading,
               size: "default",
               style: { transition: ".2s ease" },
-              variant: t(e).user ? "outlined" : "flat"
+              variant: e(t).user ? "outlined" : "flat"
             }), {
               default: r(() => [
-                t(e).user ? S("", !0) : (p(), L("span", bs, "Login")),
-                t(e).user ? (p(), _(Q, {
+                e(t).user ? w("", !0) : (p(), L("span", bs, "Login")),
+                e(t).user ? (p(), _(Q, {
                   key: 1,
-                  image: t(s).avatar || t(e).user.picture || ""
-                }, null, 8, ["image"])) : S("", !0),
-                a(f)
+                  image: e(a).avatar || e(t).user.picture || ""
+                }, null, 8, ["image"])) : w("", !0),
+                s(f)
               ]),
               _: 1
             }, 16, ["color", "icon", "loading", "variant"])
           ]),
           _: 1
         }, 8, ["offset-y"]),
-        a(b)
+        s(k)
       ], 64);
     };
   }
@@ -3476,36 +3476,36 @@ const Ke = W("settings", () => {
     image: {}
   },
   setup(c) {
-    return (e, o) => (p(), _(Io, {
+    return (t, o) => (p(), _(Io, {
       class: "vo-footer",
       height: "40"
     }, {
       default: r(() => [
-        e.image || e.$slots.image ? (p(), L("div", ks, [
-          e.$slots.image ? z(e.$slots, "image", { key: 0 }, void 0, !0) : (p(), _(Y, {
+        t.image || t.$slots.image ? (p(), L("div", ks, [
+          t.$slots.image ? z(t.$slots, "image", { key: 0 }, void 0, !0) : (p(), _(Y, {
             key: 1,
             cover: "",
             position: "left",
-            src: e.image
+            src: t.image
           }, null, 8, ["src"]))
-        ])) : S("", !0),
-        z(e.$slots, "default", {}, void 0, !0)
+        ])) : w("", !0),
+        z(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }));
   }
-}), Vt = (c, e) => {
+}), Vt = (c, t) => {
   const o = c.__vccOpts || c;
-  for (const [s, n] of e)
-    o[s] = n;
+  for (const [a, n] of t)
+    o[a] = n;
   return o;
 }, kt = /* @__PURE__ */ Vt($s, [["__scopeId", "data-v-3135ada5"]]), xs = (c) => (Lt("data-v-584be7b0"), c = c(), It(), c), ws = ["href", "title"], Ss = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, Cs = /* @__PURE__ */ xs(() => /* @__PURE__ */ y("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Ls = /* @__PURE__ */ $({
+}, Cs = /* @__PURE__ */ xs(() => /* @__PURE__ */ g("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Ls = /* @__PURE__ */ $({
   __name: "VoSocialFooter",
   setup(c) {
-    const e = Ke(), o = [
+    const t = Ke(), o = [
       {
         title: "Vuetify Documentation",
         icon: "$vuetify",
@@ -3537,15 +3537,15 @@ const Ke = W("settings", () => {
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
-    return (s, n) => {
+    return (a, n) => {
       const i = kt;
       return p(), _(i, {
         class: "vo-footer",
         height: "40",
-        image: t(e).suit.footer
+        image: e(t).suit.footer
       }, R({
         default: r(() => [
-          (p(), L(U, null, ne(o, (l) => y("a", {
+          (p(), L(U, null, ne(o, (l) => g("a", {
             key: l.title,
             class: "d-inline-block mx-2 social-link",
             href: l.href,
@@ -3553,22 +3553,22 @@ const Ke = W("settings", () => {
             target: "_blank",
             title: l.title
           }, [
-            a(D, {
+            s(D, {
               icon: l.icon,
               size: l.icon === "$vuetify" ? 24 : 16
             }, null, 8, ["icon", "size"])
           ], 8, ws)), 64)),
-          y("div", Ss, [
-            F(" © 2016-" + C((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+          g("div", Ss, [
+            T(" © 2016-" + C((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
             Cs
           ])
         ]),
         _: 2
       }, [
-        s.$slots.image ? {
+        a.$slots.image ? {
           name: "image",
           fn: r(() => [
-            z(s.$slots, "image", {}, void 0, !0)
+            z(a.$slots, "image", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0
@@ -3581,119 +3581,119 @@ const Ke = W("settings", () => {
     demo: { type: Boolean }
   },
   setup(c) {
-    const e = c, { mdAndUp: o } = le(), s = Be(), n = j(), i = Me(), l = w(() => i.banner), u = w(() => {
-      var V, g;
-      return ((V = l.value) == null ? void 0 : V.metadata.height) || ((g = l.value) != null && g.metadata.subtext ? 88 : 48);
-    }), f = w(() => e.demo ? !0 : !l.value || !n.notifications.last.banner.includes(l.value.slug));
-    function d() {
+    const t = c, { mdAndUp: o } = le(), a = Ne(), n = F(), i = je(), l = S(() => i.banner), d = S(() => {
+      var y, V;
+      return ((y = l.value) == null ? void 0 : y.metadata.height) || ((V = l.value) != null && V.metadata.subtext ? 88 : 48);
+    }), f = S(() => t.demo ? !0 : !l.value || !n.notifications.last.banner.includes(l.value.slug));
+    function u() {
       l.value && n.notifications.last.banner.push(l.value.slug);
     }
-    async function h(V) {
+    async function h(y) {
       var v;
       if (!l.value)
         return;
-      d(), await pe();
-      const g = ((v = l.value) == null ? void 0 : v.metadata) ?? { link: "" };
-      if (g.link.indexOf("?one=") === -1)
+      u(), await pe();
+      const V = ((v = l.value) == null ? void 0 : v.metadata) ?? { link: "" };
+      if (V.link.indexOf("?one=") === -1)
         return;
-      V.preventDefault(), V.stopPropagation();
-      const m = g.link.split("?one=")[1];
-      s.push({ query: { one: m } });
+      y.preventDefault(), y.stopPropagation();
+      const m = V.link.split("?one=")[1];
+      a.push({ query: { one: m } });
     }
-    const b = w(() => {
-      var g, m;
-      const V = ((g = l.value) == null ? void 0 : g.metadata) ?? { link: "" };
+    const k = S(() => {
+      var V, m;
+      const y = ((V = l.value) == null ? void 0 : V.metadata) ?? { link: "" };
       return {
-        href: V.link.startsWith("http") ? V.link : void 0,
-        target: V.link.startsWith("http") ? "_blank" : void 0,
-        to: V.link.startsWith("http") ? void 0 : V.link,
+        href: y.link.startsWith("http") ? y.link : void 0,
+        target: y.link.startsWith("http") ? "_blank" : void 0,
+        to: y.link.startsWith("http") ? void 0 : y.link,
         ...(m = l.value) == null ? void 0 : m.metadata.attributes,
         onClick: h
       };
     });
-    return (V, g) => {
+    return (y, V) => {
       var m;
-      return t(l) ? (p(), _(Do, {
+      return e(l) ? (p(), _(Do, {
         key: 0,
-        color: t(l).metadata.color,
+        color: e(l).metadata.color,
         flat: "",
-        height: t(u),
-        image: (m = t(l).metadata.images.bg) == null ? void 0 : m.url,
-        "model-value": t(f),
+        height: e(d),
+        image: (m = e(l).metadata.images.bg) == null ? void 0 : m.url,
+        "model-value": e(f),
         order: "-1"
       }, {
         default: r(() => [
-          a(ke, H(t(b), {
+          s(Ve, H(e(k), {
             active: !1,
             class: "flex-grow-1 py-6",
             lines: "two",
             onClick: h
           }), {
             prepend: r(() => [
-              t(l).metadata.images.logo ? (p(), _(Q, {
+              e(l).metadata.images.logo ? (p(), _(Q, {
                 key: 0,
                 icon: "$vuetify",
-                image: t(l).metadata.images.logo.url,
+                image: e(l).metadata.images.logo.url,
                 size: "x-large",
                 tile: ""
-              }, null, 8, ["image"])) : S("", !0)
+              }, null, 8, ["image"])) : w("", !0)
             ]),
             append: r(() => [
-              t(o) && t(l).metadata.link && t(l).metadata.link_text ? (p(), _(Fe, { key: 0 }, {
-                default: r(({ isHovering: v, props: k }) => [
-                  a(q, H({
-                    ...k,
-                    ...t(b)
+              e(o) && e(l).metadata.link && e(l).metadata.link_text ? (p(), _(ze, { key: 0 }, {
+                default: r(({ isHovering: v, props: b }) => [
+                  s(q, H({
+                    ...b,
+                    ...e(k)
                   }, {
-                    "append-icon": `svg:${t(Ne)}`,
+                    "append-icon": `svg:${e(Oe)}`,
                     class: "text-none me-2",
-                    color: t(l).metadata.link_color,
+                    color: e(l).metadata.link_color,
                     elevation: v ? 8 : 0,
-                    title: t(l).metadata.link_text,
+                    title: e(l).metadata.link_text,
                     variant: "elevated",
                     onClick: h
                   }), {
                     default: r(() => [
-                      F(C(t(l).metadata.link_text), 1)
+                      T(C(e(l).metadata.link_text), 1)
                     ]),
                     _: 2
                   }, 1040, ["append-icon", "color", "elevation", "title"])
                 ]),
                 _: 1
-              })) : S("", !0),
-              t(l).metadata.closable ? (p(), _(q, {
+              })) : w("", !0),
+              e(l).metadata.closable ? (p(), _(q, {
                 key: 1,
                 class: "ms-6 me-2",
                 density: "comfortable",
-                disabled: V.demo,
+                disabled: y.demo,
                 icon: "$clear",
                 size: "small",
                 variant: "plain",
-                onClick: qe(d, ["prevent", "stop"])
-              }, null, 8, ["disabled"])) : S("", !0)
+                onClick: Ee(u, ["prevent", "stop"])
+              }, null, 8, ["disabled"])) : w("", !0)
             ]),
             default: r(() => [
-              t(l).metadata.text ? (p(), _(ct, {
+              e(l).metadata.text ? (p(), _(ct, {
                 key: 0,
                 class: "text-subtitle-2 text-md-subtitle-1 font-weight-medium"
               }, {
                 default: r(() => [
-                  F(C(t(l).metadata.text), 1)
+                  T(C(e(l).metadata.text), 1)
                 ]),
                 _: 1
-              })) : S("", !0),
-              t(l).metadata.subtext ? (p(), _(fo, { key: 1 }, {
+              })) : w("", !0),
+              e(l).metadata.subtext ? (p(), _(fo, { key: 1 }, {
                 default: r(() => [
-                  F(C(t(l).metadata.subtext), 1)
+                  T(C(e(l).metadata.subtext), 1)
                 ]),
                 _: 1
-              })) : S("", !0)
+              })) : w("", !0)
             ]),
             _: 1
           }, 16)
         ]),
         _: 1
-      }, 8, ["color", "height", "image", "model-value"])) : S("", !0);
+      }, 8, ["color", "height", "image", "model-value"])) : w("", !0);
     };
   }
 }), As = {
@@ -3707,7 +3707,7 @@ const Ke = W("settings", () => {
     minHeight: {}
   },
   setup(c) {
-    return (e, o) => (p(), _(E, {
+    return (t, o) => (p(), _(E, {
       class: "d-inline-flex flex-child-1 position-relative",
       color: "surface-light",
       flat: "",
@@ -3716,114 +3716,115 @@ const Ke = W("settings", () => {
       target: "_blank"
     }, R({
       default: r(() => [
-        a(Ao, {
-          "min-height": e.minHeight,
+        s(Ao, {
+          "min-height": t.minHeight,
           width: "100%"
         }, {
           default: r(() => [
-            z(e.$slots, "default")
+            z(t.$slots, "default")
           ]),
           _: 3
         }, 8, ["min-height"]),
-        e.caption ? (p(), L("div", As, C(e.caption), 1)) : S("", !0)
+        t.caption ? (p(), L("div", As, C(t.caption), 1)) : w("", !0)
       ]),
       _: 2
     }, [
-      e.$slots.prepend ? {
+      t.$slots.prepend ? {
         name: "prepend",
         fn: r(() => [
-          z(e.$slots, "prepend")
+          z(t.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      e.$slots.image ? {
+      t.$slots.image ? {
         name: "image",
         fn: r(() => [
-          z(e.$slots, "image")
+          z(t.$slots, "image")
         ]),
         key: "1"
       } : void 0
     ]), 1024));
   }
 }), et = W("promotions", () => {
-  const c = ce(), e = A([]), o = A([]), s = A(), n = O(!1), i = w(() => e.value.filter((g) => g.metadata.discoverable));
-  Ve(u);
-  function l(g) {
-    return g[Math.floor(Math.random() * g.length)];
+  const c = ce(), t = O([]), o = O([]), a = O(), n = A(!1), i = A(!1), l = S(() => t.value.filter((m) => m.metadata.discoverable));
+  Ze(f);
+  function d(m) {
+    return m[Math.floor(Math.random() * m.length)];
   }
-  async function u() {
+  async function f() {
     try {
       n.value = !0;
-      const g = await c.get("/one/promotions");
-      e.value = g.promotions;
+      const m = await c.get("/one/promotions");
+      t.value = m.promotions;
     } catch {
     } finally {
-      n.value = !1;
+      n.value = !1, i.value = !0;
     }
-    return e.value;
+    return t.value;
   }
-  async function f(g) {
+  async function u(m) {
     try {
       n.value = !0;
-      const m = await c.get(`/one/admin/promotions/${g}`);
-      return s.value = m.promotion, m.promotion;
+      const v = await c.get(`/one/admin/promotions/${m}`);
+      return a.value = v.promotion, v.promotion;
     } catch {
     } finally {
       n.value = !1;
     }
   }
-  async function d(g) {
+  async function h(m) {
     try {
       n.value = !0;
-      const m = await c.form(
+      const v = await c.form(
         "/one/admin/promotions",
-        g
+        m
       );
-      return s.value = m.promotion, m.promotion;
+      return a.value = v.promotion, v.promotion;
     } catch {
     } finally {
       n.value = !1;
     }
   }
-  async function h(g, m) {
+  async function k(m, v) {
     try {
       n.value = !0;
-      const v = await c.form(
-        `/one/admin/promotions/${g}`,
-        m
+      const b = await c.form(
+        `/one/admin/promotions/${m}`,
+        v
       );
-      return s.value = v.promotion, v.promotion;
+      return a.value = b.promotion, b.promotion;
     } catch {
     } finally {
       n.value = !1;
     }
   }
-  async function b() {
+  async function y() {
   }
   async function V() {
     try {
       n.value = !0;
-      const g = await c.get("/one/admin/promotions");
-      o.value = g.promotions;
+      const m = await c.get("/one/admin/promotions");
+      o.value = m.promotions;
     } catch {
     } finally {
       n.value = !1;
     }
-    return e.value;
+    return t.value;
   }
   return {
-    all: e,
+    all: t,
     aall: o,
     isLoading: n,
-    discoverable: i,
-    record: s,
+    hasLoaded: i,
+    discoverable: l,
+    record: a,
     admin: V,
-    destroy: b,
-    index: u,
-    random: l,
-    show: f,
-    store: d,
-    update: h
+    destroy: y,
+    index: f,
+    random: d,
+    show: u,
+    store: h,
+    update: k
   };
 }), Os = /* @__PURE__ */ $({
   __name: "VoPromotionsCardHighlight",
@@ -3831,31 +3832,34 @@ const Ke = W("settings", () => {
     slug: {}
   },
   setup(c) {
-    const e = c, o = et(), s = Xe(), n = w(() => o.record ? o.record : o.random(o.all)), i = w(() => {
-      var f, d;
-      const u = s.current.value.dark ? "logodark" : "logolight";
-      return (d = (f = n.value) == null ? void 0 : f.metadata.images[u]) == null ? void 0 : d.url;
-    }), l = w(() => {
-      var f, d;
-      const u = s.current.value.dark ? "bgdark" : "bglight";
-      return (d = (f = n.value) == null ? void 0 : f.metadata.images[u]) == null ? void 0 : d.url;
+    const t = c, o = et(), a = Xe(), n = F(), i = S(() => {
+      if (!n.disableAds)
+        return o.record ? o.record : t.slug ? o.all.find((f) => f.slug === t.slug) : o.random(o.all);
+    }), l = S(() => {
+      var u, h;
+      const f = a.current.value.dark ? "logodark" : "logolight";
+      return (h = (u = i.value) == null ? void 0 : u.metadata.images[f]) == null ? void 0 : h.url;
+    }), d = S(() => {
+      var u, h;
+      const f = a.current.value.dark ? "bgdark" : "bglight";
+      return (h = (u = i.value) == null ? void 0 : u.metadata.images[f]) == null ? void 0 : h.url;
     });
-    return Ve(async () => {
-      e.slug && await o.show(e.slug);
-    }), (u, f) => {
-      var h, b;
-      const d = $t;
-      return p(), _(d, {
+    return (f, u) => {
+      var k, y;
+      const h = $t;
+      return e(i) || !e(o).hasLoaded ? (p(), _(h, {
+        key: 0,
+        class: "mb-4",
         height: "60",
-        href: (h = t(n)) == null ? void 0 : h.metadata.url,
-        image: t(l),
+        href: (k = e(i)) == null ? void 0 : k.metadata.url,
+        image: e(d),
         "max-width": "720",
-        "prepend-avatar": t(i),
-        title: (b = t(n)) == null ? void 0 : b.metadata.short_text,
+        "prepend-avatar": e(l),
+        title: (y = e(i)) == null ? void 0 : y.metadata.short_text,
         width: "100%"
       }, R({
         default: r(() => [
-          t(n) ? S("", !0) : (p(), _(be, {
+          e(o).hasLoaded ? w("", !0) : (p(), _(be, {
             key: 0,
             class: "flex-1-0 overflow-hidden",
             color: "transparent",
@@ -3866,24 +3870,24 @@ const Ke = W("settings", () => {
         ]),
         _: 2
       }, [
-        t(n) ? {
+        e(i) ? {
           name: "prepend",
           fn: r(() => [
-            a(Q, {
+            s(Q, {
               class: "my-n4 me-4",
               size: "36"
             })
           ]),
           key: "0"
         } : void 0,
-        t(n) ? {
+        e(i) ? {
           name: "image",
           fn: r(() => [
-            a(Y, { position: "right" })
+            s(Y, { position: "right" })
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["href", "image", "prepend-avatar", "title"]);
+      ]), 1032, ["href", "image", "prepend-avatar", "title"])) : w("", !0);
     };
   }
 }), Ns = { class: "d-flex ga-4" }, Bs = { class: "d-flex align-start ga-4" }, Us = { class: "text-caption on-surface-light" }, zs = /* @__PURE__ */ $({
@@ -3892,35 +3896,37 @@ const Ke = W("settings", () => {
     slug: {}
   },
   setup(c) {
-    const e = c, o = et(), s = w(() => o.record ? o.record : o.random(o.all));
-    return Ve(async () => {
-      e.slug && await o.show(e.slug);
-    }), (n, i) => {
-      var u, f;
-      const l = $t;
-      return p(), _(l, {
+    const t = c, o = et(), a = F(), n = S(() => {
+      if (!a.disableAds)
+        return o.record ? o.record : t.slug ? o.all.find((i) => i.slug === t.slug) : o.random(o.all);
+    });
+    return (i, l) => {
+      var f, u;
+      const d = $t;
+      return e(n) || !e(o).hasLoaded ? (p(), _(d, {
+        key: 0,
         border: "",
-        class: "pa-2",
-        href: (f = (u = t(s)) == null ? void 0 : u.metadata) == null ? void 0 : f.url,
+        class: "pa-2 mb-4",
+        href: (u = (f = e(n)) == null ? void 0 : f.metadata) == null ? void 0 : u.url,
         width: "360"
       }, {
         default: r(() => {
-          var d, h, b;
+          var h, k, y;
           return [
-            y("div", Ns, [
-              t(s) ? (p(), L(U, { key: 0 }, [
-                a(Y, {
+            g("div", Ns, [
+              e(o).hasLoaded ? e(n) ? (p(), L(U, { key: 1 }, [
+                s(Y, {
                   height: "100",
                   "max-width": "130",
                   rounded: "s",
-                  src: (h = (d = t(s).metadata) == null ? void 0 : d.images.default) == null ? void 0 : h.url,
+                  src: (k = (h = e(n).metadata) == null ? void 0 : h.images.default) == null ? void 0 : k.url,
                   width: "100%"
                 }, null, 8, ["src"]),
-                y("div", Bs, [
-                  y("div", Us, C((b = t(s).metadata) == null ? void 0 : b.text), 1)
+                g("div", Bs, [
+                  g("div", Us, C((y = e(n).metadata) == null ? void 0 : y.text), 1)
                 ])
-              ], 64)) : (p(), L(U, { key: 1 }, [
-                a(be, {
+              ], 64)) : w("", !0) : (p(), L(U, { key: 0 }, [
+                s(be, {
                   class: "flex-1-0 overflow-hidden",
                   color: "transparent",
                   loading: "",
@@ -3928,7 +3934,7 @@ const Ke = W("settings", () => {
                   "min-width": "130",
                   type: "image"
                 }),
-                a(be, {
+                s(be, {
                   class: "flex-1-0 ms-n3 mt-n3",
                   color: "transparent",
                   loading: "",
@@ -3940,7 +3946,7 @@ const Ke = W("settings", () => {
           ];
         }),
         _: 1
-      }, 8, ["href"]);
+      }, 8, ["href"])) : w("", !0);
     };
   }
 }), Fs = ["href"], Ts = { class: "text-white" }, js = /* @__PURE__ */ $({
@@ -3949,47 +3955,47 @@ const Ke = W("settings", () => {
     slug: {}
   },
   setup(c) {
-    const e = c, o = et(), s = Xe(), n = w(() => o.record ? o.record : o.random(o.all)), i = w(() => {
-      var f, d;
-      const u = s.current.value.dark ? "logodark" : "logolight";
-      return (d = (f = n.value) == null ? void 0 : f.metadata.images[u]) == null ? void 0 : d.url;
-    }), l = w(() => {
-      var f, d;
-      const u = s.current.value.dark ? "bgdark" : "bglight";
-      return (d = (f = n.value) == null ? void 0 : f.metadata.images[u]) == null ? void 0 : d.url;
+    const t = c, o = et(), a = Xe(), n = S(() => o.record ? o.record : o.random(o.all)), i = S(() => {
+      var f, u;
+      const d = a.current.value.dark ? "logodark" : "logolight";
+      return (u = (f = n.value) == null ? void 0 : f.metadata.images[d]) == null ? void 0 : u.url;
+    }), l = S(() => {
+      var f, u;
+      const d = a.current.value.dark ? "bgdark" : "bglight";
+      return (u = (f = n.value) == null ? void 0 : f.metadata.images[d]) == null ? void 0 : u.url;
     });
-    return Ve(async () => {
-      e.slug && await o.show(e.slug);
-    }), (u, f) => {
-      const d = kt;
-      return p(), _(d, {
+    return Ze(async () => {
+      t.slug && await o.show(t.slug);
+    }), (d, f) => {
+      const u = kt;
+      return p(), _(u, {
         color: "surface-light",
-        image: t(l),
+        image: e(l),
         style: { transform: "translateY(0)" }
       }, {
         default: r(() => {
-          var h, b, V;
+          var h, k, y;
           return [
-            y("a", {
+            g("a", {
               class: "d-flex align-center text-decoration-none py-2 px-4 ms-n4 flex-1-0 me-n4 text-high-emphasis position-relative",
-              href: (h = t(n)) == null ? void 0 : h.metadata.url,
+              href: (h = e(n)) == null ? void 0 : h.metadata.url,
               rel: "noopener noreferrer",
               target: "_blank"
             }, [
-              a(Q, {
+              s(Q, {
                 class: "me-4",
-                image: t(i),
+                image: e(i),
                 size: "24"
               }, null, 8, ["image"]),
-              y("div", Ts, C((b = t(n)) == null ? void 0 : b.metadata.text), 1),
-              (V = t(n)) != null && V.metadata.advertisement ? (p(), _(te, {
+              g("div", Ts, C((k = e(n)) == null ? void 0 : k.metadata.text), 1),
+              (y = e(n)) != null && y.metadata.advertisement ? (p(), _(te, {
                 key: 0,
                 class: "ms-auto me-n4 align-self-end mb-n2 py-1 ps-3",
                 rounded: "0 ts-lg",
                 size: "x-small",
                 text: "SPONSORED",
                 variant: "flat"
-              })) : S("", !0)
+              })) : w("", !0)
             ], 8, Fs)
           ];
         }),
@@ -4014,57 +4020,57 @@ const Ke = W("settings", () => {
     }
   },
   emits: ["script:error", "script:load"],
-  setup(c, { emit: e }) {
-    const o = c, s = e, n = A(), i = A();
-    return Ve(async () => {
-      const l = document.createElement("script"), u = () => s("script:error");
-      l.type = "text/javascript", l.id = o.scriptId, l.src = o.src, l.onload = () => s("script:load"), l.onerror = u, i.value = l;
-    }), We(() => {
+  setup(c, { emit: t }) {
+    const o = c, a = t, n = O(), i = O();
+    return Ze(async () => {
+      const l = document.createElement("script"), d = () => a("script:error");
+      l.type = "text/javascript", l.id = o.scriptId, l.src = o.src, l.onload = () => a("script:load"), l.onerror = d, i.value = l;
+    }), qe(() => {
       var l;
       i.value && ((l = n.value) == null || l.appendChild(i.value));
     }), Dt(() => {
       var l;
       i.value && ((l = n.value) == null || l.removeChild(i.value));
-    }), (l, u) => (p(), L("div", {
+    }), (l, d) => (p(), L("div", {
       id: c.id,
       ref_key: "rootEl",
       ref: n
     }, null, 8, Ms));
   }
 }), Hs = W("spots", () => {
-  const c = ce(), e = bt(), o = A([]), s = A([]), n = A(), i = O(!1), l = w(() => n.value ? n.value : o.value.find(({
+  const c = ce(), t = bt(), o = O([]), a = O([]), n = O(), i = A(!1), l = S(() => n.value ? n.value : o.value.find(({
     metadata: {
-      site: g,
+      site: V,
       active: m
     }
-  }) => m ? g.includes("dev") && !1 || g.includes("*") ? !0 : g.some((v) => e.id.includes(v)) : !1));
-  async function u() {
+  }) => m ? V.includes("dev") && !1 || V.includes("*") ? !0 : V.some((v) => t.id.includes(v)) : !1));
+  async function d() {
     try {
       i.value = !0;
-      const g = await c.get("/one/spots");
-      o.value = g.spots;
+      const V = await c.get("/one/spots");
+      o.value = V.spots;
     } catch {
     } finally {
       i.value = !1;
     }
     return o.value;
   }
-  async function f(g) {
+  async function f(V) {
     try {
       i.value = !0;
-      const m = await c.get(`/one/admin/spots/${g}`);
+      const m = await c.get(`/one/admin/spots/${V}`);
       return n.value = m.spot, m.spot;
     } catch {
     } finally {
       i.value = !1;
     }
   }
-  async function d(g) {
+  async function u(V) {
     try {
       i.value = !0;
       const m = await c.form(
         "/one/admin/spots",
-        g
+        V
       );
       return n.value = m.spot, m.spot;
     } catch {
@@ -4072,11 +4078,11 @@ const Ke = W("settings", () => {
       i.value = !1;
     }
   }
-  async function h(g, m) {
+  async function h(V, m) {
     try {
       i.value = !0;
       const v = await c.form(
-        `/one/admin/spots/${g}`,
+        `/one/admin/spots/${V}`,
         m
       );
       return n.value = v.spot, v.spot;
@@ -4085,13 +4091,13 @@ const Ke = W("settings", () => {
       i.value = !1;
     }
   }
-  async function b() {
+  async function k() {
   }
-  async function V() {
+  async function y() {
     try {
       i.value = !0;
-      const g = await c.get("/one/admin/spots");
-      s.value = g.spots;
+      const V = await c.get("/one/admin/spots");
+      a.value = V.spots;
     } catch {
     } finally {
       i.value = !1;
@@ -4100,50 +4106,50 @@ const Ke = W("settings", () => {
   }
   return {
     all: o,
-    aall: s,
+    aall: a,
     isLoading: i,
     spot: l,
     record: n,
-    admin: V,
-    index: u,
+    admin: y,
+    index: d,
     show: f,
-    store: d,
+    store: u,
     update: h,
-    destroy: b
+    destroy: k
   };
 }), Rs = ["href"], Es = /* @__PURE__ */ $({
   __name: "VoSpot",
   setup(c) {
-    const e = Hs();
-    return (o, s) => {
+    const t = Hs();
+    return (o, a) => {
       var n;
-      return t(e).spot ? (p(), L("a", {
+      return e(t).spot ? (p(), L("a", {
         key: 0,
-        href: t(e).spot.metadata.href,
+        href: e(t).spot.metadata.href,
         rel: "noopener noreferrer sponsored",
         target: "_blank"
       }, [
-        a(Y, {
+        s(Y, {
           class: "mx-auto",
-          color: t(e).spot.metadata.image ? void 0 : "surface",
+          color: e(t).spot.metadata.image ? void 0 : "surface",
           rounded: "",
-          src: (n = t(e).spot.metadata.image) == null ? void 0 : n.url,
+          src: (n = e(t).spot.metadata.image) == null ? void 0 : n.url,
           width: "225"
         }, null, 8, ["color", "src"])
-      ], 8, Rs)) : S("", !0);
+      ], 8, Rs)) : w("", !0);
     };
   }
 }), Oa = W("bins", () => {
-  const c = M(), e = ce(), o = A([]), s = A(), n = O(!1), i = O(-1), l = w(() => !c.user || !s.value ? !1 : c.user.id === s.value.owner.id), u = w(() => o.value.filter((v) => v.favorite)), f = w(() => o.value.filter((v) => v.pinned));
-  B(s, () => {
+  const c = M(), t = ce(), o = O([]), a = O(), n = A(!1), i = A(-1), l = S(() => !c.user || !a.value ? !1 : c.user.id === a.value.owner.id), d = S(() => o.value.filter((v) => v.favorite)), f = S(() => o.value.filter((v) => v.pinned));
+  B(a, () => {
     window.clearTimeout(i.value), i.value = window.setTimeout(() => {
-      !s.value || !l.value || V(s.value, s.value.id);
+      !a.value || !l.value || y(a.value, a.value.id);
     }, 100);
   }, { deep: !0 });
-  async function d() {
+  async function u() {
     try {
       n.value = !0;
-      const v = await e.get("/one/bins");
+      const v = await t.get("/one/bins");
       o.value = v.bins;
     } catch {
     } finally {
@@ -4153,40 +4159,40 @@ const Ke = W("settings", () => {
   }
   async function h(v) {
     try {
-      n.value = !0, await e.delete(`/one/bins/${v}`), o.value = o.value.filter((k) => k.id !== v);
+      n.value = !0, await t.delete(`/one/bins/${v}`), o.value = o.value.filter((b) => b.id !== v);
     } catch {
     } finally {
       n.value = !1;
     }
     return !0;
   }
-  async function b(v) {
+  async function k(v) {
     try {
       n.value = !0;
-      const k = await e.post("/one/bins", { bin: v });
-      return o.value.push(k.bin), s.value = k.bin, k;
+      const b = await t.post("/one/bins", { bin: v });
+      return o.value.push(b.bin), a.value = b.bin, b;
     } catch {
     } finally {
       n.value = !1;
     }
     return { bin: v };
   }
-  async function V(v, k) {
+  async function y(v, b) {
     try {
       n.value = !0;
-      const N = await e.post(`/one/bins/${k}`, { bin: v }), T = o.value.findIndex((ie) => ie.id === k);
-      o.value.splice(T, 1, N.bin);
+      const N = await t.post(`/one/bins/${b}`, { bin: v }), j = o.value.findIndex((ie) => ie.id === b);
+      o.value.splice(j, 1, N.bin);
     } catch {
     } finally {
       n.value = !1;
     }
     return { bin: v };
   }
-  async function g(v, k) {
+  async function V(v, b) {
     try {
       n.value = !0;
-      const N = k ? await V(v, k) : await b(v);
-      s.value = N.bin;
+      const N = b ? await y(v, b) : await k(v);
+      a.value = N.bin;
     } catch {
     } finally {
       n.value = !1;
@@ -4196,51 +4202,51 @@ const Ke = W("settings", () => {
   async function m(v) {
     try {
       n.value = !0;
-      const k = await e.get(`/one/bins/${v}`);
-      s.value = k.bin;
+      const b = await t.get(`/one/bins/${v}`);
+      a.value = b.bin;
     } catch {
     } finally {
       n.value = !1;
     }
-    return { bin: s.value };
+    return { bin: a.value };
   }
   return {
     isLoading: n,
     isOwner: l,
     pinned: f,
-    favorites: u,
+    favorites: d,
     all: o,
-    create: b,
+    create: k,
     delete: h,
-    current: s,
+    current: a,
     find: m,
-    get: d,
-    update: V,
-    updateOrCreate: g
+    get: u,
+    update: y,
+    updateOrCreate: V
   };
 });
 function Na() {
-  function c(e) {
-    e.component("VoAuthBtn", Vs), e.component("VoAuthCard", ht), e.component("VoAuthDialog", _t), e.component("VoAuthListItem", gt), e.component("VoSocialFooter", Is), e.component("VoNotificationsBanner", Ds), e.component("VoPromotionsCardHighlight", Os), e.component("VoPromotionsCardVuetify", zs), e.component("VoPromotionsFooter", js), e.component("VoScript", Ps), e.component("VoSpot", Es);
+  function c(t) {
+    t.component("VoAuthBtn", Vs), t.component("VoAuthCard", ht), t.component("VoAuthDialog", _t), t.component("VoAuthListItem", gt), t.component("VoSocialFooter", Is), t.component("VoNotificationsBanner", Ds), t.component("VoPromotionsCardHighlight", Os), t.component("VoPromotionsCardVuetify", zs), t.component("VoPromotionsFooter", js), t.component("VoScript", Ps), t.component("VoSpot", Es);
   }
   return { install: c };
 }
-function Ba(c, e) {
+function Ba(c, t) {
   return function(o) {
-    const s = o.store;
-    s.url = e, s.$id === "site" && (s.id = c);
+    const a = o.store;
+    a.url = t, a.$id === "site" && (a.id = c);
   };
 }
 export {
   Na as createOne,
   Ba as one,
   M as useAuthStore,
-  Me as useBannersStore,
+  je as useBannersStore,
   Oa as useBinsStore,
   ce as useHttpStore,
   P as useOneStore,
   et as usePromotionsStore,
   Ke as useSettingsStore,
   Hs as useSpotsStore,
-  j as useUserStore
+  F as useUserStore
 };