@vuetify/one 1.4.2 → 1.5.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { reactive as wt, watch as B, toRefs as St, ref as O, shallowRef as A, computed as S, defineComponent as $, openBlock as d, createBlock as _, unref as t, createSlots as R, withCtx as r, createElementVNode as y, 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 { reactive as wt, watch as B, toRefs as St, ref as A, shallowRef as O, computed as w, defineComponent as $, openBlock as d, createBlock as _, unref as t, createSlots as R, withCtx as r, createElementVNode as y, toDisplayString as C, createVNode as i, createTextVNode as T, renderSlot as z, normalizeStyle as ot, createCommentVNode as S, withModifiers as Ee, mergeModels as nt, useModel as le, 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";
@@ -13,7 +13,7 @@ import { VProgressCircular as _o } from "vuetify/lib/components/VProgressCircula
 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 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 { useDisplay as ce, 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 He } from "vuetify/lib/components/VLabel/index.mjs";
@@ -39,7 +39,7 @@ import { VMenu as Lo } from "vuetify/components";
 import { VFooter as Io } from "vuetify/lib/components/VFooter/index.mjs";
 import { VAppBar as Do } from "vuetify/lib/components/VAppBar/index.mjs";
 import { VLazy as Ao } from "vuetify/lib/components/VLazy/index.mjs";
-const ce = W("http", {
+const ie = W("http", {
   state: () => ({
     url: ""
   }),
@@ -122,9 +122,9 @@ const ce = W("http", {
   function e() {
     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 = Le.suits, i.notifications.banners = Le.notifications.banners, l = !0), i.v = c.v, Object.assign(c, Me(c, i)), l && o();
+    const n = localStorage.getItem("vuetify@user"), s = n ? JSON.parse(n) : {};
+    let l = s.v === c.v;
+    s.v || (s.pwaRefresh = !0, typeof s.api == "boolean" && (s.api = s.api ? "inline" : "link-only"), typeof s.rtl == "boolean" && (s.direction = s.rtl ? "rtl" : "ltr", delete s.rtl), typeof s.theme == "object" && (s.mixedTheme = s.theme.mixed, s.theme = s.theme.system ? "system" : s.theme.dark ? "dark" : "light"), Array.isArray(s.notifications) && (s.notifications = { read: s.notifications }), typeof s.last == "object" && (s.notifications.last = s.last, delete s.last)), s.v === 1 && (Array.isArray(s.composition) && (s.composition = "composition"), Array.isArray(s.notifications.last.banner) || (s.notifications = s.notifications || {}, s.notifications.last = s.notifications.last || {}, s.notifications.last.banner = [])), s.v === 2 && (s.syncSettings = !0, s.disableAds = !1, s.v = 3), s.v === 3 && (s.quickbar = !1), s.v === 4 && (s.suits = Le.suits, s.notifications.banners = Le.notifications.banners, l = !0), s.v = c.v, Object.assign(c, Me(c, s)), l && o();
   }
   function o() {
     Pe && localStorage.setItem("vuetify@user", JSON.stringify(c, null, 2));
@@ -139,7 +139,7 @@ const ce = W("http", {
     reset: a
   };
 }), M = W("auth", () => {
-  const c = O(!1), e = O(null), o = ce(), a = F(), n = Ne(), i = A(!1), l = S(() => {
+  const c = A(!1), e = A(null), o = ie(), a = F(), n = Ne(), s = O(!1), l = w(() => {
     var m, v;
     return !o.url || ((m = e.value) == null ? void 0 : m.isAdmin) || !!((v = e.value) != null && v.sponsorships.some((k) => k.isActive));
   });
@@ -163,7 +163,7 @@ const ce = W("http", {
   async function u(m = !1) {
     if (u.promise)
       return u.promise;
-    i.value = !0, u.promise = fetch(`${o.url}/auth/verify`, {
+    s.value = !0, u.promise = fetch(`${o.url}/auth/verify`, {
       credentials: "include",
       headers: m ? {
         "Cache-Control": "no-cache"
@@ -175,16 +175,16 @@ const ce = W("http", {
       () => {
       }
     ).finally(() => {
-      i.value = !1, u.promise = null;
+      s.value = !1, u.promise = null;
     });
   }
   u.promise = null;
   async function h(m = "github") {
-    i.value = !0;
-    const v = `${o.url}/auth/${m}/redirect`, k = 400, N = 600, j = window.screenX + (window.innerWidth - k) / 2, ie = window.screenY + (window.innerHeight - N) / 2, G = window.open(
+    s.value = !0;
+    const v = `${o.url}/auth/${m}/redirect`, k = 400, N = 600, j = window.screenX + (window.innerWidth - k) / 2, re = window.screenY + (window.innerHeight - N) / 2, G = window.open(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${j},top=${ie},width=${k},height=${N},resizable`
+      `popup,left=${j},top=${re},width=${k},height=${N},resizable`
     );
     if (!G) {
       console.error("Failed to open popup");
@@ -200,7 +200,7 @@ const ce = W("http", {
       }), f()) : console.error(oe.data.message), ue());
     }
     function ue() {
-      window.removeEventListener("message", he), window.clearInterval(Se), window.clearTimeout(Ce), G == null || G.close(), i.value = !1;
+      window.removeEventListener("message", he), window.clearInterval(Se), window.clearTimeout(Ce), G == null || G.close(), s.value = !1;
     }
     window.addEventListener("message", he), Se = window.setInterval(() => {
       !G || G.closed ? (console.error("Auth popup closed"), ue()) : G.postMessage({ type: "auth-request" }, "*");
@@ -209,7 +209,7 @@ const ce = W("http", {
     }, 120 * 1e3);
   }
   async function b(m) {
-    i.value = !0;
+    s.value = !0;
     const v = m ? `/auth/${m}/logout` : "/auth/logout";
     try {
       await o.post(v), await u(!0), e.value = null;
@@ -219,7 +219,7 @@ const ce = W("http", {
       n.push({
         path: "/",
         query: n.currentRoute.value.query
-      }), i.value = !1;
+      }), s.value = !1;
     }
   }
   function g(m) {
@@ -233,7 +233,7 @@ const ce = W("http", {
     user: e,
     url: o.url,
     dialog: c,
-    isLoading: i,
+    isLoading: s,
     findIdentity: g,
     verify: u,
     login: h,
@@ -245,14 +245,14 @@ const ce = W("http", {
 }), Oo = { class: "text-body-2" }, No = /* @__PURE__ */ y("div", { class: "text-caption mt-n1" }, "Last Used", -1), ft = /* @__PURE__ */ $({
   __name: "VoAuthDiscord",
   setup(c) {
-    const e = M(), o = S(() => e.user && e.findIdentity("discord")), a = S(() => e.user ? o.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
-    return (n, i) => (d(), _(Ve, {
+    const e = M(), o = w(() => e.user && e.findIdentity("discord")), a = w(() => e.user ? o.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
+    return (n, s) => (d(), _(Ve, {
       "base-color": "#5865F2",
       "prepend-icon": `svg:${t(Qe)}`,
       rounded: "pill",
       slim: "",
       variant: "flat",
-      onClick: i[0] || (i[0] = (l) => t(e).login("discord"))
+      onClick: s[0] || (s[0] = (l) => t(e).login("discord"))
     }, R({
       title: r(() => [
         y("span", Oo, C(t(a)), 1)
@@ -271,14 +271,14 @@ const ce = W("http", {
 }), Bo = { class: "text-body-2" }, Uo = /* @__PURE__ */ y("div", { class: "text-caption mt-n1" }, "Last Used", -1), vt = /* @__PURE__ */ $({
   __name: "VoAuthGithub",
   setup(c) {
-    const e = M(), o = S(() => e.user && e.findIdentity("github")), a = S(() => e.user ? o.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
-    return (n, i) => (d(), _(Ve, {
+    const e = M(), o = w(() => e.user && e.findIdentity("github")), a = w(() => e.user ? o.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
+    return (n, s) => (d(), _(Ve, {
       "base-color": "#2a2a2a",
       "prepend-icon": `svg:${t(Ye)}`,
       rounded: "pill",
       slim: "",
       variant: "flat",
-      onClick: i[0] || (i[0] = (l) => t(e).login("github"))
+      onClick: s[0] || (s[0] = (l) => t(e).login("github"))
     }, R({
       title: r(() => [
         y("span", Bo, C(t(a)), 1)
@@ -299,42 +299,42 @@ const ce = W("http", {
   setup(c) {
     const e = M();
     return (o, a) => {
-      const n = vt, i = ft;
+      const n = vt, s = ft;
       return d(), _(E, {
         class: "pt-6 pb-8 px-4 px-sm-8 mx-auto",
         "max-width": "480"
       }, {
         default: r(() => [
           y("div", zo, [
-            s(Q, {
+            i(Q, {
               class: "mx-auto",
               image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
               size: "64"
             }, null, 8, ["image"])
           ]),
           y("div", Fo, [
-            s(vo, { class: "text-h5 mb-1 text-md-h4" }, {
+            i(vo, { class: "text-h5 mb-1 text-md-h4" }, {
               default: r(() => [
                 y("div", To, C(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
                 jo
               ]),
               _: 1
             }),
-            s(ho, { class: "text-wrap" }, {
+            i(ho, { class: "text-wrap" }, {
               default: r(() => [
                 T(" Login with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
               ]),
               _: 1
             })
           ]),
-          s(ae, {
+          i(ae, {
             class: "mx-auto",
             "max-width": "300",
             width: "100%"
           }, {
             default: r(() => [
-              s(n, { class: "mb-3" }),
-              s(i)
+              i(n, { class: "mb-3" }),
+              i(s)
             ]),
             _: 1
           })
@@ -351,42 +351,42 @@ const ce = W("http", {
       const n = ht;
       return d(), _(ut, {
         modelValue: t(e).dialog,
-        "onUpdate:modelValue": a[0] || (a[0] = (i) => t(e).dialog = i),
+        "onUpdate:modelValue": a[0] || (a[0] = (s) => t(e).dialog = s),
         "max-width": "480"
       }, {
         default: r(() => [
-          s(n)
+          i(n)
         ]),
         _: 1
       }, 8, ["modelValue"]);
     };
   }
 }), Fe = W("notifications", () => {
-  const c = ce(), e = F(), o = O([]), a = O([]), n = O(), i = A(!1), l = S(() => o.value.filter((m) => !e.notifications.read.includes(m.slug))), p = S(() => o.value.filter((m) => e.notifications.read.includes(m.slug)));
+  const c = ie(), e = F(), o = A([]), a = A([]), n = A(), s = O(!1), l = w(() => o.value.filter((m) => !e.notifications.read.includes(m.slug))), p = w(() => o.value.filter((m) => e.notifications.read.includes(m.slug)));
   async function f() {
     try {
-      i.value = !0;
+      s.value = !0;
       const m = await c.get("/one/notifications");
       o.value = m.notifications;
     } catch {
     } finally {
-      i.value = !1;
+      s.value = !1;
     }
     return o.value;
   }
   async function u(m) {
     try {
-      i.value = !0;
+      s.value = !0;
       const v = await c.get(`/one/admin/notifications/${m}`);
       return n.value = v.notification, v.notification;
     } catch {
     } finally {
-      i.value = !1;
+      s.value = !1;
     }
   }
   async function h(m) {
     try {
-      i.value = !0;
+      s.value = !0;
       const v = await c.form(
         "/one/admin/notifications",
         m
@@ -394,12 +394,12 @@ const ce = W("http", {
       return n.value = v.notification, v.notification;
     } catch {
     } finally {
-      i.value = !1;
+      s.value = !1;
     }
   }
   async function b(m, v) {
     try {
-      i.value = !0;
+      s.value = !0;
       const k = await c.form(
         `/one/admin/notifications/${m}`,
         v
@@ -407,24 +407,24 @@ const ce = W("http", {
       return n.value = k.notification, k.notification;
     } catch {
     } finally {
-      i.value = !1;
+      s.value = !1;
     }
   }
   async function g() {
   }
   async function V() {
     try {
-      i.value = !0;
+      s.value = !0;
       const m = await c.get("/one/admin/notifications");
       a.value = m.notifications;
     } catch {
     } finally {
-      i.value = !1;
+      s.value = !1;
     }
     return o.value;
   }
   return {
-    isLoading: i,
+    isLoading: s,
     all: o,
     aall: a,
     admin: V,
@@ -440,8 +440,8 @@ const ce = W("http", {
 }), Mo = /* @__PURE__ */ $({
   __name: "VoNotificationsTotalBadge",
   setup(c) {
-    const e = M(), o = Fe(), a = F(), n = S(() => a.notifications.show ? o.unread.length : 0);
-    return (i, l) => (d(), _(Je, {
+    const e = M(), o = Fe(), a = F(), n = w(() => a.notifications.show ? o.unread.length : 0);
+    return (s, l) => (d(), _(Je, {
       color: "error",
       content: t(n),
       dot: !!t(e).user,
@@ -449,7 +449,7 @@ const ce = W("http", {
       "model-value": t(n) > 0
     }, {
       default: r(() => [
-        z(i.$slots, "default")
+        z(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["content", "dot", "model-value"]));
@@ -472,7 +472,7 @@ const ce = W("http", {
       variant: "flat"
     }, R({
       loader: r(() => [
-        o.$slots.loader ? w("", !0) : (d(), _(_o, {
+        o.$slots.loader ? S("", !0) : (d(), _(_o, {
           key: 0,
           indeterminate: "disable-shrink",
           size: "16",
@@ -501,14 +501,14 @@ const ce = W("http", {
 }), Po = { class: "pa-4 d-flex flex-column ga-4" }, gt = /* @__PURE__ */ $({
   __name: "VoAuthListItem",
   setup(c) {
-    const e = M(), o = F(), a = A(!e.user && !e.isLoading);
-    B(() => e.user, (i) => {
-      a.value = !i;
+    const e = M(), o = F(), a = O(!e.user && !e.isLoading);
+    B(() => e.user, (s) => {
+      a.value = !s;
     });
     function n() {
       e.user && (a.value = !a.value);
     }
-    return (i, l) => {
+    return (s, l) => {
       const p = vt, f = ft;
       return d(), _(E, {
         class: "ma-2",
@@ -516,9 +516,9 @@ const ce = W("http", {
         variant: t(a) ? "tonal" : "text"
       }, {
         default: r(() => [
-          s(ae, { class: "py-0" }, {
+          i(ae, { class: "py-0" }, {
             default: r(() => [
-              s(Ve, {
+              i(Ve, {
                 class: "mb-0",
                 link: !!t(e).user,
                 nav: "",
@@ -529,7 +529,7 @@ const ce = W("http", {
                 onClick: n
               }, {
                 append: r(() => [
-                  s(Be, null, {
+                  i(Be, null, {
                     default: r(() => [
                       t(e).user && (t(a) || !t(o).syncSettings) ? (d(), _(dt, {
                         key: 0,
@@ -543,19 +543,19 @@ const ce = W("http", {
                         }, ["stop"]))
                       }, {
                         thumb: r(() => [
-                          s(Q, {
+                          i(Q, {
                             color: t(o).syncSettings ? "success" : void 0
                           }, null, 8, ["color"])
                         ]),
                         _: 1
-                      }, 8, ["modelValue", "color"])) : w("", !0)
+                      }, 8, ["modelValue", "color"])) : S("", !0)
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }, 8, ["link", "prepend-icon", "title"]),
-              s(me, null, {
+              i(me, null, {
                 default: r(() => [
                   !t(e).user && !t(e).isLoading || t(a) ? (d(), _(ye, {
                     key: 0,
@@ -564,16 +564,16 @@ const ce = W("http", {
                   }, {
                     default: r(() => [
                       y("div", Po, [
-                        s(p, {
+                        i(p, {
                           onClick: l[2] || (l[2] = (u) => a.value = !1)
                         }),
-                        s(f, {
+                        i(f, {
                           onClick: l[3] || (l[3] = (u) => a.value = !1)
                         })
                       ])
                     ]),
                     _: 1
-                  })) : w("", !0)
+                  })) : S("", !0)
                 ]),
                 _: 1
               })
@@ -620,11 +620,11 @@ const ce = W("http", {
 }), Ho = /* @__PURE__ */ $({
   __name: "VoAuthLogoutNavItem",
   setup(c) {
-    const e = M(), o = A(!1);
+    const e = M(), o = O(!1);
     async function a() {
       o.value = !0, await e.logout(), o.value = !1;
     }
-    return (n, i) => {
+    return (n, s) => {
       const l = J;
       return d(), _(l, {
         class: "mb-0",
@@ -648,10 +648,10 @@ const ce = W("http", {
   }),
   emits: ["update:modelValue"],
   setup(c) {
-    const e = re(c, "modelValue"), o = le(), a = A(!1);
-    return (n, i) => (d(), _(ut, {
+    const e = le(c, "modelValue"), o = ce(), a = O(!1);
+    return (n, s) => (d(), _(ut, {
       modelValue: e.value,
-      "onUpdate:modelValue": i[2] || (i[2] = (l) => e.value = l),
+      "onUpdate:modelValue": s[2] || (s[2] = (l) => e.value = l),
       activator: "parent",
       fullscreen: t(a) || t(o).xs.value,
       height: "100%",
@@ -659,7 +659,7 @@ const ce = W("http", {
       "max-width": t(a) || t(o).xs.value ? "100%" : 800
     }, {
       default: r(({ isActive: l }) => [
-        s(E, {
+        i(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 ? w("", !0) : (d(), _(q, {
+            t(o).xs.value ? S("", !0) : (d(), _(q, {
               key: 0,
               class: "me-2",
               density: "comfortable",
               icon: `svg:${t(a) ? t(Bt) : t(Ut)}`,
               size: "small",
               variant: "text",
-              onClick: i[0] || (i[0] = (p) => a.value = !t(a))
+              onClick: s[0] || (s[0] = (p) => a.value = !t(a))
             }, null, 8, ["icon"])),
-            s(q, {
+            i(q, {
               density: "comfortable",
               icon: "$close",
               size: "small",
               variant: "text",
-              onClick: i[1] || (i[1] = (p) => e.value = !e.value)
+              onClick: s[1] || (s[1] = (p) => e.value = !e.value)
             })
           ]),
           default: r(() => [
-            s(Z, { class: "mt-4" }),
+            i(Z, { class: "mt-4" }),
             z(n.$slots, "default")
           ]),
           _: 2
@@ -723,7 +723,7 @@ const ce = W("http", {
       "true-icon": `svg:${t(Ae)}`
     }, R({
       thumb: r(() => [
-        s(D, {
+        i(D, {
           color: e.disabled ? void 0 : "primary"
         }, null, 8, ["color"])
       ]),
@@ -757,8 +757,8 @@ const ce = W("http", {
           T(C(e.title), 1)
         ]),
         _: 1
-      })) : w("", !0),
-      e.text ? (d(), L("div", Ro, C(e.text), 1)) : w("", !0)
+      })) : S("", !0),
+      e.text ? (d(), L("div", Ro, C(e.text), 1)) : S("", !0)
     ], 64));
   }
 }), Eo = { key: 0 }, qo = /* @__PURE__ */ $({
@@ -788,19 +788,19 @@ const ce = W("http", {
       }
     ];
     return (a, n) => {
-      const i = yt, l = we;
+      const s = yt, l = we;
       return d(), L(U, null, [
-        s(i, {
+        i(s, {
           modelValue: t(e).suits.show,
           "onUpdate:modelValue": n[0] || (n[0] = (p) => t(e).suits.show = p),
           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"]),
-        s(me, null, {
+        i(me, null, {
           default: r(() => [
             t(e).suits.show ? (d(), L("div", Eo, [
-              s(bo, {
+              i(bo, {
                 modelValue: t(e).suits.suit,
                 "onUpdate:modelValue": n[1] || (n[1] = (p) => t(e).suits.suit = p),
                 clearable: "",
@@ -813,7 +813,7 @@ const ce = W("http", {
                 variant: "outlined"
               }, {
                 selection: r(({ item: p }) => [
-                  s(D, {
+                  i(D, {
                     icon: p.props.prependIcon,
                     size: "x-small",
                     start: ""
@@ -822,8 +822,8 @@ const ce = W("http", {
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
-              s(l, { text: "Select your suit elements to display the background image:" }),
-              s(yo, {
+              i(l, { text: "Select your suit elements to display the background image:" }),
+              i(yo, {
                 modelValue: t(e).suits.elements,
                 "onUpdate:modelValue": n[2] || (n[2] = (p) => t(e).suits.elements = p),
                 color: "primary",
@@ -831,7 +831,7 @@ const ce = W("http", {
                 multiple: ""
               }, {
                 default: r(() => [
-                  s(te, {
+                  i(te, {
                     "append-icon": `svg:${t(zt)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
@@ -839,15 +839,15 @@ const ce = W("http", {
                     variant: "flat"
                   }, {
                     append: r(() => [
-                      s(Z, {
+                      i(Z, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      s(D, { size: "x-small" })
+                      i(D, { size: "x-small" })
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  s(te, {
+                  i(te, {
                     "append-icon": `svg:${t(Ft)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
@@ -855,15 +855,15 @@ const ce = W("http", {
                     variant: "flat"
                   }, {
                     append: r(() => [
-                      s(Z, {
+                      i(Z, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      s(D, { size: "x-small" })
+                      i(D, { size: "x-small" })
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  s(te, {
+                  i(te, {
                     "append-icon": "$info",
                     "filter-icon": "$success",
                     text: "Footer",
@@ -871,18 +871,18 @@ const ce = W("http", {
                     variant: "flat"
                   }, {
                     append: r(() => [
-                      s(Z, {
+                      i(Z, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      s(D, { size: "x-small" })
+                      i(D, { size: "x-small" })
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }, 8, ["modelValue"])
-            ])) : w("", !0)
+            ])) : S("", !0)
           ]),
           _: 1
         })
@@ -892,36 +892,36 @@ const ce = W("http", {
 });
 function ve() {
   const c = mo();
-  return S(
+  return w(
     () => c.query
   );
 }
 const P = W("one", () => {
-  const c = ve(), e = Ne(), o = M(), a = ce(), n = A(!1), i = O(!1), l = O(), p = O([]), f = S(() => c.value.session_id), u = S(() => {
+  const c = ve(), e = Ne(), o = M(), a = ie(), n = O(!1), s = A(!1), l = A(), p = A([]), f = w(() => c.value.session_id), u = w(() => {
     var x;
     return (x = l.value) == null ? void 0 : x.items[0].plan.interval;
-  }), h = S(() => {
+  }), h = w(() => {
     var x;
     return (x = o.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "stripe" && I.tierName.startsWith("sub_"));
-  }), b = S(() => {
+  }), b = w(() => {
     var x;
     return !!((x = h.value) != null && x.tierName);
-  }), g = S(() => {
+  }), g = w(() => {
     var x;
     return (x = h.value) == null ? void 0 : x.isActive;
-  }), V = S(() => {
+  }), V = w(() => {
     var x;
     return (x = o.user) == null ? void 0 : x.sponsorships.find((I) => I.tierName.startsWith("sub_"));
-  }), m = S(() => {
+  }), m = w(() => {
     var x;
     return (x = o.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "github");
-  }), v = S(() => {
+  }), v = w(() => {
     var x;
     return (x = o.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "discord");
-  }), k = S(() => {
+  }), k = w(() => {
     var x;
     return (x = o.user) == null ? void 0 : x.sponsorships.find((I) => I.platform === "patreon");
-  }), N = S(() => {
+  }), N = w(() => {
     var x;
     return (x = o.user) == null ? void 0 : x.sponsorships.reduce((I, X) => {
       if (!X.isActive || X.interval === "once" || X.platform === "stripe")
@@ -932,7 +932,7 @@ const P = W("one", () => {
   });
   qe(async () => {
     f.value && await j();
-  }), B(i, oe), B(f, (x) => {
+  }), B(s, oe), B(f, (x) => {
     x && j();
   }, { immediate: !0 }), B(c, (x) => {
     if (x.one !== "subscribe" || o.user)
@@ -956,7 +956,7 @@ const P = W("one", () => {
       n.value = !1;
     }
   }
-  async function ie() {
+  async function re() {
     window.open(`${a.url}/one/manage`, "_blank");
   }
   async function G(x) {
@@ -1031,7 +1031,7 @@ const P = W("one", () => {
     monthlyTotal: N,
     hasBilling: b,
     isLoading: n,
-    isOpen: i,
+    isOpen: s,
     isSubscriber: g,
     github: m,
     patreon: k,
@@ -1039,7 +1039,7 @@ const P = W("one", () => {
     one: V,
     activate: j,
     cancel: Se,
-    manage: ie,
+    manage: re,
     modify: Ce,
     resetQuery: oe,
     subscribe: G,
@@ -1204,7 +1204,7 @@ function Wo() {
   };
 }
 const Ke = W("settings", () => {
-  const c = "https://cdn.vuetifyjs.com/docs/images/one/", e = M(), o = F(), a = Xe(), n = Wo(), i = {
+  const c = "https://cdn.vuetifyjs.com/docs/images/one/", e = M(), o = F(), a = Xe(), n = Wo(), s = {
     blackguard: {
       "app-bar": c + "suits/blackguard/blackguard-app-bar.png",
       drawer: c + "suits/blackguard/blackguard-app-drawer.png",
@@ -1220,10 +1220,10 @@ const Ke = W("settings", () => {
       drawer: c + "suits/nebula/nebula-app-drawer.png",
       footer: c + "suits/nebula/nebula-app-footer.png"
     }
-  }, l = S(() => {
+  }, l = w(() => {
     if (!o.suits.suit || !o.suits.show || !e.isSubscriber)
       return {};
-    const p = i[o.suits.suit.toLowerCase()], f = {};
+    const p = s[o.suits.suit.toLowerCase()], f = {};
     for (const u of o.suits.elements)
       f[u] = p[u];
     return f;
@@ -1232,7 +1232,7 @@ const Ke = W("settings", () => {
     ...a.themes.value,
     ...n
   }, B(() => o.theme, (p) => {
-    p === "system" ? a.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : (a.global.name.value = p, o.suits.suit = i[p] ? p : ""), o.theme = p;
+    p === "system" ? a.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : (a.global.name.value = p, o.suits.suit = s[p] ? p : ""), o.theme = p;
   }, { 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(), a = P(), n = Ke(), i = F(), l = [
+    const e = le(c, "modelValue"), o = M(), a = P(), n = Ke(), s = F(), l = [
       {
         title: "Light",
         subtitle: "A standard light theme.",
@@ -1308,37 +1308,37 @@ const Ke = W("settings", () => {
         title: "Settings"
       }, {
         default: r(() => [
-          s(ke, null, {
+          i(ke, null, {
             default: r(() => [
-              s($e, { scrollable: "" }, {
+              i($e, { scrollable: "" }, {
                 default: r(() => [
-                  s(_e, { class: "px-7" }, {
+                  i(_e, { class: "px-7" }, {
                     default: r(() => [
-                      s(h, {
+                      i(h, {
                         text: "Customize your documentation experience with light and dark themes, as well as a combination of both named.",
                         title: "Theme"
                       }),
-                      s(pt, {
-                        modelValue: t(i).theme,
-                        "onUpdate:modelValue": u[0] || (u[0] = (m) => t(i).theme = m),
+                      i(pt, {
+                        modelValue: t(s).theme,
+                        "onUpdate:modelValue": u[0] || (u[0] = (m) => t(s).theme = m),
                         mandatory: ""
                       }, {
                         default: r(() => [
-                          s(de, { dense: "" }, {
+                          i(de, { dense: "" }, {
                             default: r(() => [
-                              (d(), L(U, null, ne(l, (m, v) => s(K, {
+                              (d(), L(U, null, ne(l, (m, v) => i(K, {
                                 key: v,
                                 cols: "12",
                                 md: "6"
                               }, {
                                 default: r(() => [
-                                  s(Re, {
+                                  i(Re, {
                                     value: m.value
                                   }, {
                                     default: r(({ toggle: k, isSelected: N }) => [
-                                      s(ze, null, {
-                                        default: r(({ props: j, isHovering: ie }) => [
-                                          s(E, H({
+                                      i(ze, null, {
+                                        default: r(({ props: j, isHovering: re }) => [
+                                          i(E, H({
                                             color: N ? "primary" : "surface-variant",
                                             disabled: m.disabled,
                                             height: "76",
@@ -1350,9 +1350,9 @@ const Ke = W("settings", () => {
                                             variant: "tonal"
                                           }, j, { onClick: k }), {
                                             image: r(() => [
-                                              s(Y, {
+                                              i(Y, {
                                                 style: ot({
-                                                  filter: N || ie ? "none" : "grayscale(100%)"
+                                                  filter: N || re ? "none" : "grayscale(100%)"
                                                 })
                                               }, null, 8, ["style"])
                                             ]),
@@ -1374,68 +1374,68 @@ const Ke = W("settings", () => {
                         _: 1
                       }, 8, ["modelValue"]),
                       t(o).isSubscriber ? (d(), L(U, { key: 0 }, [
-                        s(Z, { class: "mt-6 mb-4" }),
-                        s(b)
-                      ], 64)) : w("", !0)
+                        i(Z, { class: "mt-6 mb-4" }),
+                        i(b)
+                      ], 64)) : S("", !0)
                     ]),
                     _: 1
                   }),
-                  s(Z),
-                  s(_e, { class: "px-7" }, {
+                  i(Z),
+                  i(_e, { class: "px-7" }, {
                     default: r(() => [
-                      s(h, {
+                      i(h, {
                         text: "These options change your browsing experience within Vuetify properties",
                         title: "Experience"
                       }),
                       t(o).isSubscriber ? (d(), _(g, {
                         key: 0,
-                        modelValue: t(i).disableAds,
-                        "onUpdate:modelValue": u[1] || (u[1] = (m) => t(i).disableAds = m),
+                        modelValue: t(s).disableAds,
+                        "onUpdate:modelValue": u[1] || (u[1] = (m) => t(s).disableAds = m),
                         class: "mb-2",
                         label: "Disable Ads",
                         messages: "Disable traditional advertisements on all documentation pages."
-                      }, null, 8, ["modelValue"])) : w("", !0),
-                      s(g, {
-                        modelValue: t(i).quickbar,
-                        "onUpdate:modelValue": u[2] || (u[2] = (m) => t(i).quickbar = m),
+                      }, null, 8, ["modelValue"])) : S("", !0),
+                      i(g, {
+                        modelValue: t(s).quickbar,
+                        "onUpdate:modelValue": u[2] || (u[2] = (m) => t(s).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
                   }),
-                  s(Z),
+                  i(Z),
                   t(o).isSubscriber ? (d(), _(_e, {
                     key: 0,
                     class: "px-7"
                   }, {
                     default: r(() => [
-                      s(h, {
+                      i(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"
                       }),
-                      s(g, {
-                        modelValue: t(i).notifications.show,
-                        "onUpdate:modelValue": u[3] || (u[3] = (m) => t(i).notifications.show = m),
+                      i(g, {
+                        modelValue: t(s).notifications.show,
+                        "onUpdate:modelValue": u[3] || (u[3] = (m) => t(s).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"]),
-                      s(me, null, {
+                      i(me, null, {
                         default: r(() => [
-                          t(i).notifications.show ? (d(), _(g, {
+                          t(s).notifications.show ? (d(), _(g, {
                             key: 0,
-                            modelValue: t(i).notifications.banners,
-                            "onUpdate:modelValue": u[4] || (u[4] = (m) => t(i).notifications.banners = m),
+                            modelValue: t(s).notifications.banners,
+                            "onUpdate:modelValue": u[4] || (u[4] = (m) => t(s).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"])) : w("", !0)
+                          }, null, 8, ["modelValue"])) : S("", !0)
                         ]),
                         _: 1
                       })
                     ]),
                     _: 1
-                  })) : w("", !0)
+                  })) : S("", !0)
                 ]),
                 _: 1
               })
@@ -1450,17 +1450,17 @@ const Ke = W("settings", () => {
 }), Zo = /* @__PURE__ */ $({
   __name: "VoSettingsListItem",
   setup(c) {
-    const e = A(!1);
+    const e = O(!1);
     return (o, a) => {
-      const n = Go, i = J;
-      return d(), _(i, {
+      const n = Go, s = J;
+      return d(), _(s, {
         active: t(e),
         link: "",
         "prepend-icon": `svg:${t(Et)}`,
         title: "Settings"
       }, {
         default: r(() => [
-          s(n, {
+          i(n, {
             modelValue: t(e),
             "onUpdate:modelValue": a[0] || (a[0] = (l) => se(e) ? e.value = l : null)
           }, null, 8, ["modelValue"])
@@ -1474,22 +1474,22 @@ const Ke = W("settings", () => {
   setup(c) {
     const e = Ue(), o = P();
     return (a, n) => {
-      const i = we;
+      const s = we;
       return d(), _(de, null, {
         default: r(() => [
-          s(K, { cols: "12" }, {
+          i(K, { cols: "12" }, {
             default: r(() => [
-              s(i, {
+              i(s, {
                 text: "View and download your invoice history.",
                 title: "Invoice History"
               }),
-              s(E, {
+              i(E, {
                 border: "",
                 height: "450",
                 rounded: "lg"
               }, {
                 default: r(() => [
-                  s(Vo, {
+                  i(Vo, {
                     items: t(o).invoices,
                     loading: t(o).isLoading,
                     sticky: ""
@@ -1501,7 +1501,7 @@ const Ke = W("settings", () => {
                       T(" $" + C(l.amount / 100), 1)
                     ]),
                     "item.status": r(({ item: l }) => [
-                      s(te, {
+                      i(te, {
                         border: "success sm",
                         class: "text-capitalize",
                         color: "success",
@@ -1512,7 +1512,7 @@ const Ke = W("settings", () => {
                       }, null, 8, ["text"])
                     ]),
                     "item.pdf": r(({ item: l }) => [
-                      s(q, {
+                      i(q, {
                         href: l.pdf,
                         icon: `svg:${t(qt)}`,
                         size: "small",
@@ -1540,7 +1540,7 @@ const Ke = W("settings", () => {
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
   setup(c, { emit: e }) {
-    const o = Ue(), a = P(), n = e, i = S(() => {
+    const o = Ue(), a = P(), n = e, s = w(() => {
       if (!a.info)
         return;
       const p = new Date(a.info.currentPeriodEnd * 1e3);
@@ -1553,11 +1553,11 @@ const Ke = W("settings", () => {
       const u = fe;
       return d(), _(de, null, {
         default: r(() => [
-          s(K, { cols: "12" }, {
+          i(K, { cols: "12" }, {
             default: r(() => {
               var h, b;
               return [
-                s(E, {
+                i(E, {
                   border: "",
                   flat: "",
                   "prepend-icon": "$vuetify",
@@ -1576,14 +1576,14 @@ const Ke = W("settings", () => {
                         text: "Activate",
                         variant: "outlined",
                         onClick: l
-                      }, null, 8, ["loading"])) : w("", !0),
+                      }, null, 8, ["loading"])) : S("", !0),
                       t(a).hasBilling ? (d(), _(u, {
                         key: 1,
                         loading: t(a).isLoading,
                         "prepend-icon": `svg:${t(Wt)}`,
                         text: "Billing",
                         onClick: t(a).manage
-                      }, null, 8, ["loading", "prepend-icon", "onClick"])) : w("", !0)
+                      }, null, 8, ["loading", "prepend-icon", "onClick"])) : S("", !0)
                     ];
                   }),
                   _: 2
@@ -1599,13 +1599,13 @@ const Ke = W("settings", () => {
                             T(" $" + C(t(a).info.items[0].plan.amount / 100), 1),
                             y("span", tn, "/" + C(t(a).interval), 1)
                           ]),
-                          s(u, {
+                          i(u, {
                             size: "x-small",
                             text: "(Change Subscription)",
                             variant: "text",
                             onClick: f[0] || (f[0] = (g) => n("change:subscription"))
                           })
-                        ], 64)) : w("", !0)
+                        ], 64)) : S("", !0)
                       ])
                     ]),
                     key: "0"
@@ -1613,13 +1613,13 @@ const Ke = W("settings", () => {
                     name: "subtitle",
                     fn: r(() => [
                       y("div", { class: "d-flex align-center" }, [
-                        s(be, {
+                        i(be, {
                           height: "16",
                           type: "ossein",
                           width: "40"
                         }),
                         y("span", { class: "mx-1" }, "—"),
-                        s(be, {
+                        i(be, {
                           height: "16",
                           type: "ossein",
                           width: "80"
@@ -1633,7 +1633,7 @@ const Ke = W("settings", () => {
                   y("div", null, [
                     ((h = t(a).info) == null ? void 0 : h.status) === "active" ? (d(), L(U, { key: 0 }, [
                       T(" Your plan renews on "),
-                      y("span", nn, C(t(o).format(t(i), "fullDateWithWeekday")), 1),
+                      y("span", nn, C(t(o).format(t(s), "fullDateWithWeekday")), 1),
                       T(". ")
                     ], 64)) : (d(), L(U, { key: 1 }, [
                       T(" Your plan ends on "),
@@ -1664,33 +1664,33 @@ 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"
-    ], a = A(!1), n = P();
-    return B(a, async (i) => {
-      i && n.subscriptionInfo();
-    }), (i, l) => {
+    ], a = O(!1), n = P();
+    return B(a, async (s) => {
+      s && n.subscriptionInfo();
+    }), (s, l) => {
       const p = J;
       return d(), L(U, null, [
-        s(He, { class: "font-weight-black" }, {
+        i(He, { class: "font-weight-black" }, {
           default: r(() => [
             T("Perks")
           ]),
           _: 1
         }),
         rn,
-        s(ae, {
+        i(ae, {
           class: "py-0",
           density: "compact",
           lines: !1,
           nav: ""
         }, {
           default: r(() => [
-            (d(), L(U, null, ne(e, (f, u) => s(p, {
+            (d(), L(U, null, ne(e, (f, u) => i(p, {
               key: u,
               class: "mb-0",
               "prepend-icon": `svg:${t(Ae)}`
             }, {
               prepend: r(() => [
-                s(D, {
+                i(D, {
                   class: "mx-n2",
                   color: "success",
                   size: "small"
@@ -1705,27 +1705,27 @@ const Ke = W("settings", () => {
           _: 1
         }),
         cn,
-        s(He, { class: "font-weight-black" }, {
+        i(He, { class: "font-weight-black" }, {
           default: r(() => [
             T("Up Next")
           ]),
           _: 1
         }),
         un,
-        s(ae, {
+        i(ae, {
           class: "py-0",
           density: "compact",
           lines: !1,
           nav: ""
         }, {
           default: r(() => [
-            (d(), L(U, null, ne(o, (f, u) => s(p, {
+            (d(), L(U, null, ne(o, (f, u) => i(p, {
               key: u,
               class: "mb-0",
               "prepend-icon": `svg:${t(Gt)}`
             }, {
               prepend: r(() => [
-                s(D, {
+                i(D, {
                   class: "mx-n2",
                   size: "small"
                 })
@@ -1751,27 +1751,27 @@ const Ke = W("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = A(!1), o = re(c, "modelValue"), a = P();
+    const e = O(!1), o = le(c, "modelValue"), a = P();
     return B(e, async (n) => {
       n && a.subscriptionInfo();
     }), B(() => a.interval, (n) => {
       o.value = n;
-    }, { immediate: !0 }), (n, i) => (d(), _(pt, {
+    }, { immediate: !0 }), (n, s) => (d(), _(pt, {
       modelValue: o.value,
-      "onUpdate:modelValue": i[0] || (i[0] = (l) => o.value = l),
+      "onUpdate:modelValue": s[0] || (s[0] = (l) => o.value = l),
       mandatory: ""
     }, {
       default: r(() => [
-        s(de, null, {
+        i(de, null, {
           default: r(() => [
-            s(K, {
+            i(K, {
               cols: "12",
               md: "6"
             }, {
               default: r(() => [
-                s(Re, { value: "month" }, {
+                i(Re, { value: "month" }, {
                   default: r(({ toggle: l, isSelected: p }) => [
-                    s(E, {
+                    i(E, {
                       border: p ? "sm primary opacity-100" : "sm",
                       color: p ? "primary" : void 0,
                       "prepend-icon": p ? `svg:${t(Ie)}` : "$radioOff",
@@ -1782,7 +1782,7 @@ const Ke = W("settings", () => {
                       onClick: l
                     }, {
                       prepend: r(() => [
-                        s(D, { class: "mt-n6" })
+                        i(D, { class: "mt-n6" })
                       ]),
                       _: 2
                     }, 1032, ["border", "color", "prepend-icon", "variant", "onClick"])
@@ -1792,14 +1792,14 @@ const Ke = W("settings", () => {
               ]),
               _: 1
             }),
-            s(K, {
+            i(K, {
               cols: "12",
               md: "6"
             }, {
               default: r(() => [
-                s(Re, { value: "year" }, {
+                i(Re, { value: "year" }, {
                   default: r(({ toggle: l, isSelected: p }) => [
-                    s(E, {
+                    i(E, {
                       border: p ? "sm primary opacity-100" : "sm",
                       color: p ? "primary" : void 0,
                       "prepend-icon": p ? `svg:${t(Ie)}` : "$radioOff",
@@ -1810,10 +1810,10 @@ const Ke = W("settings", () => {
                       onClick: l
                     }, {
                       prepend: r(() => [
-                        s(D, { class: "mt-n6" })
+                        i(D, { class: "mt-n6" })
                       ]),
                       append: r(() => [
-                        s(te, {
+                        i(te, {
                           class: "mt-n6",
                           color: "success",
                           size: "small",
@@ -1847,8 +1847,8 @@ const Ke = W("settings", () => {
     function e(u) {
       return new Promise((h) => setTimeout(h, u));
     }
-    const o = re(c, "modelValue"), a = P(), n = ve(), i = A(a.interval), l = A(a.hasBilling ? "status" : "subscribe"), p = A(!1);
-    B(i, (u) => {
+    const o = le(c, "modelValue"), a = P(), n = ve(), s = O(a.interval), l = O(a.hasBilling ? "status" : "subscribe"), p = O(!1);
+    B(s, (u) => {
       !a.isSubscriber || !a.interval || (p.value = u !== a.interval);
     }), B(o, async (u) => {
       if (!u || !a.isSubscriber) {
@@ -1860,7 +1860,7 @@ const Ke = W("settings", () => {
       !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 a.modify(i.value), await a.subscriptionInfo(), p.value = null, await e(3e3), l.value = "status", await e(300), p.value = !1;
+      await a.modify(s.value), await a.subscriptionInfo(), p.value = null, await e(3e3), l.value = "status", await e(300), p.value = !1;
     }
     return (u, h) => {
       const b = we, g = mn, V = pn, m = an, v = Yo, k = fe, N = xe;
@@ -1871,36 +1871,36 @@ const Ke = W("settings", () => {
         title: "Subscriptions"
       }, R({
         default: r(() => [
-          s(ke, null, {
+          i(ke, null, {
             default: r(() => [
-              s($e, { scrollable: "" }, {
+              i($e, { scrollable: "" }, {
                 default: r(() => [
                   y("div", fn, [
-                    s(_e, null, {
+                    i(_e, null, {
                       default: r(() => [
-                        s(b, {
+                        i(b, {
                           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"
                         }),
-                        s(mt, { "model-value": t(l) }, {
+                        i(mt, { "model-value": t(l) }, {
                           default: r(() => [
-                            s(ge, { value: "subscribe" }, {
+                            i(ge, { value: "subscribe" }, {
                               default: r(() => [
-                                s(g, {
-                                  modelValue: t(i),
-                                  "onUpdate:modelValue": h[0] || (h[0] = (j) => se(i) ? i.value = j : null)
+                                i(g, {
+                                  modelValue: t(s),
+                                  "onUpdate:modelValue": h[0] || (h[0] = (j) => se(s) ? s.value = j : null)
                                 }, null, 8, ["modelValue"]),
                                 vn,
-                                s(V)
+                                i(V)
                               ]),
                               _: 1
                             }),
-                            s(ge, { value: "status" }, {
+                            i(ge, { value: "status" }, {
                               default: r(() => [
-                                s(m, {
+                                i(m, {
                                   "onChange:subscription": h[1] || (h[1] = (j) => l.value = "subscribe")
                                 }),
-                                s(v)
+                                i(v)
                               ]),
                               _: 1
                             })
@@ -1944,13 +1944,13 @@ const Ke = W("settings", () => {
               }, null, 8, ["prepend-icon"])) : (d(), _(k, {
                 key: 1,
                 block: "",
-                color: t(i) ? "primary" : "disabled",
-                disabled: !t(i),
+                color: t(s) ? "primary" : "disabled",
+                disabled: !t(s),
                 loading: t(a).isLoading,
                 "prepend-icon": "$vuetify",
                 size: "default",
                 text: "Activate Subscription",
-                onClick: h[2] || (h[2] = (j) => t(a).subscribe(t(i)))
+                onClick: h[2] || (h[2] = (j) => t(a).subscribe(t(s)))
               }, null, 8, ["color", "disabled", "loading"]))
             ])
           ]),
@@ -1962,17 +1962,17 @@ const Ke = W("settings", () => {
 }), gn = /* @__PURE__ */ $({
   __name: "VoSubscriptionListItem",
   setup(c) {
-    const e = A(!1);
+    const e = O(!1);
     return (o, a) => {
-      const n = _n, i = J;
-      return d(), _(i, {
+      const n = _n, s = J;
+      return d(), _(s, {
         active: t(e),
         link: "",
         "prepend-icon": `svg:${t(Jt)}`,
         title: "Subscriptions"
       }, {
         default: r(() => [
-          s(n, {
+          i(n, {
             modelValue: t(e),
             "onUpdate:modelValue": a[0] || (a[0] = (l) => se(e) ? e.value = l : null)
           }, null, 8, ["modelValue"])
@@ -1996,11 +1996,11 @@ const Ke = W("settings", () => {
     sponsorship: {}
   },
   setup(c) {
-    const e = 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}`;
+    const e = c, o = Ke(), a = w(() => {
+      var s, l;
+      return `$${parseFloat(String((((s = e.sponsorship) == null ? void 0 : s.amount) ?? 0) / 100)).toFixed(2)} /${(l = e.sponsorship) == null ? void 0 : l.interval}`;
     });
-    return (n, i) => {
+    return (n, s) => {
       var p, f;
       const l = fe;
       return d(), _(ko, {
@@ -2010,7 +2010,7 @@ const Ke = W("settings", () => {
         width: "100%"
       }, {
         default: r(() => [
-          s(E, {
+          i(E, {
             border: "",
             "prepend-avatar": `${t(o).CDN_URL}logos/${n.logo}.png`,
             rounded: "lg",
@@ -2021,7 +2021,7 @@ const Ke = W("settings", () => {
               var u;
               return [
                 (u = n.sponsorship) != null && u.isActive ? (d(), L("div", yn, [
-                  s(D, {
+                  i(D, {
                     icon: `svg:${t(Xt)}`,
                     size: "x-small"
                   }, null, 8, ["icon"]),
@@ -2122,7 +2122,7 @@ const Ke = W("settings", () => {
   __name: "VoSponsorshipsTimeline",
   setup(c) {
     return (e, o) => {
-      const a = $n, n = kn, i = Vn, l = bn;
+      const a = $n, n = kn, s = Vn, l = bn;
       return d(), _($o, {
         class: "justify-start ms-n7",
         "line-inset": "12",
@@ -2131,10 +2131,10 @@ const Ke = W("settings", () => {
         "truncate-line": "both"
       }, {
         default: r(() => [
-          s(a),
-          s(n),
-          s(i),
-          s(l)
+          i(a),
+          i(n),
+          i(s),
+          i(l)
         ]),
         _: 1
       });
@@ -2148,10 +2148,10 @@ const Ke = W("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = re(c, "modelValue"), o = ve(), a = M(), n = P();
+    const e = le(c, "modelValue"), o = ve(), a = M(), n = P();
     return B(o, async () => {
       o.value.one === "sponsorships" && (n.isOpen = !0, await pe(), e.value = !0);
-    }, { immediate: !0 }), (i, l) => {
+    }, { immediate: !0 }), (s, l) => {
       const p = we, f = xn, u = We("v-empty-state"), h = xe;
       return d(), _(h, {
         modelValue: e.value,
@@ -2160,29 +2160,29 @@ const Ke = W("settings", () => {
         title: "Sponsorships"
       }, {
         default: r(() => [
-          s(ke, null, {
+          i(ke, null, {
             default: r(() => [
-              s($e, { scrollable: "" }, {
+              i($e, { scrollable: "" }, {
                 default: r(() => [
                   y("div", wn, [
-                    s(_e, { class: "flex-0-0 mb-16 mb-sm-4" }, {
+                    i(_e, { class: "flex-0-0 mb-16 mb-sm-4" }, {
                       default: r(() => [
-                        s(p, {
+                        i(p, {
                           text: "Support Vuetify through GitHub Sponsors, Discord, or Patreon to unlock exclusive benefits and content.",
                           title: "Support Vuetify"
                         }),
-                        s(f)
+                        i(f)
                       ]),
                       _: 1
                     }),
-                    s(u, {
+                    i(u, {
                       class: "flex-1-0",
                       icon: "$vuetify",
                       "min-height": "auto",
                       size: "128"
                     }, {
                       media: r(() => [
-                        s(D, {
+                        i(D, {
                           color: t(a).isSubscriber ? "success" : "error"
                         }, null, 8, ["color"])
                       ]),
@@ -2210,17 +2210,17 @@ const Ke = W("settings", () => {
 }), In = /* @__PURE__ */ $({
   __name: "VoSponsorshipsListItem",
   setup(c) {
-    const e = A(!1);
+    const e = O(!1);
     return (o, a) => {
-      const n = Ln, i = J;
-      return d(), _(i, {
+      const n = Ln, s = J;
+      return d(), _(s, {
         active: t(e),
         link: "",
         "prepend-icon": `svg:${t(eo)}`,
         title: "Sponsorships"
       }, {
         default: r(() => [
-          s(n, {
+          i(n, {
             modelValue: t(e),
             "onUpdate:modelValue": a[0] || (a[0] = (l) => se(e) ? e.value = l : null)
           }, null, 8, ["modelValue"])
@@ -2239,7 +2239,7 @@ const Ke = W("settings", () => {
   }),
   emits: ["update:modelValue"],
   setup(c) {
-    const e = re(c, "modelValue"), o = ve(), a = Ne(), n = M(), i = P(), { smAndUp: l } = le(), p = [
+    const e = le(c, "modelValue"), o = ve(), a = Ne(), n = M(), s = P(), { smAndUp: l } = ce(), p = [
       {
         title: "Customize",
         subtitle: "Customize your Vuetify theme, components, and more with the Vuetify Studio.",
@@ -2260,7 +2260,7 @@ const Ke = W("settings", () => {
       }
     ];
     B(o, async () => {
-      o.value.one === "studio" && (i.isOpen = !0, await pe(), e.value = !0);
+      o.value.one === "studio" && (s.isOpen = !0, await pe(), e.value = !0);
     }, { immediate: !0 });
     function f() {
       e.value = !1, a.push({ query: { one: "subscribe" } });
@@ -2274,11 +2274,11 @@ const Ke = W("settings", () => {
         title: "Vuetify Studio"
       }, {
         default: r(() => [
-          s(ke, null, {
+          i(ke, null, {
             default: r(() => [
-              s($e, { scrollable: "" }, {
+              i($e, { scrollable: "" }, {
                 default: r(() => [
-                  s(Y, {
+                  i(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,14 +2288,14 @@ const Ke = W("settings", () => {
                     src: "https://cdn.vuetifyjs.com/docs/images/one/studio/hero.png"
                   }, {
                     default: r(() => [
-                      s(E, {
+                      i(E, {
                         class: "text-center pa-3",
                         color: "surface",
                         flat: "",
                         rounded: "xl"
                       }, {
                         text: r(() => [
-                          s(D, {
+                          i(D, {
                             color: "accent",
                             icon: u.prependIcon,
                             size: "80"
@@ -2308,17 +2308,17 @@ const Ke = W("settings", () => {
                     ]),
                     _: 1
                   }),
-                  (d(), L(U, null, ne(p, (V, m) => s(ye, {
+                  (d(), L(U, null, ne(p, (V, m) => i(ye, {
                     key: m,
                     class: "py-8",
                     color: m % 2 === 0 ? "surface-light" : "surface-variant"
                   }, {
                     default: r(() => [
-                      s(tt, null, {
+                      i(tt, null, {
                         default: r(() => [
-                          s(de, { align: "center" }, {
+                          i(de, { align: "center" }, {
                             default: r(() => [
-                              s(K, {
+                              i(K, {
                                 cols: "12",
                                 offset: "0",
                                 "offset-sm": "1",
@@ -2332,14 +2332,14 @@ const Ke = W("settings", () => {
                                 ]),
                                 _: 2
                               }, 1032, ["order"]),
-                              s(K, {
+                              i(K, {
                                 cols: "12",
                                 offset: "0",
                                 "offset-sm": m % 2,
                                 sm: "4"
                               }, {
                                 default: r(() => [
-                                  s(Y, {
+                                  i(Y, {
                                     cover: "",
                                     height: t(l) ? 180 : void 0,
                                     rounded: "lg",
@@ -2357,18 +2357,18 @@ const Ke = W("settings", () => {
                     ]),
                     _: 2
                   }, 1032, ["color"])), 64)),
-                  t(n).isSubscriber ? w("", !0) : (d(), _(ye, {
+                  t(n).isSubscriber ? S("", !0) : (d(), _(ye, {
                     key: 0,
                     class: "text-center py-6"
                   }, {
                     default: r(() => [
-                      s(tt, null, {
+                      i(tt, null, {
                         default: r(() => [
-                          s(de, { justify: "center" }, {
+                          i(de, { justify: "center" }, {
                             default: r(() => [
-                              s(K, { cols: "6" }, {
+                              i(K, { cols: "6" }, {
                                 default: r(() => [
-                                  s(Q, {
+                                  i(Q, {
                                     image: "https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
                                     size: "64"
                                   }),
@@ -2376,9 +2376,9 @@ const Ke = W("settings", () => {
                                 ]),
                                 _: 1
                               }),
-                              s(K, { cols: "12" }, {
+                              i(K, { cols: "12" }, {
                                 default: r(() => [
-                                  s(b, {
+                                  i(b, {
                                     "prepend-icon": "$vuetify",
                                     size: "x-large",
                                     text: "Subscribe Today",
@@ -2410,14 +2410,14 @@ const Ke = W("settings", () => {
 }), Fn = /* @__PURE__ */ $({
   __name: "VoStudioNavItem",
   setup(c) {
-    const e = A(!1), o = [
+    const e = O(!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 (a, n) => {
-      const i = zn, l = J;
+      const s = zn, l = J;
       return d(), _(l, {
         active: t(e),
         link: "",
@@ -2425,7 +2425,7 @@ const Ke = W("settings", () => {
         title: "Vuetify Studio"
       }, {
         append: r(() => [
-          s(te, {
+          i(te, {
             label: "",
             size: "x-small"
           }, {
@@ -2436,7 +2436,7 @@ const Ke = W("settings", () => {
           })
         ]),
         default: r(() => [
-          s(i, {
+          i(s, {
             modelValue: t(e),
             "onUpdate:modelValue": n[0] || (n[0] = (p) => se(e) ? e.value = p : null),
             "prepend-icon": o
@@ -2458,11 +2458,11 @@ const Ke = W("settings", () => {
     items: {}
   },
   setup(c) {
-    const e = Ue(), o = le(), a = F();
+    const e = Ue(), o = ce(), a = F();
     function n(l) {
       return a.notifications.last.banner.includes(l);
     }
-    function i(l) {
+    function s(l) {
       n(l.slug) ? a.notifications.last.banner = a.notifications.last.banner.filter((p) => p !== l.slug) : a.notifications.last.banner.push(l.slug);
     }
     return (l, p) => {
@@ -2480,7 +2480,7 @@ const Ke = W("settings", () => {
                 key: u.slug,
                 class: "mb-4"
               }, [
-                s(E, {
+                i(E, {
                   color: u.metadata.color,
                   flat: "",
                   image: (h = u.metadata.images.bg) == null ? void 0 : h.url,
@@ -2490,38 +2490,38 @@ const Ke = W("settings", () => {
                   prepend: r(() => {
                     var b;
                     return [
-                      s(Q, {
+                      i(Q, {
                         image: (b = u.metadata.images.logo) == null ? void 0 : b.url
                       }, null, 8, ["image"])
                     ];
                   }),
                   image: r(() => [
-                    s(Y, { position: "right" })
+                    i(Y, { position: "right" })
                   ]),
                   _: 2
                 }, 1032, ["color", "image", "title"]),
-                s(ze, null, {
+                i(ze, null, {
                   default: r(({ props: b, isHovering: g }) => [
-                    s(ye, H(b, {
+                    i(ye, H(b, {
                       border: "",
                       class: "px-8 pt-2 pb-4 position-relative",
                       rounded: "b"
                     }), {
                       default: r(() => [
-                        s(ee, {
+                        i(ee, {
                           location: "bottom",
                           text: n(u.slug) ? "Mark as unread" : "Mark as read"
                         }, {
                           activator: r(({ props: V }) => [
-                            s(Be, { "hide-on-leave": "" }, {
+                            i(Be, { "hide-on-leave": "" }, {
                               default: r(() => [
-                                De(s(q, H(V, {
+                                De(i(q, H(V, {
                                   class: "ms-auto float-right",
                                   icon: `svg:${n(u.slug) ? t(lt) : t(rt)}`,
                                   "mdi-email-variant": "",
                                   size: "small",
                                   variant: "text",
-                                  onClick: (m) => i(u)
+                                  onClick: (m) => s(u)
                                 }), null, 16, ["icon", "onClick"]), [
                                   [Ge, g || t(o).mobile.value]
                                 ])
@@ -2534,7 +2534,7 @@ const Ke = W("settings", () => {
                         y("div", Pn, C(u.metadata.text), 1),
                         y("div", Hn, C(t(e).format(u.created_at, "fullDateWithWeekday")), 1),
                         y("div", Rn, C(u.metadata.subtext), 1),
-                        s(te, H({
+                        i(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
@@ -2547,7 +2547,7 @@ const Ke = W("settings", () => {
                           variant: "text"
                         }), {
                           append: r(() => [
-                            s(D, { size: "12" })
+                            i(D, { size: "12" })
                           ]),
                           _: 2
                         }, 1040, ["append-icon", "text"])
@@ -2560,12 +2560,12 @@ const Ke = W("settings", () => {
               ]);
             }), 128))
           ])) : (d(), L("div", Tn, [
-            s(f, {
+            i(f, {
               icon: "$vuetify",
               size: "256"
             }, {
               media: r(() => [
-                s(D, { color: "medium-emphasis" })
+                i(D, { color: "medium-emphasis" })
               ]),
               title: r(() => [
                 jn
@@ -2585,7 +2585,7 @@ const Ke = W("settings", () => {
     notification: {}
   },
   setup(c) {
-    const e = c, o = F(), a = Ue(), n = le(), i = S(() => {
+    const e = c, o = F(), a = Ue(), n = ce(), s = w(() => {
       const f = e.notification.metadata ?? { action: "" };
       return {
         href: f.action.startsWith("http") ? f.action : void 0,
@@ -2607,24 +2607,24 @@ const Ke = W("settings", () => {
       const h = J;
       return d(), _(ze, null, {
         default: r(({ isHovering: b, props: g }) => [
-          s(h, H(g, { class: "py-4 mb-0" }), {
+          i(h, H(g, { class: "py-4 mb-0" }), {
             prepend: r(() => [
               y("div", qn, C(f.notification.metadata.emoji), 1)
             ]),
             append: r(() => [
-              s(xo, {
+              i(xo, {
                 class: "mt-n3",
                 width: "56"
               }, {
                 default: r(() => [
-                  s(ee, {
+                  i(ee, {
                     location: "bottom",
                     text: l(f.notification.slug) ? "Mark as unread" : "Mark as read"
                   }, {
                     activator: r(({ props: V }) => [
-                      s(Be, { "hide-on-leave": "" }, {
+                      i(Be, { "hide-on-leave": "" }, {
                         default: r(() => [
-                          De(s(q, H(V, {
+                          De(i(q, H(V, {
                             class: "ms-auto",
                             icon: `svg:${l(f.notification.slug) ? t(lt) : t(rt)}`,
                             "mdi-email-variant": "",
@@ -2645,7 +2645,7 @@ const Ke = W("settings", () => {
               }, 1024)
             ]),
             default: r(() => [
-              s(ct, { class: "text-wrap text-h6 mb-1" }, {
+              i(ct, { class: "text-wrap text-h6 mb-1" }, {
                 default: r(() => [
                   y("div", Wn, C(f.notification.title), 1)
                 ]),
@@ -2653,9 +2653,9 @@ const Ke = W("settings", () => {
               }),
               y("div", Gn, C(t(a).format(f.notification.created_at, "fullDateWithWeekday")), 1),
               y("div", Zn, C(f.notification.metadata.text), 1),
-              s(te, H({
+              i(te, H({
                 "append-icon": `svg:${t(Oe)}`
-              }, t(i), {
+              }, t(s), {
                 border: "",
                 label: "",
                 size: "small",
@@ -2663,7 +2663,7 @@ const Ke = W("settings", () => {
                 variant: "text"
               }), {
                 append: r(() => [
-                  s(D, { size: "12" })
+                  i(D, { size: "12" })
                 ]),
                 _: 1
               }, 16, ["append-icon", "text"])
@@ -2692,18 +2692,18 @@ const Ke = W("settings", () => {
         lines: "three"
       }, {
         default: r(() => [
-          e.items.length ? (d(!0), L(U, { key: 1 }, ne(e.items, (i, l) => (d(), L(U, {
-            key: i.slug
+          e.items.length ? (d(!0), L(U, { key: 1 }, ne(e.items, (s, l) => (d(), L(U, {
+            key: s.slug
           }, [
-            l !== 0 ? (d(), _(Z, { key: 0 })) : w("", !0),
-            s(n, { notification: i }, null, 8, ["notification"])
+            l !== 0 ? (d(), _(Z, { key: 0 })) : S("", !0),
+            i(n, { notification: s }, null, 8, ["notification"])
           ], 64))), 128)) : (d(), L("div", Yn, [
-            s(a, {
+            i(a, {
               icon: "$vuetify",
               size: "256"
             }, {
               media: r(() => [
-                s(D, { color: "medium-emphasis" })
+                i(D, { color: "medium-emphasis" })
               ]),
               title: r(() => [
                 Jn
@@ -2717,15 +2717,15 @@ const Ke = W("settings", () => {
     };
   }
 }), bt = W("site", () => {
-  const c = O([]), e = O();
+  const c = A([]), e = A();
   return {
     id: c,
     url: e
   };
 }), je = W("banners", () => {
-  const c = ce(), e = bt(), o = F(), a = O([]), n = O([]), i = O(), l = A(!1), p = S(() => {
-    if (i.value)
-      return i.value;
+  const c = ie(), e = bt(), o = F(), a = A([]), n = A([]), s = A(), l = O(!1), p = w(() => {
+    if (s.value)
+      return s.value;
     if (f.value)
       return f.value;
     if (o.notifications.banners)
@@ -2736,7 +2736,7 @@ const Ke = W("settings", () => {
           active: N
         }
       }) => !N || o.notifications.last.banner.includes(v) ? !1 : k.includes("dev") && !1 || k.includes("*") ? !0 : k.some((j) => e.id.includes(j)));
-  }), f = S(() => a.value.find(({
+  }), f = w(() => a.value.find(({
     metadata: {
       site: v,
       active: k
@@ -2757,7 +2757,7 @@ const Ke = W("settings", () => {
     try {
       l.value = !0;
       const k = await c.get(`/one/admin/banners/${v}`);
-      return i.value = k.banner, k.banner;
+      return s.value = k.banner, k.banner;
     } catch {
     } finally {
       l.value = !1;
@@ -2770,7 +2770,7 @@ const Ke = W("settings", () => {
         "/one/admin/banners",
         v
       );
-      return i.value = k.banner, k.banner;
+      return s.value = k.banner, k.banner;
     } catch {
     } finally {
       l.value = !1;
@@ -2783,7 +2783,7 @@ const Ke = W("settings", () => {
         `/one/admin/banners/${v}`,
         k
       );
-      return i.value = N.banner, N.banner;
+      return s.value = N.banner, N.banner;
     } catch {
     } finally {
       l.value = !1;
@@ -2808,7 +2808,7 @@ const Ke = W("settings", () => {
     isLoading: l,
     server: f,
     banner: p,
-    record: i,
+    record: s,
     admin: m,
     destroy: V,
     index: u,
@@ -2824,13 +2824,13 @@ const Ke = W("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(), o = ve(), a = je(), n = Fe(), i = P(), l = F(), p = A(["read"]), f = re(c, "modelValue");
+    const e = ce(), o = ve(), a = je(), n = Fe(), s = P(), l = F(), p = O(["read"]), f = le(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;
+      s.isOpen = !0, await pe(), f.value = !0;
     }, { immediate: !0 }), (u, h) => {
       const b = J, g = Xn, V = En, m = xe;
       return d(), _(m, {
@@ -2840,15 +2840,15 @@ const Ke = W("settings", () => {
         title: "Notifications"
       }, {
         default: r(() => [
-          s(ke, null, {
+          i(ke, null, {
             default: r(() => [
-              s(wo, {
+              i(wo, {
                 location: t(e).mobile.value ? "top" : "start",
                 permanent: "",
                 width: t(e).mobile.value ? 128 : 168
               }, {
                 default: r(() => [
-                  s(ae, {
+                  i(ae, {
                     selected: t(p),
                     "onUpdate:selected": h[0] || (h[0] = (v) => se(p) ? p.value = v : null),
                     class: "px-4 pt-4",
@@ -2857,7 +2857,7 @@ const Ke = W("settings", () => {
                     nav: ""
                   }, {
                     default: r(() => [
-                      s(b, {
+                      i(b, {
                         "prepend-icon": `svg:${t(oo)}`,
                         title: "Unread",
                         value: "read"
@@ -2870,7 +2870,7 @@ const Ke = W("settings", () => {
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
-                      s(b, {
+                      i(b, {
                         "prepend-icon": `svg:${t(no)}`,
                         title: "Read",
                         value: "unread"
@@ -2890,45 +2890,45 @@ const Ke = W("settings", () => {
                         value: "banners"
                       }, {
                         append: r(() => [
-                          s(Je, {
+                          i(Je, {
                             dot: "",
                             "offset-y": "-3"
                           })
                         ]),
                         _: 1
-                      }, 8, ["prepend-icon"])) : w("", !0)
+                      }, 8, ["prepend-icon"])) : S("", !0)
                     ]),
                     _: 1
                   }, 8, ["selected"])
                 ]),
                 _: 1
               }, 8, ["location", "width"]),
-              s($e, { scrollable: "" }, {
+              i($e, { scrollable: "" }, {
                 default: r(() => [
-                  s(mt, {
+                  i(mt, {
                     modelValue: t(p),
                     "onUpdate:modelValue": h[1] || (h[1] = (v) => se(p) ? p.value = v : null)
                   }, {
                     default: r(() => [
-                      s(ge, { value: "read" }, {
+                      i(ge, { value: "read" }, {
                         default: r(() => [
-                          s(g, {
+                          i(g, {
                             items: t(n).unread
                           }, null, 8, ["items"])
                         ]),
                         _: 1
                       }),
-                      s(ge, { value: "unread" }, {
+                      i(ge, { value: "unread" }, {
                         default: r(() => [
-                          s(g, {
+                          i(g, {
                             items: t(n).read
                           }, null, 8, ["items"])
                         ]),
                         _: 1
                       }),
-                      s(ge, { value: "banners" }, {
+                      i(ge, { value: "banners" }, {
                         default: r(() => [
-                          s(V, {
+                          i(V, {
                             items: t(a).all
                           }, null, 8, ["items"])
                         ]),
@@ -2966,10 +2966,10 @@ const Ke = W("settings", () => {
 }), ns = /* @__PURE__ */ $({
   __name: "VoNotificationsNavItem",
   setup(c) {
-    const e = je(), o = F(), a = Fe(), n = A(!1);
+    const e = je(), o = F(), a = Fe(), n = O(!1);
     return qe(async () => {
       a.index(), e.index();
-    }), (i, l) => {
+    }), (s, l) => {
       const p = os, f = ts, u = J;
       return t(o).notifications.show ? (d(), _(u, {
         key: 0,
@@ -2979,7 +2979,7 @@ const Ke = W("settings", () => {
         title: "Notifications"
       }, R({
         default: r(() => [
-          s(f, {
+          i(f, {
             modelValue: t(n),
             "onUpdate:modelValue": l[0] || (l[0] = (h) => se(n) ? n.value = h : null)
           }, null, 8, ["modelValue"])
@@ -2989,16 +2989,16 @@ const Ke = W("settings", () => {
         t(a).unread.length ? {
           name: "prepend",
           fn: r(() => [
-            s(p, null, {
+            i(p, null, {
               default: r(() => [
-                s(D)
+                i(D)
               ]),
               _: 1
             })
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["active", "prepend-icon"])) : w("", !0);
+      ]), 1032, ["active", "prepend-icon"])) : S("", !0);
     };
   }
 }), ss = /* @__PURE__ */ $({
@@ -3011,8 +3011,8 @@ const Ke = W("settings", () => {
       }, 100);
     }
     return (a, n) => {
-      const i = J;
-      return d(), _(i, {
+      const s = J;
+      return d(), _(s, {
         "prepend-icon": `svg:${t(io)}`,
         title: "Dashboard",
         to: "/user/dashboard",
@@ -3025,20 +3025,20 @@ const Ke = W("settings", () => {
   setup(c) {
     const e = M();
     return (o, a) => {
-      const n = ss, i = ns, l = Fn, p = In, f = gn, u = Zo, h = Ho;
+      const n = ss, s = ns, l = Fn, p = In, f = gn, u = Zo, h = Ho;
       return d(), _(ae, {
         density: "compact",
         nav: "",
         slim: ""
       }, {
         default: r(() => [
-          s(n),
-          s(i),
-          s(l),
-          s(p),
-          t(e).user ? (d(), _(f, { key: 0 })) : w("", !0),
-          s(u),
-          t(e).user ? (d(), _(h, { key: 1 })) : w("", !0)
+          i(n),
+          i(s),
+          i(l),
+          i(p),
+          t(e).user ? (d(), _(f, { key: 0 })) : S("", !0),
+          i(u),
+          t(e).user ? (d(), _(h, { key: 1 })) : S("", !0)
         ]),
         _: 1
       });
@@ -3057,11 +3057,11 @@ const Ke = W("settings", () => {
       "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) => (d(), _(me, null, {
+    return (n, s) => (d(), _(me, null, {
       default: r(() => [
         t(e).quickbar ? (d(), L("div", is, [
           y("div", rs, [
-            s(q, {
+            i(q, {
               class: "text-caption",
               color: t(e).colors.one,
               density: "comfortable",
@@ -3070,8 +3070,8 @@ const Ke = W("settings", () => {
               target: "_blank"
             }, {
               default: r(() => [
-                s(D),
-                s(ee, {
+                i(D),
+                i(ee, {
                   activator: "parent",
                   location: "top",
                   text: "Vuetify Play"
@@ -3079,7 +3079,7 @@ const Ke = W("settings", () => {
               ]),
               _: 1
             }, 8, ["color"]),
-            s(q, {
+            i(q, {
               class: "text-caption",
               color: t(e).colors.one,
               density: "comfortable",
@@ -3088,8 +3088,8 @@ const Ke = W("settings", () => {
               target: "_blank"
             }, {
               default: r(() => [
-                s(D),
-                s(ee, {
+                i(D),
+                i(ee, {
                   activator: "parent",
                   location: "top",
                   text: "Vuetify Bin"
@@ -3097,7 +3097,7 @@ const Ke = W("settings", () => {
               ]),
               _: 1
             }, 8, ["color"]),
-            s(q, {
+            i(q, {
               class: "text-caption",
               color: t(e).colors.one,
               density: "comfortable",
@@ -3106,8 +3106,8 @@ const Ke = W("settings", () => {
               target: "_blank"
             }, {
               default: r(() => [
-                s(D),
-                s(ee, {
+                i(D),
+                i(ee, {
                   activator: "parent",
                   location: "top",
                   text: "Vuetify Issues"
@@ -3116,7 +3116,7 @@ const Ke = W("settings", () => {
               _: 1
             }, 8, ["color"])
           ])
-        ])) : w("", !0)
+        ])) : S("", !0)
       ]),
       _: 1
     }));
@@ -3124,7 +3124,7 @@ 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 = P(), a = F(), n = A(!1), i = S(() => {
+    const e = M(), o = P(), a = F(), n = O(!1), s = w(() => {
       const f = [
         "https://cdn.vuetifyjs.com/docs/images/avatars/dark.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/blackguard.png",
@@ -3181,17 +3181,17 @@ const Ke = W("settings", () => {
           [So, t(e).isSubscriber]
         ]),
         y("div", cs, [
-          s(me, null, {
+          i(me, null, {
             default: r(() => [
               t(n) ? (d(), L("div", us, [
-                s(E, {
+                i(E, {
                   class: "pt-6 pb-1",
                   flat: "",
                   rounded: "0"
                 }, {
                   default: r(() => [
                     y("div", ds, [
-                      (d(!0), L(U, null, ne(t(i), (b, g) => (d(), _(q, {
+                      (d(!0), L(U, null, ne(t(s), (b, g) => (d(), _(q, {
                         key: g,
                         active: t(a).avatar === b,
                         icon: "",
@@ -3199,7 +3199,7 @@ const Ke = W("settings", () => {
                         onClick: (V) => l(b)
                       }, {
                         default: r(() => [
-                          s(Q, {
+                          i(Q, {
                             eager: "",
                             image: b
                           }, null, 8, ["image"])
@@ -3210,7 +3210,7 @@ const Ke = W("settings", () => {
                   ]),
                   _: 1
                 })
-              ])) : w("", !0)
+              ])) : S("", !0)
             ]),
             _: 1
           })
@@ -3222,11 +3222,11 @@ const Ke = W("settings", () => {
 }), fs = /* @__PURE__ */ $({
   __name: "VoUserBadges",
   setup(c) {
-    const e = M(), o = P(), a = S(() => {
+    const e = M(), o = P(), a = w(() => {
       var n;
       return o.github || o.discord || o.isSubscriber || ((n = e.user) == null ? void 0 : n.isAdmin);
     });
-    return (n, i) => t(a) ? (d(), _(ye, {
+    return (n, s) => t(a) ? (d(), _(ye, {
       key: 0,
       class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
       color: "rgba(0,0,0,.54)",
@@ -3242,56 +3242,56 @@ const Ke = W("settings", () => {
             text: "Vuetify Administrator"
           }, {
             activator: r(({ props: p }) => [
-              s(D, H({
+              i(D, H({
                 color: "blue",
                 icon: "$vuetify"
               }, p, { size: "16" }), null, 16)
             ]),
             _: 1
-          })) : w("", !0),
+          })) : S("", !0),
           t(o).isSubscriber ? (d(), _(ee, {
             key: 1,
             location: "bottom",
             text: "Vuetify One Subscriber"
           }, {
             activator: r(({ props: p }) => [
-              s(D, H({
+              i(D, H({
                 color: "amber-darken-2",
                 icon: `svg:${t(ro)}`
               }, p, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
-          })) : w("", !0),
+          })) : S("", !0),
           t(o).github ? (d(), _(ee, {
             key: 2,
             location: "bottom",
             text: "GitHub Sponsor"
           }, {
             activator: r(({ props: p }) => [
-              s(D, H({
+              i(D, H({
                 color: "white",
                 icon: `svg:${t(Ye)}`
               }, p, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
-          })) : w("", !0),
+          })) : S("", !0),
           t(o).discord ? (d(), _(ee, {
             key: 3,
             location: "bottom",
             text: "Discord Subscriber"
           }, {
             activator: r(({ props: p }) => [
-              s(D, H({
+              i(D, H({
                 color: "white",
                 icon: `svg:${t(Qe)}`
               }, p, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
-          })) : w("", !0)
+          })) : S("", !0)
         ];
       }),
       _: 1
-    })) : w("", !0);
+    })) : S("", !0);
   }
 }), vs = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, hs = {
   key: "reset",
@@ -3299,14 +3299,14 @@ const Ke = W("settings", () => {
 }, _s = /* @__PURE__ */ $({
   __name: "VoUserColors",
   setup(c) {
-    const e = M(), o = F(), a = A(!1);
+    const e = M(), o = F(), a = O(!1);
     function n() {
       o.colors.one = "surface-light";
     }
-    return (i, l) => {
+    return (s, l) => {
       const p = fs, f = fe;
       return d(), L(U, null, [
-        s(Y, {
+        i(Y, {
           color: t(e).user ? t(o).colors.one : "surface-light",
           "content-class": "d-flex align-start justify-end pa-2",
           cover: "",
@@ -3316,11 +3316,11 @@ const Ke = W("settings", () => {
         }, {
           default: r(() => [
             y("div", vs, [
-              s(p),
-              s(go, null, {
+              i(p),
+              i(go, null, {
                 default: r(() => [
                   De(y("div", hs, [
-                    s(f, {
+                    i(f, {
                       class: "ms-2 me-1",
                       color: "inherit",
                       density: "comfortable",
@@ -3348,7 +3348,7 @@ const Ke = W("settings", () => {
                 onClick: l[0] || (l[0] = (u) => a.value = !t(a))
               }, {
                 default: r(() => [
-                  s(Be, { "leave-absolute": "" }, {
+                  i(Be, { "leave-absolute": "" }, {
                     default: r(() => [
                       (d(), _(D, {
                         key: String(t(a))
@@ -3358,12 +3358,12 @@ const Ke = W("settings", () => {
                   })
                 ]),
                 _: 1
-              }, 8, ["active", "icon", "variant"])) : w("", !0)
+              }, 8, ["active", "icon", "variant"])) : S("", !0)
             ])
           ]),
           _: 1
         }, 8, ["color"]),
-        s(me, null, {
+        i(me, null, {
           default: r(() => [
             t(a) ? (d(), _(Co, {
               key: 0,
@@ -3378,7 +3378,7 @@ const Ke = W("settings", () => {
               "swatches-max-height": "200",
               width: "278",
               "onUpdate:modelValue": l[1] || (l[1] = (u) => t(o).colors.one = u)
-            }, null, 8, ["model-value"])) : w("", !0)
+            }, null, 8, ["model-value"])) : S("", !0)
           ]),
           _: 1
         })
@@ -3388,17 +3388,17 @@ const Ke = W("settings", () => {
 }), gs = { class: "text-center mt-n9 mb-4" }, ys = /* @__PURE__ */ $({
   __name: "VoUserMenu",
   setup(c) {
-    const e = je(), o = P(), a = O();
+    const e = je(), o = P(), a = A();
     return B(() => e.banner, async () => {
-      var n, i;
-      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) => {
+      var n, s;
+      await new Promise((l) => setTimeout(l, 300)), o.isOpen && ((s = (n = a.value) == null ? void 0 : n.updateLocation) == null || s.call(n));
+    }, { flush: "pre" }), (n, s) => {
       const l = _s, p = ms, f = ls, u = as, h = gt;
       return d(), _(t(Lo), {
         ref_key: "menu",
         ref: a,
         modelValue: t(o).isOpen,
-        "onUpdate:modelValue": i[0] || (i[0] = (b) => t(o).isOpen = b),
+        "onUpdate:modelValue": s[0] || (s[0] = (b) => t(o).isOpen = b),
         activator: "parent",
         "close-on-click": !1,
         "close-on-content-click": !1,
@@ -3406,21 +3406,21 @@ const Ke = W("settings", () => {
         location: "bottom end"
       }, {
         default: r(() => [
-          s(E, {
+          i(E, {
             border: "",
             rounded: "lg",
             width: "280"
           }, {
             default: r(() => [
-              s(l),
+              i(l),
               y("div", gs, [
-                s(p),
-                s(f)
+                i(p),
+                i(f)
               ]),
-              s(Z),
-              s(u),
-              s(Z),
-              s(h)
+              i(Z),
+              i(u),
+              i(Z),
+              i(h)
             ]),
             _: 1
           })
@@ -3435,20 +3435,20 @@ const Ke = W("settings", () => {
     external: Boolean
   },
   setup(c) {
-    const e = M(), o = P(), a = F(), { lgAndUp: n } = le(), i = S(() => o.isOpen || !e.user ? a.colors.one === "surface-light" ? "primary" : a.colors.one : "surface-light");
+    const e = M(), o = P(), a = F(), { lgAndUp: n } = ce(), s = w(() => o.isOpen || !e.user ? a.colors.one === "surface-light" ? "primary" : a.colors.one : "surface-light");
     return (l, p) => {
       const f = ys, u = fe, h = Mo, b = _t;
       return d(), L(U, null, [
-        s(h, {
+        i(h, {
           "offset-y": t(e).user ? 5 : 0
         }, {
           default: r(() => [
-            s(u, H({
+            i(u, H({
               [`${t(n) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(co)}`
             }, {
               active: "",
               class: "vo-auth-btn",
-              color: t(i),
+              color: t(s),
               icon: t(e).user || t(e).isLoading,
               loading: t(e).isLoading,
               size: "default",
@@ -3456,19 +3456,19 @@ const Ke = W("settings", () => {
               variant: t(e).user ? "outlined" : "flat"
             }), {
               default: r(() => [
-                t(e).user ? w("", !0) : (d(), L("span", bs, "Login")),
+                t(e).user ? S("", !0) : (d(), L("span", bs, "Login")),
                 t(e).user ? (d(), _(Q, {
                   key: 1,
                   image: t(a).avatar || t(e).user.picture || ""
-                }, null, 8, ["image"])) : w("", !0),
-                s(f)
+                }, null, 8, ["image"])) : S("", !0),
+                i(f)
               ]),
               _: 1
             }, 16, ["color", "icon", "loading", "variant"])
           ]),
           _: 1
         }, 8, ["offset-y"]),
-        s(b)
+        i(b)
       ], 64);
     };
   }
@@ -3493,7 +3493,7 @@ const Ke = W("settings", () => {
             position: "left",
             src: e.image
           }, null, 8, ["src"]))
-        ])) : w("", !0),
+        ])) : S("", !0),
         z(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
@@ -3543,8 +3543,8 @@ const Ke = W("settings", () => {
       }
     ];
     return (a, n) => {
-      const i = kt;
-      return d(), _(i, {
+      const s = kt;
+      return d(), _(s, {
         class: "vo-footer",
         height: "40",
         image: t(e).suit.footer
@@ -3558,7 +3558,7 @@ const Ke = W("settings", () => {
             target: "_blank",
             title: l.title
           }, [
-            s(D, {
+            i(D, {
               icon: l.icon,
               size: l.icon === "$vuetify" ? 24 : 16
             }, null, 8, ["icon", "size"])
@@ -3586,10 +3586,10 @@ const Ke = W("settings", () => {
     demo: { type: Boolean }
   },
   setup(c) {
-    const e = c, { mdAndUp: o } = le(), a = Ne(), n = F(), i = je(), l = S(() => i.banner), p = S(() => {
+    const e = c, { mdAndUp: o } = ce(), a = Ne(), n = F(), s = je(), l = w(() => s.banner), p = w(() => {
       var g, V;
       return ((g = l.value) == null ? void 0 : g.metadata.height) || ((V = l.value) != null && V.metadata.subtext ? 88 : 48);
-    }), f = S(() => e.demo ? !0 : !l.value || !n.notifications.last.banner.includes(l.value.slug));
+    }), f = w(() => e.demo ? !0 : !l.value || !n.notifications.last.banner.includes(l.value.slug));
     function u() {
       l.value && n.notifications.last.banner.push(l.value.slug);
     }
@@ -3605,7 +3605,7 @@ const Ke = W("settings", () => {
       const m = V.link.split("?one=")[1];
       a.push({ query: { one: m } });
     }
-    const b = S(() => {
+    const b = w(() => {
       var V, m;
       const g = ((V = l.value) == null ? void 0 : V.metadata) ?? { link: "" };
       return {
@@ -3628,7 +3628,7 @@ const Ke = W("settings", () => {
         order: "-1"
       }, {
         default: r(() => [
-          s(Ve, H(t(b), {
+          i(Ve, H(t(b), {
             active: !1,
             class: "flex-grow-1 py-6",
             lines: "two",
@@ -3641,12 +3641,12 @@ const Ke = W("settings", () => {
                 image: t(l).metadata.images.logo.url,
                 size: "x-large",
                 tile: ""
-              }, null, 8, ["image"])) : w("", !0)
+              }, null, 8, ["image"])) : S("", !0)
             ]),
             append: r(() => [
               t(o) && t(l).metadata.link && t(l).metadata.link_text ? (d(), _(ze, { key: 0 }, {
                 default: r(({ isHovering: v, props: k }) => [
-                  s(q, H({
+                  i(q, H({
                     ...k,
                     ...t(b)
                   }, {
@@ -3665,7 +3665,7 @@ const Ke = W("settings", () => {
                   }, 1040, ["append-icon", "color", "elevation", "title"])
                 ]),
                 _: 1
-              })) : w("", !0),
+              })) : S("", !0),
               t(l).metadata.closable ? (d(), _(q, {
                 key: 1,
                 class: "ms-6 me-2",
@@ -3675,7 +3675,7 @@ const Ke = W("settings", () => {
                 size: "small",
                 variant: "plain",
                 onClick: Ee(u, ["prevent", "stop"])
-              }, null, 8, ["disabled"])) : w("", !0)
+              }, null, 8, ["disabled"])) : S("", !0)
             ]),
             default: r(() => [
               t(l).metadata.text ? (d(), _(ct, {
@@ -3686,19 +3686,19 @@ const Ke = W("settings", () => {
                   T(C(t(l).metadata.text), 1)
                 ]),
                 _: 1
-              })) : w("", !0),
+              })) : S("", !0),
               t(l).metadata.subtext ? (d(), _(fo, { key: 1 }, {
                 default: r(() => [
                   T(C(t(l).metadata.subtext), 1)
                 ]),
                 _: 1
-              })) : w("", !0)
+              })) : S("", !0)
             ]),
             _: 1
           }, 16)
         ]),
         _: 1
-      }, 8, ["color", "height", "image", "model-value"])) : w("", !0);
+      }, 8, ["color", "height", "image", "model-value"])) : S("", !0);
     };
   }
 }), As = {
@@ -3721,7 +3721,7 @@ const Ke = W("settings", () => {
       target: "_blank"
     }, R({
       default: r(() => [
-        s(Ao, {
+        i(Ao, {
           "min-height": e.minHeight,
           width: "100%"
         }, {
@@ -3730,7 +3730,7 @@ const Ke = W("settings", () => {
           ]),
           _: 3
         }, 8, ["min-height"]),
-        e.caption ? (d(), L("div", As, C(e.caption), 1)) : w("", !0)
+        e.caption ? (d(), L("div", As, C(e.caption), 1)) : S("", !0)
       ]),
       _: 2
     }, [
@@ -3751,7 +3751,7 @@ const Ke = W("settings", () => {
     ]), 1024));
   }
 }), et = W("promotions", () => {
-  const c = ce(), e = O([]), o = O([]), a = O(), n = A(!1), i = A(!1), l = S(() => e.value.filter((m) => m.metadata.discoverable));
+  const c = ie(), e = A([]), o = A([]), a = A(), n = O(!1), s = O(!1), l = w(() => e.value.filter((m) => m.metadata.discoverable));
   Ze(f);
   function p(m) {
     return m[Math.floor(Math.random() * m.length)];
@@ -3763,7 +3763,7 @@ const Ke = W("settings", () => {
       e.value = m.promotions;
     } catch {
     } finally {
-      n.value = !1, i.value = !0;
+      n.value = !1, s.value = !0;
     }
     return e.value;
   }
@@ -3820,7 +3820,7 @@ const Ke = W("settings", () => {
     all: e,
     aall: o,
     isLoading: n,
-    hasLoaded: i,
+    hasLoaded: s,
     discoverable: l,
     record: a,
     admin: V,
@@ -3837,34 +3837,34 @@ const Ke = W("settings", () => {
     slug: {}
   },
   setup(c) {
-    const e = c, o = et(), a = Xe(), n = F(), i = S(() => {
+    const e = c, o = et(), a = Xe(), n = F(), s = w(() => {
       if (!n.disableAds)
         return o.record ? o.record : e.slug ? o.all.find((f) => f.slug === e.slug) : o.random(o.all);
-    }), l = S(() => {
+    }), l = w(() => {
       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;
-    }), p = S(() => {
+      return (h = (u = s.value) == null ? void 0 : u.metadata.images[f]) == null ? void 0 : h.url;
+    }), p = w(() => {
       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 (h = (u = s.value) == null ? void 0 : u.metadata.images[f]) == null ? void 0 : h.url;
     });
     return (f, u) => {
       var b, g;
       const h = $t;
-      return t(i) || !t(o).hasLoaded ? (d(), _(h, {
+      return t(s) || !t(o).hasLoaded ? (d(), _(h, {
         key: 0,
         class: "mb-4",
         height: "60",
-        href: (b = t(i)) == null ? void 0 : b.metadata.url,
+        href: (b = t(s)) == null ? void 0 : b.metadata.url,
         image: t(p),
         "max-width": "720",
         "prepend-avatar": t(l),
-        title: (g = t(i)) == null ? void 0 : g.metadata.short_text,
+        title: (g = t(s)) == null ? void 0 : g.metadata.short_text,
         width: "100%"
       }, R({
         default: r(() => [
-          t(o).hasLoaded ? w("", !0) : (d(), _(be, {
+          t(o).hasLoaded ? S("", !0) : (d(), _(be, {
             key: 0,
             class: "flex-1-0 overflow-hidden",
             color: "transparent",
@@ -3875,24 +3875,24 @@ const Ke = W("settings", () => {
         ]),
         _: 2
       }, [
-        t(i) ? {
+        t(s) ? {
           name: "prepend",
           fn: r(() => [
-            s(Q, {
+            i(Q, {
               class: "my-n4 me-4",
               size: "36"
             })
           ]),
           key: "0"
         } : void 0,
-        t(i) ? {
+        t(s) ? {
           name: "image",
           fn: r(() => [
-            s(Y, { position: "right" })
+            i(Y, { position: "right" })
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["href", "image", "prepend-avatar", "title"])) : w("", !0);
+      ]), 1032, ["href", "image", "prepend-avatar", "title"])) : S("", !0);
     };
   }
 }), Ns = { class: "d-flex ga-4" }, Bs = { class: "d-flex align-start ga-4" }, Us = { class: "text-caption on-surface-light" }, zs = /* @__PURE__ */ $({
@@ -3901,11 +3901,11 @@ const Ke = W("settings", () => {
     slug: {}
   },
   setup(c) {
-    const e = c, o = et(), a = F(), n = S(() => {
+    const e = c, o = et(), a = F(), n = w(() => {
       if (!a.disableAds)
-        return o.record ? o.record : e.slug ? o.all.find((i) => i.slug === e.slug) : o.random(o.all);
+        return o.record ? o.record : e.slug ? o.all.find((s) => s.slug === e.slug) : o.random(o.all);
     });
-    return (i, l) => {
+    return (s, l) => {
       var f, u;
       const p = $t;
       return t(n) || !t(o).hasLoaded ? (d(), _(p, {
@@ -3920,7 +3920,7 @@ const Ke = W("settings", () => {
           return [
             y("div", Ns, [
               t(o).hasLoaded ? t(n) ? (d(), L(U, { key: 1 }, [
-                s(Y, {
+                i(Y, {
                   height: "100",
                   "max-width": "130",
                   rounded: "s",
@@ -3930,8 +3930,8 @@ const Ke = W("settings", () => {
                 y("div", Bs, [
                   y("div", Us, C((g = t(n).metadata) == null ? void 0 : g.text), 1)
                 ])
-              ], 64)) : w("", !0) : (d(), L(U, { key: 0 }, [
-                s(be, {
+              ], 64)) : S("", !0) : (d(), L(U, { key: 0 }, [
+                i(be, {
                   class: "flex-1-0 overflow-hidden",
                   color: "transparent",
                   loading: "",
@@ -3939,7 +3939,7 @@ const Ke = W("settings", () => {
                   "min-width": "130",
                   type: "image"
                 }),
-                s(be, {
+                i(be, {
                   class: "flex-1-0 ms-n3 mt-n3",
                   color: "transparent",
                   loading: "",
@@ -3951,7 +3951,7 @@ const Ke = W("settings", () => {
           ];
         }),
         _: 1
-      }, 8, ["href"])) : w("", !0);
+      }, 8, ["href"])) : S("", !0);
     };
   }
 }), Fs = ["href"], Ts = { class: "text-white" }, js = /* @__PURE__ */ $({
@@ -3960,11 +3960,11 @@ const Ke = W("settings", () => {
     slug: {}
   },
   setup(c) {
-    const e = c, o = et(), a = Xe(), n = S(() => o.record ? o.record : o.random(o.all)), i = S(() => {
+    const e = c, o = et(), a = Xe(), n = w(() => o.record ? o.record : o.random(o.all)), s = w(() => {
       var f, u;
       const p = a.current.value.dark ? "logodark" : "logolight";
       return (u = (f = n.value) == null ? void 0 : f.metadata.images[p]) == null ? void 0 : u.url;
-    }), l = S(() => {
+    }), l = w(() => {
       var f, u;
       const p = a.current.value.dark ? "bgdark" : "bglight";
       return (u = (f = n.value) == null ? void 0 : f.metadata.images[p]) == null ? void 0 : u.url;
@@ -3987,9 +3987,9 @@ const Ke = W("settings", () => {
               rel: "noopener noreferrer",
               target: "_blank"
             }, [
-              s(Q, {
+              i(Q, {
                 class: "me-4",
-                image: t(i),
+                image: t(s),
                 size: "24"
               }, null, 8, ["image"]),
               y("div", Ts, C((b = t(n)) == null ? void 0 : b.metadata.text), 1),
@@ -4000,7 +4000,7 @@ const Ke = W("settings", () => {
                 size: "x-small",
                 text: "SPONSORED",
                 variant: "flat"
-              })) : w("", !0)
+              })) : S("", !0)
             ], 8, Fs)
           ];
         }),
@@ -4026,16 +4026,16 @@ const Ke = W("settings", () => {
   },
   emits: ["script:error", "script:load"],
   setup(c, { emit: e }) {
-    const o = c, a = e, n = O(), i = O();
+    const o = c, a = e, n = A(), s = A();
     return Ze(async () => {
       const l = document.createElement("script"), p = () => a("script:error");
-      l.type = "text/javascript", l.id = o.scriptId, l.src = o.src, l.onload = () => a("script:load"), l.onerror = p, i.value = l;
+      l.type = "text/javascript", l.id = o.scriptId, l.src = o.src, l.onload = () => a("script:load"), l.onerror = p, s.value = l;
     }), qe(() => {
       var l;
-      i.value && ((l = n.value) == null || l.appendChild(i.value));
+      s.value && ((l = n.value) == null || l.appendChild(s.value));
     }), Dt(() => {
       var l;
-      i.value && ((l = n.value) == null || l.removeChild(i.value));
+      s.value && ((l = n.value) == null || l.removeChild(s.value));
     }), (l, p) => (d(), L("div", {
       id: c.id,
       ref_key: "rootEl",
@@ -4043,7 +4043,7 @@ const Ke = W("settings", () => {
     }, null, 8, Ms));
   }
 }), Hs = W("spots", () => {
-  const c = ce(), e = bt(), o = O([]), a = O([]), n = O(), i = A(!1), l = S(() => n.value ? n.value : o.value.find(({
+  const c = ie(), e = bt(), o = A([]), a = A([]), n = A(), s = O(!1), l = w(() => n.value ? n.value : o.value.find(({
     metadata: {
       site: V,
       active: m
@@ -4051,28 +4051,28 @@ const Ke = W("settings", () => {
   }) => m ? V.includes("dev") && !1 || V.includes("*") ? !0 : V.some((v) => e.id.includes(v)) : !1));
   async function p() {
     try {
-      i.value = !0;
+      s.value = !0;
       const V = await c.get("/one/spots");
       o.value = V.spots;
     } catch {
     } finally {
-      i.value = !1;
+      s.value = !1;
     }
     return o.value;
   }
   async function f(V) {
     try {
-      i.value = !0;
+      s.value = !0;
       const m = await c.get(`/one/admin/spots/${V}`);
       return n.value = m.spot, m.spot;
     } catch {
     } finally {
-      i.value = !1;
+      s.value = !1;
     }
   }
   async function u(V) {
     try {
-      i.value = !0;
+      s.value = !0;
       const m = await c.form(
         "/one/admin/spots",
         V
@@ -4080,12 +4080,12 @@ const Ke = W("settings", () => {
       return n.value = m.spot, m.spot;
     } catch {
     } finally {
-      i.value = !1;
+      s.value = !1;
     }
   }
   async function h(V, m) {
     try {
-      i.value = !0;
+      s.value = !0;
       const v = await c.form(
         `/one/admin/spots/${V}`,
         m
@@ -4093,26 +4093,26 @@ const Ke = W("settings", () => {
       return n.value = v.spot, v.spot;
     } catch {
     } finally {
-      i.value = !1;
+      s.value = !1;
     }
   }
   async function b() {
   }
   async function g() {
     try {
-      i.value = !0;
+      s.value = !0;
       const V = await c.get("/one/admin/spots");
       a.value = V.spots;
     } catch {
     } finally {
-      i.value = !1;
+      s.value = !1;
     }
     return o.value;
   }
   return {
     all: o,
     aall: a,
-    isLoading: i,
+    isLoading: s,
     spot: l,
     record: n,
     admin: g,
@@ -4134,20 +4134,20 @@ const Ke = W("settings", () => {
         rel: "noopener noreferrer sponsored",
         target: "_blank"
       }, [
-        s(Y, {
+        i(Y, {
           class: "mx-auto",
           color: t(e).spot.metadata.image ? void 0 : "surface",
           rounded: "",
           src: (n = t(e).spot.metadata.image) == null ? void 0 : n.url,
           width: "225"
         }, null, 8, ["color", "src"])
-      ], 8, Rs)) : w("", !0);
+      ], 8, Rs)) : S("", !0);
     };
   }
 }), Oa = W("bins", () => {
-  const c = M(), e = 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), p = S(() => o.value.filter((v) => v.favorite)), f = S(() => o.value.filter((v) => v.pinned));
+  const c = M(), e = ie(), o = A([]), a = A(), n = O(!1), s = O(-1), l = w(() => !c.user || !a.value ? !1 : c.user.id === a.value.owner.id), p = w(() => o.value.filter((v) => v.favorite)), f = w(() => o.value.filter((v) => v.pinned));
   B(a, () => {
-    window.clearTimeout(i.value), i.value = window.setTimeout(() => {
+    window.clearTimeout(s.value), s.value = window.setTimeout(() => {
       !a.value || !l.value || g(a.value, a.value.id);
     }, 100);
   }, { deep: !0 });
@@ -4185,7 +4185,7 @@ const Ke = W("settings", () => {
   async function g(v, k) {
     try {
       n.value = !0;
-      const N = await e.post(`/one/bins/${k}`, { bin: v }), j = o.value.findIndex((ie) => ie.id === k);
+      const N = await e.post(`/one/bins/${k}`, { bin: v }), j = o.value.findIndex((re) => re.id === k);
       o.value.splice(j, 1, N.bin);
     } catch {
     } finally {
@@ -4229,27 +4229,49 @@ const Ke = W("settings", () => {
     update: g,
     updateOrCreate: V
   };
+}), Na = W("products", () => {
+  const c = ie(), e = A([]), o = w(() => e.value.filter((s) => s.product_type === "Themes"));
+  async function a() {
+    if (e.value.length)
+      return e.value;
+    try {
+      const s = await c.get("/one/shopify/products");
+      e.value = s.products;
+    } catch {
+    }
+    return e.value;
+  }
+  function n(s) {
+    return s.slice().sort(() => Math.random() - 0.5);
+  }
+  return {
+    all: e,
+    themes: o,
+    index: a,
+    randomize: n
+  };
 });
-function Na() {
+function Ba() {
   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);
   }
   return { install: c };
 }
-function Ba(c, e) {
+function Ua(c, e) {
   return function(o) {
     const a = o.store;
     a.url = e, a.$id === "site" && (a.id = c);
   };
 }
 export {
-  Na as createOne,
-  Ba as one,
+  Ba as createOne,
+  Ua as one,
   M as useAuthStore,
   je as useBannersStore,
   Oa as useBinsStore,
-  ce as useHttpStore,
+  ie as useHttpStore,
   P as useOneStore,
+  Na as useProductsStore,
   et as usePromotionsStore,
   Ke as useSettingsStore,
   Hs as useSpotsStore,