@vuetify/one 1.7.0 → 1.7.2

package/dist/index.js

@@ -1,45 +1,45 @@
-import { reactive as Bt, watch as N, toRefs as Ut, ref as B, shallowRef as D, defineComponent as k, computed as x, openBlock as d, createBlock as _, unref as t, createSlots as P, withCtx as r, createElementVNode as b, toDisplayString as C, createVNode as i, createTextVNode as T, renderSlot as O, normalizeStyle as st, createCommentVNode as S, withModifiers as Qe, mergeModels as at, useModel as le, createElementBlock as I, Fragment as U, onMounted as Oe, nextTick as de, renderList as oe, mergeProps as W, withDirectives as xe, vShow as Be, isRef as ne, resolveComponent as Ue, normalizeClass as Nt, onBeforeMount as Ye, onBeforeUnmount as Tt, pushScopeId as zt, popScopeId as Ft } from "vue";
-import { mdiStorefront as jt, mdiDiscord as Je, mdiGithub as Xe, mdiSync as Mt, mdiSyncOff as Pt, mdiLogoutVariant as Ht, mdiFullscreenExit as Rt, mdiFullscreen as Et, mdiCheck as Ne, mdiHome as Wt, mdiTextBox as qt, mdiSelect as Gt, mdiSpaceInvaders as it, mdiImageFilterHdr as rt, mdiRocketLaunchOutline as lt, mdiWhiteBalanceSunny as Zt, mdiWeatherNight as Qt, mdiDesktopTowerMonitor as Yt, mdiContrastCircle as Jt, mdiCog as Xt, mdiCogOutline as Kt, mdiFileDocument as eo, mdiCreditCardSettingsOutline as to, mdiRocketOutline as oo, mdiCheckCircleOutline as Ae, mdiCreditCard as no, mdiReload as so, mdiPlaylistCheck as ao, mdiCreditCardOutline as io, mdiMedal as ro, mdiOpenInNew as Te, mdiHandHeart as lo, mdiHandHeartOutline as co, mdiCloudDownload as uo, mdiTrayArrowDown as ot, mdiEmailOpenOutline as ct, mdiEmailVariant as ut, mdiBell as po, mdiInboxOutline as mo, mdiInboxFullOutline as fo, mdiBillboard as vo, mdiBellOutline as _o, mdiViewDashboardOutline as ho, mdiCrown as go, mdiArrowULeftBottom as yo, mdiLogin as bo, mdiShieldStarOutline as Vo, mdiReddit as ko } from "@mdi/js";
-import { useRouter as ze, useRoute as $o } from "vue-router";
+import { reactive as Bt, watch as z, toRefs as Nt, ref as N, shallowRef as A, defineComponent as k, computed as x, openBlock as d, createBlock as h, unref as t, createSlots as M, withCtx as r, createElementVNode as b, toDisplayString as L, createVNode as i, createTextVNode as O, renderSlot as B, normalizeStyle as at, createCommentVNode as S, withModifiers as Ze, mergeModels as Ot, useModel as le, createElementBlock as I, Fragment as U, onMounted as Be, nextTick as he, renderList as ne, mergeProps as E, withDirectives as ge, vShow as Ne, isRef as se, resolveComponent as Oe, normalizeClass as Ut, onBeforeMount as Qe, onBeforeUnmount as Tt, pushScopeId as Ft, popScopeId as zt } from "vue";
+import { mdiStorefront as jt, mdiDiscord as Ye, mdiGithub as Je, mdiSync as Pt, mdiSyncOff as Mt, mdiLogoutVariant as Ht, mdiFullscreenExit as Rt, mdiFullscreen as Et, mdiCheck as Ue, mdiHome as Wt, mdiTextBox as qt, mdiSelect as Gt, mdiSpaceInvaders as it, mdiImageFilterHdr as rt, mdiRocketLaunchOutline as lt, mdiWhiteBalanceSunny as Zt, mdiWeatherNight as Qt, mdiDesktopTowerMonitor as Yt, mdiContrastCircle as Jt, mdiCog as Xt, mdiCogOutline as Kt, mdiFileDocument as eo, mdiCreditCardSettingsOutline as to, mdiRocketOutline as oo, mdiCheckCircleOutline as De, mdiCreditCard as no, mdiReload as so, mdiPlaylistCheck as ao, mdiCreditCardOutline as io, mdiMedal as ro, mdiOpenInNew as Te, mdiHandHeart as lo, mdiHandHeartOutline as co, mdiCloudDownload as uo, mdiTrayArrowDown as st, mdiEmailOpenOutline as ct, mdiEmailVariant as ut, mdiBell as po, mdiInboxOutline as mo, mdiInboxFullOutline as fo, mdiBillboard as vo, mdiBellOutline as _o, mdiViewDashboardOutline as ho, mdiCrown as go, mdiArrowULeftBottom as yo, mdiLogin as bo, mdiShieldStarOutline as Vo, mdiReddit as ko } from "@mdi/js";
+import { useRouter as Xe, useRoute as $o } from "vue-router";
 import { defineStore as G } from "pinia";
-import { merge as We } from "lodash-es";
-import { VListItem as pe, VList as ie, VListItemTitle as dt, VListItemSubtitle as wo } from "vuetify/lib/components/VList/index.mjs";
-import { VAvatar as X } from "vuetify/lib/components/VAvatar/index.mjs";
-import { VCard as H, VCardTitle as xo, VCardSubtitle as So, VCardText as ue } from "vuetify/lib/components/VCard/index.mjs";
+import { merge as Ee } from "lodash-es";
+import { VListItem as ce, VList as ae, VListItemTitle as dt, VListItemSubtitle as wo } from "vuetify/lib/components/VList/index.mjs";
+import { VAvatar as K } from "vuetify/lib/components/VAvatar/index.mjs";
+import { VCard as W, VCardTitle as xo, VCardSubtitle as So, VCardText as ie } from "vuetify/lib/components/VCard/index.mjs";
 import { VDialog as pt } from "vuetify/lib/components/VDialog/index.mjs";
 import { VBadge as Ke } from "vuetify/lib/components/VBadge/index.mjs";
 import { VBtn as q } from "vuetify/lib/components/VBtn/index.mjs";
 import { VProgressCircular as Co } from "vuetify/lib/components/VProgressCircular/index.mjs";
-import { VSheet as $e } from "vuetify/lib/components/VSheet/index.mjs";
+import { VSheet as et } from "vuetify/lib/components/VSheet/index.mjs";
 import { VSwitch as mt } from "vuetify/lib/components/VSwitch/index.mjs";
-import { VFadeTransition as Fe, VExpandTransition as me, VExpandXTransition as Lo } from "vuetify/lib/components/transitions/index.mjs";
-import { useDisplay as ce, useTheme as je, useDate as Se } from "vuetify";
-import { VDivider as Z } from "vuetify/lib/components/VDivider/index.mjs";
-import { VIcon as A } from "vuetify/lib/components/VIcon/index.mjs";
-import { VLabel as Ge } from "vuetify/lib/components/VLabel/index.mjs";
-import { VChip as te } from "vuetify/lib/components/VChip/index.mjs";
+import { VFadeTransition as Fe, VExpandTransition as ue, VExpandXTransition as Lo } from "vuetify/lib/components/transitions/index.mjs";
+import { useDisplay as de, useTheme as ze, useDate as ye } from "vuetify";
+import { VDivider as Q } from "vuetify/lib/components/VDivider/index.mjs";
+import { VIcon as D } from "vuetify/lib/components/VIcon/index.mjs";
+import { VLabel as qe } from "vuetify/lib/components/VLabel/index.mjs";
+import { VChip as X } from "vuetify/lib/components/VChip/index.mjs";
 import { VChipGroup as Io } from "vuetify/lib/components/VChipGroup/index.mjs";
-import { VSelect as Do } from "vuetify/lib/components/VSelect/index.mjs";
-import { VRow as re, VCol as J, VContainer as nt } from "vuetify/lib/components/VGrid/index.mjs";
-import { VHover as Me } from "vuetify/lib/components/VHover/index.mjs";
-import { VImg as Q } from "vuetify/lib/components/VImg/index.mjs";
-import { VItemGroup as ft, VItem as Ze } from "vuetify/lib/components/VItemGroup/index.mjs";
-import { VLayout as fe } from "vuetify/lib/components/VLayout/index.mjs";
-import { VMain as ve } from "vuetify/lib/components/VMain/index.mjs";
+import { VSelect as Ao } from "vuetify/lib/components/VSelect/index.mjs";
+import { VRow as be, VCol as re } from "vuetify/lib/components/VGrid/index.mjs";
+import { VHover as je } from "vuetify/lib/components/VHover/index.mjs";
+import { VImg as ee } from "vuetify/lib/components/VImg/index.mjs";
+import { VItemGroup as ft, VItem as Ge } from "vuetify/lib/components/VItemGroup/index.mjs";
+import { VLayout as Ve } from "vuetify/lib/components/VLayout/index.mjs";
+import { VMain as ke } from "vuetify/lib/components/VMain/index.mjs";
 import { VDataTableVirtual as vt } from "vuetify/lib/components/VDataTable/index.mjs";
-import { VSkeletonLoader as we } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
-import { VWindow as _t, VWindowItem as ke } from "vuetify/lib/components/VWindow/index.mjs";
-import { VTimelineItem as Ao, VTimeline as Oo } from "vuetify/lib/components/VTimeline/index.mjs";
-import { VTooltip as ee } from "vuetify/lib/components/VTooltip/index.mjs";
-import { VResponsive as Bo } from "vuetify/lib/components/VResponsive/index.mjs";
-import { VNavigationDrawer as Uo } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
-import { Ripple as No } from "vuetify/lib/directives/index.mjs";
+import { VSkeletonLoader as _e } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
+import { VWindow as _t, VWindowItem as ve } from "vuetify/lib/components/VWindow/index.mjs";
+import { VTimelineItem as Do, VTimeline as Bo } from "vuetify/lib/components/VTimeline/index.mjs";
+import { VTooltip as J } from "vuetify/lib/components/VTooltip/index.mjs";
+import { VResponsive as No } from "vuetify/lib/components/VResponsive/index.mjs";
+import { VNavigationDrawer as Oo } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
+import { Ripple as Uo } from "vuetify/lib/directives/index.mjs";
 import { VColorPicker as To } from "vuetify/lib/components/VColorPicker/index.mjs";
-import { VMenu as zo } from "vuetify/components";
+import { VMenu as Fo } from "vuetify/components";
 import { VAppBar as ht } from "vuetify/lib/components/VAppBar/index.mjs";
-import { VLazy as Fo } from "vuetify/lib/components/VLazy/index.mjs";
+import { VLazy as zo } from "vuetify/lib/components/VLazy/index.mjs";
 import { VFooter as jo } from "vuetify/lib/components/VFooter/index.mjs";
-const se = G("http", {
+const te = G("http", {
   state: () => ({
     url: ""
   }),
@@ -78,7 +78,7 @@ const se = G("http", {
       });
     }
   }
-}), qe = typeof window < "u", De = {
+}), We = typeof window < "u", Ae = {
   v: 5,
   api: "link-only",
   avatar: "",
@@ -117,36 +117,36 @@ const se = G("http", {
       jobs: null
     }
   }
-}, z = G("user", () => {
-  const c = Bt(We({}, De));
-  N(c, o);
+}, T = G("user", () => {
+  const c = Bt(Ee({}, Ae));
+  z(c, o);
   function e() {
-    if (!qe)
+    if (!We)
       return;
     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 = De.suits, s.notifications.banners = De.notifications.banners, l = !0), s.v = c.v, Object.assign(c, We(c, s)), l && o();
+    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 = Ae.suits, s.notifications.banners = Ae.notifications.banners, l = !0), s.v = c.v, Object.assign(c, Ee(c, s)), l && o();
   }
   function o() {
-    qe && localStorage.setItem("vuetify@user", JSON.stringify(c, null, 2));
+    We && localStorage.setItem("vuetify@user", JSON.stringify(c, null, 2));
   }
   function a() {
-    qe && (Object.assign(c, We({}, De)), o());
+    We && (Object.assign(c, Ee({}, Ae)), o());
   }
   return e(), {
-    ...Ut(c),
+    ...Nt(c),
     load: e,
     save: o,
     reset: a
   };
-}), R = G("auth", () => {
-  const c = B(!1), e = B(null), o = se(), a = z(), n = ze(), s = D(!1);
+}), H = G("auth", () => {
+  const c = N(!1), e = N(null), o = te(), a = T(), n = Xe(), s = A(!1);
   let l = !!y();
-  N(e, (f) => {
-    if (!(f != null && f.settings))
+  z(e, (v) => {
+    if (!(v != null && v.settings))
       return;
     const g = localStorage.getItem("vuetify@user") || "{}";
-    JSON.stringify(f.settings, null, 2) !== g && (l = !0, Object.assign(a, f.settings));
+    JSON.stringify(v.settings, null, 2) !== g && (l = !0, Object.assign(a, v.settings));
   }), a.$subscribe(() => {
     l || p(), l = !1;
   });
@@ -154,16 +154,16 @@ const se = G("http", {
     if (!(!e.value || !a.syncSettings))
       try {
         await o.post("/user/settings", { settings: a.$state });
-      } catch (f) {
-        console.error(f);
+      } catch (v) {
+        console.error(v);
       }
   }
-  async function u(f = !1) {
+  async function u(v = !1) {
     if (u.promise)
       return u.promise;
     s.value = !0, u.promise = fetch(`${o.url}/auth/verify`, {
       credentials: "include",
-      headers: f ? {
+      headers: v ? {
         "Cache-Control": "no-cache"
       } : void 0
     }).then(
@@ -177,47 +177,47 @@ const se = G("http", {
     });
   }
   u.promise = null;
-  async function m(f = "github") {
+  async function m(v = "github") {
     s.value = !0;
-    const g = `${o.url}/auth/${f}/redirect`;
-    if (f === "shopify") {
+    const g = `${o.url}/auth/${v}/redirect`;
+    if (v === "shopify") {
       window.location.assign(g + "?next=" + encodeURIComponent(window.location.href));
       return;
     }
-    const h = 400, $ = 600, j = window.screenX + (window.innerWidth - h) / 2, M = window.screenY + (window.innerHeight - $) / 2, E = window.open(
+    const _ = 400, $ = 600, F = window.screenX + (window.innerWidth - _) / 2, P = window.screenY + (window.innerHeight - $) / 2, R = window.open(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${j},top=${M},width=${h},height=${$},resizable`
+      `popup,left=${F},top=${P},width=${_},height=${$},resizable`
     );
-    if (!E) {
+    if (!R) {
       console.error("Failed to open popup");
       return;
     }
-    E.location.href = g;
-    let Ce = -1, Le = -1;
-    function Ie(ae) {
-      var Ve;
-      ae.origin === o.url && ((Ve = ae.data) == null ? void 0 : Ve.type) === "auth-response" && (ae.data.status === "success" ? (e.value || localStorage.setItem("vuetify@lastLoginProvider", f), e.value = ae.data.body.user, n.push({
+    R.location.href = g;
+    let Se = -1, Ce = -1;
+    function Le(oe) {
+      var fe;
+      oe.origin === o.url && ((fe = oe.data) == null ? void 0 : fe.type) === "auth-response" && (oe.data.status === "success" ? (e.value || localStorage.setItem("vuetify@lastLoginProvider", v), e.value = oe.data.body.user, n.push({
         path: "/user/dashboard/",
         query: n.currentRoute.value.query
-      }), p()) : console.error(ae.data.message), be());
+      }), p()) : console.error(oe.data.message), me());
     }
-    function be() {
-      window.removeEventListener("message", Ie), window.clearInterval(Ce), window.clearTimeout(Le), E == null || E.close(), s.value = !1;
+    function me() {
+      window.removeEventListener("message", Le), window.clearInterval(Se), window.clearTimeout(Ce), R == null || R.close(), s.value = !1;
     }
-    window.addEventListener("message", Ie), Ce = window.setInterval(() => {
-      !E || E.closed ? (console.error("Auth popup closed"), be()) : E.postMessage({ type: "auth-request" }, "*");
-    }, 1e3), Le = window.setTimeout(() => {
-      be(), console.error("Auth timed out");
+    window.addEventListener("message", Le), Se = window.setInterval(() => {
+      !R || R.closed ? (console.error("Auth popup closed"), me()) : R.postMessage({ type: "auth-request" }, "*");
+    }, 1e3), Ce = window.setTimeout(() => {
+      me(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
-  async function v(f) {
+  async function f(v) {
     s.value = !0;
-    const g = f ? `/auth/${f}/logout` : "/auth/logout";
+    const g = v ? `/auth/${v}/logout` : "/auth/logout";
     try {
       await o.post(g), await u(!0), e.value = null;
-    } catch (h) {
-      console.error(h);
+    } catch (_) {
+      console.error(_);
     } finally {
       n.push({
         path: "/",
@@ -225,9 +225,9 @@ const se = G("http", {
       }), s.value = !1;
     }
   }
-  function V(f) {
+  function V(v) {
     var g;
-    return (g = e.value) == null ? void 0 : g.identities.find((h) => h.provider === f);
+    return (g = e.value) == null ? void 0 : g.identities.find((_) => _.provider === v);
   }
   function y() {
     return localStorage.getItem("vuetify@lastLoginProvider");
@@ -240,31 +240,31 @@ const se = G("http", {
     findIdentity: V,
     verify: u,
     login: m,
-    logout: v,
+    logout: f,
     lastLoginProvider: y,
     sync: p
   };
-}), Mo = { class: "text-body-2" }, Po = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), gt = /* @__PURE__ */ k({
+}), Po = { class: "text-body-2" }, Mo = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), gt = /* @__PURE__ */ k({
   __name: "VoAuthShopify",
   setup(c) {
-    const e = R(), o = x(() => e.user && e.findIdentity("shopify")), a = x(() => e.user ? o.value ? "Connected to Shopify" : "Connect Shopify" : "Login with Shopify");
-    return (n, s) => (d(), _(pe, {
+    const e = H(), o = x(() => e.user && e.findIdentity("shopify")), a = x(() => e.user ? o.value ? "Connected to Shopify" : "Connect Shopify" : "Login with Shopify");
+    return (n, s) => (d(), h(ce, {
       "base-color": "#5b8a3c",
       "prepend-icon": `svg:${t(jt)}`,
       rounded: "pill",
       slim: "",
       variant: "flat",
       onClick: s[0] || (s[0] = (l) => t(e).login("shopify"))
-    }, P({
+    }, M({
       title: r(() => [
-        b("span", Mo, C(t(a)), 1)
+        b("span", Po, L(t(a)), 1)
       ]),
       _: 2
     }, [
       !t(e).user && t(e).lastLoginProvider() === "shopify" ? {
         name: "subtitle",
         fn: r(() => [
-          Po
+          Mo
         ]),
         key: "0"
       } : void 0
@@ -273,17 +273,17 @@ const se = G("http", {
 }), Ho = { class: "text-body-2" }, Ro = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), yt = /* @__PURE__ */ k({
   __name: "VoAuthDiscord",
   setup(c) {
-    const e = R(), o = x(() => e.user && e.findIdentity("discord")), a = x(() => e.user ? o.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
-    return (n, s) => (d(), _(pe, {
+    const e = H(), o = x(() => e.user && e.findIdentity("discord")), a = x(() => e.user ? o.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
+    return (n, s) => (d(), h(ce, {
       "base-color": "#5865F2",
-      "prepend-icon": `svg:${t(Je)}`,
+      "prepend-icon": `svg:${t(Ye)}`,
       rounded: "pill",
       slim: "",
       variant: "flat",
       onClick: s[0] || (s[0] = (l) => t(e).login("discord"))
-    }, P({
+    }, M({
       title: r(() => [
-        b("span", Ho, C(t(a)), 1)
+        b("span", Ho, L(t(a)), 1)
       ]),
       _: 2
     }, [
@@ -299,17 +299,17 @@ const se = G("http", {
 }), Eo = { class: "text-body-2" }, Wo = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), bt = /* @__PURE__ */ k({
   __name: "VoAuthGithub",
   setup(c) {
-    const e = R(), o = x(() => e.user && e.findIdentity("github")), a = x(() => e.user ? o.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
-    return (n, s) => (d(), _(pe, {
+    const e = H(), o = x(() => e.user && e.findIdentity("github")), a = x(() => e.user ? o.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
+    return (n, s) => (d(), h(ce, {
       "base-color": "#2a2a2a",
-      "prepend-icon": `svg:${t(Xe)}`,
+      "prepend-icon": `svg:${t(Je)}`,
       rounded: "pill",
       slim: "",
       variant: "flat",
       onClick: s[0] || (s[0] = (l) => t(e).login("github"))
-    }, P({
+    }, M({
       title: r(() => [
-        b("span", Eo, C(t(a)), 1)
+        b("span", Eo, L(t(a)), 1)
       ]),
       _: 2
     }, [
@@ -325,16 +325,16 @@ const se = G("http", {
 }), qo = { class: "text-center" }, Go = { class: "text-center mb-6" }, Zo = { class: "font-weight-light mb-2" }, Qo = /* @__PURE__ */ b("span", { class: "font-weight-bold" }, "Vuetify One", -1), Vt = /* @__PURE__ */ k({
   __name: "VoAuthCard",
   setup(c) {
-    const e = R();
+    const e = H();
     return (o, a) => {
       const n = bt, s = yt, l = gt;
-      return d(), _(H, {
+      return d(), h(W, {
         class: "pt-6 pb-8 px-4 px-sm-8 mx-auto",
         "max-width": "480"
       }, {
         default: r(() => [
           b("div", qo, [
-            i(X, {
+            i(K, {
               class: "mx-auto",
               image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
               size: "64"
@@ -343,19 +343,19 @@ const se = G("http", {
           b("div", Go, [
             i(xo, { class: "text-h5 mb-1 text-md-h4" }, {
               default: r(() => [
-                b("div", Zo, C(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
+                b("div", Zo, L(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
                 Qo
               ]),
               _: 1
             }),
             i(So, { class: "text-wrap" }, {
               default: r(() => [
-                T(" Login to save your settings and gain access to exclusive subscriber perks. ")
+                O(" Login to save your settings and gain access to exclusive subscriber perks. ")
               ]),
               _: 1
             })
           ]),
-          i(ie, {
+          i(ae, {
             class: "mx-auto",
             "max-width": "300",
             width: "100%"
@@ -375,10 +375,10 @@ const se = G("http", {
 }), kt = /* @__PURE__ */ k({
   __name: "VoAuthDialog",
   setup(c) {
-    const e = R();
+    const e = H();
     return (o, a) => {
       const n = Vt;
-      return d(), _(pt, {
+      return d(), h(pt, {
         modelValue: t(e).dialog,
         "onUpdate:modelValue": a[0] || (a[0] = (s) => t(e).dialog = s),
         "max-width": "480"
@@ -391,7 +391,7 @@ const se = G("http", {
     };
   }
 }), Pe = G("notifications", () => {
-  const c = se(), e = z(), o = B([]), a = B([]), n = B(), s = D(!1), l = x(() => o.value.filter((g) => !e.notifications.read.includes(g.slug))), p = x(() => o.value.filter((g) => e.notifications.read.includes(g.slug)));
+  const c = te(), e = T(), o = N([]), a = N([]), n = N(), s = A(!1), l = x(() => o.value.filter((g) => !e.notifications.read.includes(g.slug))), p = x(() => o.value.filter((g) => e.notifications.read.includes(g.slug)));
   async function u() {
     try {
       s.value = !0;
@@ -406,32 +406,32 @@ const se = G("http", {
   async function m(g) {
     try {
       s.value = !0;
-      const h = await c.get(`/one/admin/notifications/${g}`);
-      return n.value = h.notification, h.notification;
+      const _ = await c.get(`/one/admin/notifications/${g}`);
+      return n.value = _.notification, _.notification;
     } catch {
     } finally {
       s.value = !1;
     }
   }
-  async function v(g) {
+  async function f(g) {
     try {
       s.value = !0;
-      const h = await c.form(
+      const _ = await c.form(
         "/one/admin/notifications",
         g
       );
-      return n.value = h.notification, h.notification;
+      return n.value = _.notification, _.notification;
     } catch {
     } finally {
       s.value = !1;
     }
   }
-  async function V(g, h) {
+  async function V(g, _) {
     try {
       s.value = !0;
       const $ = await c.form(
         `/one/admin/notifications/${g}`,
-        h
+        _
       );
       return n.value = $.notification, $.notification;
     } catch {
@@ -441,7 +441,7 @@ const se = G("http", {
   }
   async function y() {
   }
-  async function f() {
+  async function v() {
     try {
       s.value = !0;
       const g = await c.get("/one/admin/notifications");
@@ -456,11 +456,11 @@ const se = G("http", {
     isLoading: s,
     all: o,
     aall: a,
-    admin: f,
+    admin: v,
     record: n,
     index: u,
     show: m,
-    store: v,
+    store: f,
     update: V,
     destroy: y,
     read: p,
@@ -469,8 +469,8 @@ const se = G("http", {
 }), Yo = /* @__PURE__ */ k({
   __name: "VoNotificationsTotalBadge",
   setup(c) {
-    const e = R(), o = Pe(), a = z(), n = x(() => a.notifications.show ? o.unread.length : 0);
-    return (s, l) => (d(), _(Ke, {
+    const e = H(), o = Pe(), a = T(), n = x(() => a.notifications.show ? o.unread.length : 0);
+    return (s, l) => (d(), h(Ke, {
       color: "error",
       content: t(n),
       dot: !!t(e).user,
@@ -478,50 +478,50 @@ const se = G("http", {
       "model-value": t(n) > 0
     }, {
       default: r(() => [
-        O(s.$slots, "default")
+        B(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["content", "dot", "model-value"]));
   }
-}), _e = /* @__PURE__ */ k({
+}), $e = /* @__PURE__ */ k({
   __name: "VoBtn",
   props: {
     readonly: { type: Boolean }
   },
   setup(c) {
     const e = c;
-    return (o, a) => (d(), _(q, {
+    return (o, a) => (d(), h(q, {
       class: "text-none font-weight-regular",
       color: "primary",
       size: "small",
-      style: st({
+      style: at({
         pointerEvents: e.readonly ? "none" : void 0
       }),
       tabindex: e.readonly ? -1 : void 0,
       variant: "flat"
-    }, P({
+    }, M({
       loader: r(() => [
-        o.$slots.loader ? S("", !0) : (d(), _(Co, {
+        o.$slots.loader ? S("", !0) : (d(), h(Co, {
           key: 0,
           indeterminate: "disable-shrink",
           size: "16",
           width: "2"
         })),
-        O(o.$slots, "loader")
+        B(o.$slots, "loader")
       ]),
       _: 2
     }, [
       o.$slots.prepend ? {
         name: "prepend",
         fn: r(() => [
-          O(o.$slots, "prepend")
+          B(o.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       o.$slots.default ? {
         name: "default",
         fn: r(() => [
-          O(o.$slots, "default")
+          B(o.$slots, "default")
         ]),
         key: "1"
       } : void 0
@@ -530,8 +530,8 @@ const se = G("http", {
 }), Jo = { class: "pa-4 d-flex flex-column ga-4" }, $t = /* @__PURE__ */ k({
   __name: "VoAuthListItem",
   setup(c) {
-    const e = R(), o = z(), a = D(!e.user && !e.isLoading);
-    N(() => e.user, (s) => {
+    const e = H(), o = T(), a = A(!e.user && !e.isLoading);
+    z(() => e.user, (s) => {
       a.value = !s;
     });
     function n() {
@@ -539,19 +539,19 @@ const se = G("http", {
     }
     return (s, l) => {
       const p = bt, u = yt, m = gt;
-      return d(), _(H, {
+      return d(), h(W, {
         class: "ma-2",
         rounded: "lg",
         variant: t(a) ? "tonal" : "text"
       }, {
         default: r(() => [
-          i(ie, { class: "py-0" }, {
+          i(ae, { class: "py-0" }, {
             default: r(() => [
-              i(pe, {
+              i(ce, {
                 class: "mb-0",
                 link: !!t(e).user,
                 nav: "",
-                "prepend-icon": `svg:${t(e).user && t(o).syncSettings ? t(Mt) : t(Pt)}`,
+                "prepend-icon": `svg:${t(e).user && t(o).syncSettings ? t(Pt) : t(Mt)}`,
                 rounded: "b-0",
                 slim: "",
                 title: t(e).user && t(o).syncSettings ? "Sync is on" : "Sync is paused",
@@ -560,19 +560,19 @@ const se = G("http", {
                 append: r(() => [
                   i(Fe, null, {
                     default: r(() => [
-                      t(e).user && (t(a) || !t(o).syncSettings) ? (d(), _(mt, {
+                      t(e).user && (t(a) || !t(o).syncSettings) ? (d(), h(mt, {
                         key: 0,
                         modelValue: t(o).syncSettings,
-                        "onUpdate:modelValue": l[0] || (l[0] = (v) => t(o).syncSettings = v),
+                        "onUpdate:modelValue": l[0] || (l[0] = (f) => t(o).syncSettings = f),
                         color: t(o).syncSettings ? "success" : void 0,
                         density: "compact",
                         "hide-details": "",
                         inset: "",
-                        onClick: l[1] || (l[1] = Qe(() => {
+                        onClick: l[1] || (l[1] = Ze(() => {
                         }, ["stop"]))
                       }, {
                         thumb: r(() => [
-                          i(X, {
+                          i(K, {
                             color: t(o).syncSettings ? "success" : void 0
                           }, null, 8, ["color"])
                         ]),
@@ -584,9 +584,9 @@ const se = G("http", {
                 ]),
                 _: 1
               }, 8, ["link", "prepend-icon", "title"]),
-              i(me, null, {
+              i(ue, null, {
                 default: r(() => [
-                  !t(e).user && !t(e).isLoading || t(a) ? (d(), _($e, {
+                  !t(e).user && !t(e).isLoading || t(a) ? (d(), h(et, {
                     key: 0,
                     border: "t",
                     color: "transparent"
@@ -594,13 +594,13 @@ const se = G("http", {
                     default: r(() => [
                       b("div", Jo, [
                         i(p, {
-                          onClick: l[2] || (l[2] = (v) => a.value = !1)
+                          onClick: l[2] || (l[2] = (f) => a.value = !1)
                         }),
                         i(u, {
-                          onClick: l[3] || (l[3] = (v) => a.value = !1)
+                          onClick: l[3] || (l[3] = (f) => a.value = !1)
                         }),
                         i(m, {
-                          onClick: l[4] || (l[4] = (v) => a.value = !1)
+                          onClick: l[4] || (l[4] = (f) => a.value = !1)
                         })
                       ])
                     ]),
@@ -620,30 +620,30 @@ const se = G("http", {
 }), Y = /* @__PURE__ */ k({
   __name: "VoListItem",
   setup(c) {
-    return (e, o) => (d(), _(pe, { slim: "" }, P({
+    return (e, o) => (d(), h(ce, { slim: "" }, M({
       default: r(() => [
-        O(e.$slots, "default")
+        B(e.$slots, "default")
       ]),
       _: 2
     }, [
       e.$slots.prepend ? {
         name: "prepend",
         fn: r(() => [
-          O(e.$slots, "prepend")
+          B(e.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       e.$slots.title ? {
         name: "title",
         fn: r(() => [
-          O(e.$slots, "title")
+          B(e.$slots, "title")
         ]),
         key: "1"
       } : void 0,
       e.$slots.append ? {
         name: "append",
         fn: r(() => [
-          O(e.$slots, "append")
+          B(e.$slots, "append")
         ]),
         key: "2"
       } : void 0
@@ -652,13 +652,13 @@ const se = G("http", {
 }), Xo = /* @__PURE__ */ k({
   __name: "VoAuthLogoutNavItem",
   setup(c) {
-    const e = R(), o = D(!1);
+    const e = H(), o = A(!1);
     async function a() {
       o.value = !0, await e.logout(), o.value = !1;
     }
     return (n, s) => {
       const l = Y;
-      return d(), _(l, {
+      return d(), h(l, {
         class: "mb-0",
         disabled: t(o),
         link: "",
@@ -669,9 +669,9 @@ const se = G("http", {
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
     };
   }
-}), he = /* @__PURE__ */ k({
+}), we = /* @__PURE__ */ k({
   __name: "VoDialog",
-  props: /* @__PURE__ */ at({
+  props: /* @__PURE__ */ Ot({
     prependIcon: {},
     title: {}
   }, {
@@ -680,8 +680,8 @@ const se = G("http", {
   }),
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(c, "modelValue"), o = ce(), a = D(!1);
-    return (n, s) => (d(), _(pt, {
+    const e = le(c, "modelValue"), o = de(), a = A(!1);
+    return (n, s) => (d(), h(pt, {
       modelValue: e.value,
       "onUpdate:modelValue": s[2] || (s[2] = (l) => e.value = l),
       activator: "parent",
@@ -691,15 +691,15 @@ const se = G("http", {
       "max-width": t(a) || t(o).xs.value ? "100%" : 800
     }, {
       default: r(({ isActive: l }) => [
-        i(H, {
+        i(W, {
           class: "overflow-hidden",
           height: "inherit",
           "prepend-icon": n.prependIcon,
           title: n.title
-        }, P({
+        }, M({
           append: r(() => [
-            O(n.$slots, "append"),
-            t(o).xs.value ? S("", !0) : (d(), _(q, {
+            B(n.$slots, "append"),
+            t(o).xs.value ? S("", !0) : (d(), h(q, {
               key: 0,
               class: "me-2",
               density: "comfortable",
@@ -717,22 +717,22 @@ const se = G("http", {
             })
           ]),
           default: r(() => [
-            i(Z, { class: "mt-4" }),
-            O(n.$slots, "default")
+            i(Q, { class: "mt-4" }),
+            B(n.$slots, "default")
           ]),
           _: 2
         }, [
           n.$slots.prepend ? {
             name: "prepend",
             fn: r(() => [
-              O(n.$slots, "prepend")
+              B(n.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
           n.$slots.actions ? {
             name: "actions",
             fn: r(() => [
-              O(n.$slots, "actions", { isActive: l })
+              B(n.$slots, "actions", { isActive: l })
             ]),
             key: "1"
           } : void 0
@@ -747,15 +747,15 @@ const se = G("http", {
     disabled: { type: Boolean }
   },
   setup(c) {
-    return (e, o) => (d(), _(mt, {
+    return (e, o) => (d(), h(mt, {
       color: "primary",
       density: "compact",
       disabled: e.disabled,
       inset: "",
-      "true-icon": `svg:${t(Ne)}`
-    }, P({
+      "true-icon": `svg:${t(Ue)}`
+    }, M({
       thumb: r(() => [
-        i(A, {
+        i(D, {
           color: e.disabled ? void 0 : "primary"
         }, null, 8, ["color"])
       ]),
@@ -764,7 +764,7 @@ const se = G("http", {
       e.$slots.label ? {
         name: "label",
         fn: r(() => [
-          O(e.$slots, "label")
+          B(e.$slots, "label")
         ]),
         key: "0"
       } : void 0
@@ -773,7 +773,7 @@ const se = G("http", {
 }), Ko = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
-}, ge = /* @__PURE__ */ k({
+}, pe = /* @__PURE__ */ k({
   __name: "VoDialogSubheader",
   props: {
     title: {},
@@ -781,22 +781,22 @@ const se = G("http", {
   },
   setup(c) {
     return (e, o) => (d(), I(U, null, [
-      e.title ? (d(), _(Ge, {
+      e.title ? (d(), h(qe, {
         key: 0,
         class: "font-weight-black"
       }, {
         default: r(() => [
-          T(C(e.title), 1)
+          O(L(e.title), 1)
         ]),
         _: 1
       })) : S("", !0),
-      e.text ? (d(), I("div", Ko, C(e.text), 1)) : S("", !0)
+      e.text ? (d(), I("div", Ko, L(e.text), 1)) : S("", !0)
     ], 64));
   }
 }), en = { key: 0 }, tn = /* @__PURE__ */ k({
   __name: "VoSettingsPageSuitOption",
   setup(c) {
-    const e = z(), o = [
+    const e = T(), o = [
       {
         title: "Choose a page suit",
         value: "",
@@ -820,7 +820,7 @@ const se = G("http", {
       }
     ];
     return (a, n) => {
-      const s = wt, l = ge;
+      const s = wt, l = pe;
       return d(), I(U, null, [
         i(s, {
           modelValue: t(e).suits.show,
@@ -829,10 +829,10 @@ const se = G("http", {
           label: "Enable Page suits",
           messages: "Customize layout elements with a unique background, styled after one of our themed releases."
         }, null, 8, ["modelValue"]),
-        i(me, null, {
+        i(ue, null, {
           default: r(() => [
             t(e).suits.show ? (d(), I("div", en, [
-              i(Do, {
+              i(Ao, {
                 modelValue: t(e).suits.suit,
                 "onUpdate:modelValue": n[1] || (n[1] = (p) => t(e).suits.suit = p),
                 clearable: "",
@@ -845,12 +845,12 @@ const se = G("http", {
                 variant: "outlined"
               }, {
                 selection: r(({ item: p }) => [
-                  i(A, {
+                  i(D, {
                     icon: p.props.prependIcon,
                     size: "x-small",
                     start: ""
                   }, null, 8, ["icon"]),
-                  T(" " + C(p.title), 1)
+                  O(" " + L(p.title), 1)
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
@@ -863,7 +863,7 @@ const se = G("http", {
                 multiple: ""
               }, {
                 default: r(() => [
-                  i(te, {
+                  i(X, {
                     "append-icon": `svg:${t(Wt)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
@@ -871,15 +871,15 @@ const se = G("http", {
                     variant: "flat"
                   }, {
                     append: r(() => [
-                      i(Z, {
+                      i(Q, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      i(A, { size: "x-small" })
+                      i(D, { size: "x-small" })
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  i(te, {
+                  i(X, {
                     "append-icon": `svg:${t(qt)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
@@ -887,15 +887,15 @@ const se = G("http", {
                     variant: "flat"
                   }, {
                     append: r(() => [
-                      i(Z, {
+                      i(Q, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      i(A, { size: "x-small" })
+                      i(D, { size: "x-small" })
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  i(te, {
+                  i(X, {
                     "append-icon": "$info",
                     "filter-icon": "$success",
                     text: "Footer",
@@ -903,11 +903,11 @@ const se = G("http", {
                     variant: "flat"
                   }, {
                     append: r(() => [
-                      i(Z, {
+                      i(Q, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      i(A, { size: "x-small" })
+                      i(D, { size: "x-small" })
                     ]),
                     _: 1
                   })
@@ -922,124 +922,124 @@ const se = G("http", {
     };
   }
 });
-function ye() {
+function xe() {
   const c = $o();
   return x(
     () => c.query
   );
 }
-const F = G("one", () => {
-  const c = ye(), e = ze(), o = R(), a = se(), n = D(!1), s = D(!1), l = B(), p = B([]), u = x(() => c.value.session_id), m = x(() => {
+const j = G("one", () => {
+  const c = xe(), e = Xe(), o = H(), a = te(), n = A(!1), s = A(!1), l = N(), p = N([]), u = x(() => c.value.session_id), m = x(() => {
     var w;
     return (w = l.value) == null ? void 0 : w.items[0].plan.interval;
-  }), v = x(() => {
+  }), f = x(() => {
     var w;
-    return (w = o.user) == null ? void 0 : w.sponsorships.find((L) => L.platform === "stripe" && L.tierName.startsWith("sub_"));
+    return (w = o.user) == null ? void 0 : w.sponsorships.find((C) => C.platform === "stripe" && C.tierName.startsWith("sub_"));
   }), V = x(() => {
     var w;
-    return !!((w = v.value) != null && w.tierName);
+    return !!((w = f.value) != null && w.tierName);
   }), y = x(() => {
     var w;
-    return ((w = o.user) == null ? void 0 : w.sponsorships.reduce((L, K) => {
-      if (!K.isActive || K.interval === "once" || K.platform === "stripe")
-        return L;
-      const Ot = K.interval === "month" ? K.amount : K.amount / 12;
-      return L + Ot / 100;
+    return ((w = o.user) == null ? void 0 : w.sponsorships.reduce((C, Z) => {
+      if (!Z.isActive || Z.interval === "once" || Z.platform === "stripe")
+        return C;
+      const Ie = Z.interval === "month" ? Z.amount : Z.amount / 12;
+      return C + Ie / 100;
     }, 0)) ?? 0;
-  }), f = x(() => {
-    var w, L;
-    return !a.url || ((w = o.user) == null ? void 0 : w.isAdmin) || ((L = v.value) == null ? void 0 : L.isActive) || y.value >= 299;
+  }), v = x(() => {
+    var w;
+    return (w = o.user) == null ? void 0 : w.sponsorships.find((C) => C.tierName.startsWith("sub_") && C.isActive);
   }), g = x(() => {
     var w;
-    return (w = o.user) == null ? void 0 : w.sponsorships.find((L) => L.tierName.startsWith("sub_") && L.isActive);
-  }), h = x(() => {
+    return (w = o.user) == null ? void 0 : w.sponsorships.find((C) => C.platform === "github" && C.isActive);
+  }), _ = x(() => {
     var w;
-    return (w = o.user) == null ? void 0 : w.sponsorships.find((L) => L.platform === "github" && L.isActive);
+    return (w = o.user) == null ? void 0 : w.sponsorships.find((C) => C.platform === "discord" && C.isActive);
   }), $ = x(() => {
     var w;
-    return (w = o.user) == null ? void 0 : w.sponsorships.find((L) => L.platform === "discord" && L.isActive);
-  }), j = x(() => {
+    return (w = o.user) == null ? void 0 : w.identities.find((C) => C.provider === "shopify");
+  }), F = x(() => {
     var w;
-    return (w = o.user) == null ? void 0 : w.identities.find((L) => L.provider === "shopify");
-  }), M = x(() => {
-    var w;
-    return (w = o.user) == null ? void 0 : w.sponsorships.find((L) => L.platform === "patreon" && L.isActive);
+    return (w = o.user) == null ? void 0 : w.sponsorships.find((C) => C.platform === "patreon" && C.isActive);
+  }), P = x(() => {
+    var w, C, Z, Ie, nt;
+    return !a.url || ((w = o.user) == null ? void 0 : w.isAdmin) || ((C = f.value) == null ? void 0 : C.isActive) || ((Z = g.value) == null ? void 0 : Z.isActive) || ((Ie = _.value) == null ? void 0 : Ie.isActive) || ((nt = F.value) == null ? void 0 : nt.isActive) || y.value >= 2.99;
   });
-  Oe(async () => {
-    u.value && await E();
-  }), N(s, tt), N(u, (w) => {
-    w && E();
-  }, { immediate: !0 }), N(c, (w) => {
+  Be(async () => {
+    u.value && await R();
+  }), z(s, ot), z(u, (w) => {
+    w && R();
+  }, { immediate: !0 }), z(c, (w) => {
     if (w.one !== "subscribe" || o.user)
       return;
     o.dialog = !0;
-    const L = N(() => o.user, (K) => {
-      K && (o.dialog = !1, L());
+    const C = z(() => o.user, (Z) => {
+      Z && (o.dialog = !1, C());
     });
-  }, { immediate: !0 }), N(f, (w, L) => {
-    w === !1 && L !== !0 || ae();
+  }, { immediate: !0 }), z(P, (w, C) => {
+    w === !1 && C !== !0 || oe();
   });
-  async function E() {
+  async function R() {
     try {
       n.value = !0;
       const w = await a.post("/one/activate", { sessionId: u.value });
       o.user = w.user;
-      const L = new URL(window.location.href);
-      L.searchParams.delete("session_id"), history.pushState(null, "", L.toString()), Ve();
+      const C = new URL(window.location.href);
+      C.searchParams.delete("session_id"), history.pushState(null, "", C.toString()), fe();
     } catch {
     } finally {
       n.value = !1;
     }
   }
-  async function Ce() {
+  async function Se() {
     window.open(`${a.url}/one/manage`, "_blank");
   }
-  async function Le(w) {
+  async function Ce(w) {
     n.value = !0, window.location.href = `${a.url}/one/subscribe?interval=${w}`;
   }
-  async function Ie() {
+  async function Le() {
     var w;
-    if (v.value)
+    if (f.value)
       try {
         n.value = !0;
-        const L = await a.post(
-          `/one/cancel?subscriptionId=${(w = v.value) == null ? void 0 : w.tierName}`
+        const C = await a.post(
+          `/one/cancel?subscriptionId=${(w = f.value) == null ? void 0 : w.tierName}`
         );
-        o.user = L.user;
+        o.user = C.user;
       } catch {
       } finally {
         n.value = !1;
       }
   }
-  async function be(w) {
-    if (v.value)
+  async function me(w) {
+    if (f.value)
       try {
         n.value = !0;
-        const L = await a.post("/one/modify", {
-          subscriptionId: v.value.tierName,
+        const C = await a.post("/one/modify", {
+          subscriptionId: f.value.tierName,
           interval: w
         });
-        o.user = L.user;
+        o.user = C.user;
       } catch {
       } finally {
         n.value = !1;
       }
   }
-  async function ae() {
+  async function oe() {
     var w;
-    if (v.value)
+    if (f.value)
       try {
         n.value = !0;
-        const L = await a.post(
-          `/one/verify?subscriptionId=${(w = v.value) == null ? void 0 : w.tierName}`
+        const C = await a.post(
+          `/one/verify?subscriptionId=${(w = f.value) == null ? void 0 : w.tierName}`
         );
-        o.user = L.user;
+        o.user = C.user;
       } catch {
       } finally {
         n.value = !1;
       }
   }
-  async function Ve() {
+  async function fe() {
     try {
       n.value = !0;
       const w = await a.get("/one/info");
@@ -1049,7 +1049,7 @@ const F = G("one", () => {
       n.value = !1;
     }
   }
-  function tt() {
+  function ot() {
     e.push({
       query: {
         ...c.value,
@@ -1062,25 +1062,25 @@ const F = G("one", () => {
     interval: m,
     invoices: p,
     sessionId: u,
-    subscription: v,
+    subscription: f,
     monthlyTotal: y,
     hasBilling: V,
     isLoading: n,
     isOpen: s,
-    isSubscriber: f,
-    github: h,
-    patreon: M,
-    discord: $,
-    shopify: j,
-    one: g,
-    activate: E,
-    cancel: Ie,
-    manage: Ce,
-    modify: be,
-    resetQuery: tt,
-    subscribe: Le,
-    subscriptionInfo: Ve,
-    verify: ae
+    isSubscriber: P,
+    github: g,
+    patreon: F,
+    discord: _,
+    shopify: $,
+    one: v,
+    activate: R,
+    cancel: Le,
+    manage: Se,
+    modify: me,
+    resetQuery: ot,
+    subscribe: Ce,
+    subscriptionInfo: fe,
+    verify: oe
   };
 });
 function on() {
@@ -1239,8 +1239,8 @@ function on() {
     }
   };
 }
-const He = G("settings", () => {
-  const c = "https://cdn.vuetifyjs.com/docs/images/one/", e = F(), o = z(), a = je(), n = on(), s = {
+const Me = G("settings", () => {
+  const c = "https://cdn.vuetifyjs.com/docs/images/one/", e = j(), o = T(), a = ze(), n = on(), s = {
     blackguard: {
       "app-bar": c + "suits/blackguard/blackguard-app-bar.png",
       drawer: c + "suits/blackguard/blackguard-app-drawer.png",
@@ -1267,7 +1267,7 @@ const He = G("settings", () => {
   return a.themes.value = {
     ...a.themes.value,
     ...n
-  }, N(() => o.theme, (p) => {
+  }, z(() => 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,
@@ -1281,7 +1281,7 @@ const He = G("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(c, "modelValue"), o = F(), a = He(), n = z(), s = [
+    const e = le(c, "modelValue"), o = j(), a = Me(), n = T(), s = [
       {
         title: "Light",
         subtitle: "A standard light theme.",
@@ -1332,23 +1332,23 @@ const He = G("settings", () => {
         value: "highContrast",
         disabled: !0
       }
-    ], l = ye();
-    return N(l, async () => {
-      l.value.one === "settings" && (o.isOpen = !0, await de(), e.value = !0);
+    ], l = xe();
+    return z(l, async () => {
+      l.value.one === "settings" && (o.isOpen = !0, await he(), e.value = !0);
     }, { immediate: !0 }), (p, u) => {
-      const m = ge, v = tn, V = wt, y = he;
-      return d(), _(y, {
+      const m = pe, f = tn, V = wt, y = we;
+      return d(), h(y, {
         modelValue: e.value,
-        "onUpdate:modelValue": u[6] || (u[6] = (f) => e.value = f),
+        "onUpdate:modelValue": u[6] || (u[6] = (v) => e.value = v),
         "prepend-icon": `svg:${t(Xt)}`,
         title: "Settings"
       }, {
         default: r(() => [
-          i(fe, null, {
+          i(Ve, null, {
             default: r(() => [
-              i(ve, { scrollable: "" }, {
+              i(ke, { scrollable: "" }, {
                 default: r(() => [
-                  i(ue, { class: "px-7" }, {
+                  i(ie, { class: "px-7" }, {
                     default: r(() => [
                       i(m, {
                         text: "Customize your documentation experience with light and dark themes, as well as a combination of both named.",
@@ -1356,39 +1356,39 @@ const He = G("settings", () => {
                       }),
                       i(ft, {
                         modelValue: t(n).theme,
-                        "onUpdate:modelValue": u[0] || (u[0] = (f) => t(n).theme = f),
+                        "onUpdate:modelValue": u[0] || (u[0] = (v) => t(n).theme = v),
                         mandatory: ""
                       }, {
                         default: r(() => [
-                          i(re, { dense: "" }, {
+                          i(be, { dense: "" }, {
                             default: r(() => [
-                              (d(), I(U, null, oe(s, (f, g) => i(J, {
+                              (d(), I(U, null, ne(s, (v, g) => i(re, {
                                 key: g,
                                 cols: "12",
                                 md: "6"
                               }, {
                                 default: r(() => [
-                                  i(Ze, {
-                                    value: f.value
+                                  i(Ge, {
+                                    value: v.value
                                   }, {
-                                    default: r(({ toggle: h, isSelected: $ }) => [
-                                      i(Me, null, {
-                                        default: r(({ props: j, isHovering: M }) => [
-                                          i(H, W({
+                                    default: r(({ toggle: _, isSelected: $ }) => [
+                                      i(je, null, {
+                                        default: r(({ props: F, isHovering: P }) => [
+                                          i(W, E({
                                             color: $ ? "primary" : "surface-variant",
-                                            disabled: f.disabled,
+                                            disabled: v.disabled,
                                             height: "76",
-                                            image: f.image,
-                                            "prepend-icon": f.prependIcon,
-                                            ripple: !f.disabled,
-                                            subtitle: f.disabled ? "In Development" : f.subtitle,
-                                            title: f.title,
+                                            image: v.image,
+                                            "prepend-icon": v.prependIcon,
+                                            ripple: !v.disabled,
+                                            subtitle: v.disabled ? "In Development" : v.subtitle,
+                                            title: v.title,
                                             variant: "tonal"
-                                          }, j, { onClick: h }), {
+                                          }, F, { onClick: _ }), {
                                             image: r(() => [
-                                              i(Q, {
-                                                style: st({
-                                                  filter: $ || M ? "none" : "grayscale(100%)"
+                                              i(ee, {
+                                                style: at({
+                                                  filter: $ || P ? "none" : "grayscale(100%)"
                                                 })
                                               }, null, 8, ["style"])
                                             ]),
@@ -1410,53 +1410,53 @@ const He = G("settings", () => {
                         _: 1
                       }, 8, ["modelValue"]),
                       t(o).isSubscriber ? (d(), I(U, { key: 0 }, [
-                        i(Z, { class: "mt-6 mb-4" }),
-                        i(v)
+                        i(Q, { class: "mt-6 mb-4" }),
+                        i(f)
                       ], 64)) : S("", !0)
                     ]),
                     _: 1
                   }),
-                  i(Z),
-                  i(ue, { class: "px-7" }, {
+                  i(Q),
+                  i(ie, { class: "px-7" }, {
                     default: r(() => [
                       i(m, {
                         text: "These options change your browsing experience within Vuetify properties",
                         title: "Experience"
                       }),
-                      t(o).isSubscriber ? (d(), _(V, {
+                      t(o).isSubscriber ? (d(), h(V, {
                         key: 0,
                         modelValue: t(n).disableAds,
-                        "onUpdate:modelValue": u[1] || (u[1] = (f) => t(n).disableAds = f),
+                        "onUpdate:modelValue": u[1] || (u[1] = (v) => t(n).disableAds = v),
                         class: "mb-2",
                         label: "Disable Ads",
                         messages: "Disable traditional advertisements on all documentation pages."
                       }, null, 8, ["modelValue"])) : S("", !0),
-                      i(me, null, {
+                      i(ue, null, {
                         default: r(() => [
-                          xe(b("div", nn, [
+                          ge(b("div", nn, [
                             i(V, {
                               modelValue: t(n).showHouseAds,
-                              "onUpdate:modelValue": u[2] || (u[2] = (f) => t(n).showHouseAds = f),
+                              "onUpdate:modelValue": u[2] || (u[2] = (v) => t(n).showHouseAds = v),
                               label: "Show House Ads",
                               messages: "These advertisements are for Vuetify products and services only."
                             }, null, 8, ["modelValue"])
                           ], 512), [
-                            [Be, t(n).disableAds]
+                            [Ne, t(n).disableAds]
                           ])
                         ]),
                         _: 1
                       }),
                       i(V, {
                         modelValue: t(n).quickbar,
-                        "onUpdate:modelValue": u[3] || (u[3] = (f) => t(n).quickbar = f),
+                        "onUpdate:modelValue": u[3] || (u[3] = (v) => t(n).quickbar = v),
                         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
                   }),
-                  i(Z),
-                  t(o).isSubscriber ? (d(), _(ue, {
+                  i(Q),
+                  t(o).isSubscriber ? (d(), h(ie, {
                     key: 0,
                     class: "px-7"
                   }, {
@@ -1467,14 +1467,14 @@ const He = G("settings", () => {
                       }),
                       i(V, {
                         modelValue: t(n).notifications.show,
-                        "onUpdate:modelValue": u[4] || (u[4] = (f) => t(n).notifications.show = f),
+                        "onUpdate:modelValue": u[4] || (u[4] = (v) => t(n).notifications.show = v),
                         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"]),
                       i(V, {
                         modelValue: t(n).notifications.banners,
-                        "onUpdate:modelValue": u[5] || (u[5] = (f) => t(n).notifications.banners = f),
+                        "onUpdate:modelValue": u[5] || (u[5] = (v) => t(n).notifications.banners = v),
                         label: "Enable Banners",
                         messages: "Banners are located at the top of the screen and provide a callout for important information."
                       }, null, 8, ["modelValue"])
@@ -1495,10 +1495,10 @@ const He = G("settings", () => {
 }), an = /* @__PURE__ */ k({
   __name: "VoSettingsListItem",
   setup(c) {
-    const e = D(!1);
+    const e = A(!1);
     return (o, a) => {
       const n = sn, s = Y;
-      return d(), _(s, {
+      return d(), h(s, {
         active: t(e),
         link: "",
         "prepend-icon": `svg:${t(Kt)}`,
@@ -1507,7 +1507,7 @@ const He = G("settings", () => {
         default: r(() => [
           i(n, {
             modelValue: t(e),
-            "onUpdate:modelValue": a[0] || (a[0] = (l) => ne(e) ? e.value = l : null)
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => se(e) ? e.value = l : null)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
@@ -1517,18 +1517,18 @@ const He = G("settings", () => {
 }), rn = { class: "text-caption" }, ln = /* @__PURE__ */ k({
   __name: "VoSubscriptionInvoices",
   setup(c) {
-    const e = Se(), o = F();
+    const e = ye(), o = j();
     return (a, n) => {
-      const s = ge;
-      return d(), _(re, null, {
+      const s = pe;
+      return d(), h(be, null, {
         default: r(() => [
-          i(J, { cols: "12" }, {
+          i(re, { cols: "12" }, {
             default: r(() => [
               i(s, {
                 text: "View and download your invoice history.",
                 title: "Invoice History"
               }),
-              i(H, {
+              i(W, {
                 border: "",
                 height: "450",
                 rounded: "lg"
@@ -1540,13 +1540,13 @@ const He = G("settings", () => {
                     sticky: ""
                   }, {
                     "item.date": r(({ item: l }) => [
-                      b("div", rn, C(t(e).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
+                      b("div", rn, L(t(e).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
                     "item.amount": r(({ item: l }) => [
-                      T(" $" + C(l.amount / 100), 1)
+                      O(" $" + L(l.amount / 100), 1)
                     ]),
                     "item.status": r(({ item: l }) => [
-                      i(te, {
+                      i(X, {
                         border: "success sm",
                         class: "text-capitalize",
                         color: "success",
@@ -1585,7 +1585,7 @@ const He = G("settings", () => {
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
   setup(c, { emit: e }) {
-    const o = Se(), a = F(), n = e, s = x(() => {
+    const o = ye(), a = j(), n = e, s = x(() => {
       if (!a.info)
         return;
       const p = new Date(a.info.currentPeriodEnd * 1e3);
@@ -1595,24 +1595,24 @@ const He = G("settings", () => {
       a.interval && (a.isLoading = !0, a.subscribe(a.interval));
     }
     return (p, u) => {
-      const m = _e;
-      return d(), _(re, null, {
+      const m = $e;
+      return d(), h(be, null, {
         default: r(() => [
-          i(J, { cols: "12" }, {
+          i(re, { cols: "12" }, {
             default: r(() => {
-              var v, V;
+              var f, V;
               return [
-                i(H, {
+                i(W, {
                   border: "",
                   flat: "",
                   "prepend-icon": "$vuetify",
                   rounded: "lg",
                   title: "Subscription Status"
-                }, P({
+                }, M({
                   append: r(() => {
                     var y;
                     return [
-                      t(a).hasBilling && ((y = t(a).info) == null ? void 0 : y.status) === "canceled" ? (d(), _(m, {
+                      t(a).hasBilling && ((y = t(a).info) == null ? void 0 : y.status) === "canceled" ? (d(), h(m, {
                         key: 0,
                         class: "me-2",
                         color: "success",
@@ -1622,7 +1622,7 @@ const He = G("settings", () => {
                         variant: "outlined",
                         onClick: l
                       }, null, 8, ["loading"])) : S("", !0),
-                      t(a).hasBilling ? (d(), _(m, {
+                      t(a).hasBilling ? (d(), h(m, {
                         key: 1,
                         loading: t(a).isLoading,
                         "prepend-icon": `svg:${t(to)}`,
@@ -1637,12 +1637,12 @@ const He = G("settings", () => {
                     name: "subtitle",
                     fn: r(() => [
                       b("div", cn, [
-                        b("span", un, C(t(a).info.status), 1),
+                        b("span", un, L(t(a).info.status), 1),
                         t(a).info.items.length ? (d(), I(U, { key: 0 }, [
                           dn,
                           b("span", pn, [
-                            T(" $" + C(t(a).info.items[0].plan.amount / 100), 1),
-                            b("span", mn, "/" + C(t(a).interval), 1)
+                            O(" $" + L(t(a).info.items[0].plan.amount / 100), 1),
+                            b("span", mn, "/" + L(t(a).interval), 1)
                           ]),
                           i(m, {
                             size: "x-small",
@@ -1658,13 +1658,13 @@ const He = G("settings", () => {
                     name: "subtitle",
                     fn: r(() => [
                       b("div", { class: "d-flex align-center" }, [
-                        i(we, {
+                        i(_e, {
                           height: "16",
                           type: "ossein",
                           width: "40"
                         }),
                         b("span", { class: "mx-1" }, "—"),
-                        i(we, {
+                        i(_e, {
                           height: "16",
                           type: "ossein",
                           width: "80"
@@ -1676,14 +1676,14 @@ const He = G("settings", () => {
                 ]), 1024),
                 b("div", fn, [
                   b("div", null, [
-                    ((v = t(a).info) == null ? void 0 : v.status) === "active" ? (d(), I(U, { key: 0 }, [
-                      T(" Your plan renews on "),
-                      b("span", vn, C(t(o).format(t(s), "fullDateWithWeekday")), 1),
-                      T(". ")
+                    ((f = t(a).info) == null ? void 0 : f.status) === "active" ? (d(), I(U, { key: 0 }, [
+                      O(" Your plan renews on "),
+                      b("span", vn, L(t(o).format(t(s), "fullDateWithWeekday")), 1),
+                      O(". ")
                     ], 64)) : (d(), I(U, { key: 1 }, [
-                      T(" Your plan ends on "),
-                      b("span", _n, C(t(o).format((V = t(a).info) == null ? void 0 : V.currentPeriodEnd, "fullDateWithWeekday")), 1),
-                      T(". ")
+                      O(" Your plan ends on "),
+                      b("span", _n, L(t(o).format((V = t(a).info) == null ? void 0 : V.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      O(". ")
                     ], 64))
                   ])
                 ])
@@ -1710,33 +1710,33 @@ const He = G("settings", () => {
     ], o = [
       "Early access to Vuetify Studio, a visual editor for Vuetify",
       "Receive a special label on GitHub created issues and pull requests"
-    ], a = D(!1), n = F();
-    return N(a, async (s) => {
+    ], a = A(!1), n = j();
+    return z(a, async (s) => {
       s && n.subscriptionInfo();
     }), (s, l) => {
       const p = Y;
       return d(), I(U, null, [
-        i(Ge, { class: "font-weight-black" }, {
+        i(qe, { class: "font-weight-black" }, {
           default: r(() => [
-            T("Perks")
+            O("Perks")
           ]),
           _: 1
         }),
         gn,
-        i(ie, {
+        i(ae, {
           class: "py-0",
           density: "compact",
           lines: !1,
           nav: ""
         }, {
           default: r(() => [
-            (d(), I(U, null, oe(e, (u, m) => i(p, {
+            (d(), I(U, null, ne(e, (u, m) => i(p, {
               key: m,
               class: "mb-0",
-              "prepend-icon": `svg:${t(Ne)}`
+              "prepend-icon": `svg:${t(Ue)}`
             }, {
               prepend: r(() => [
-                i(A, {
+                i(D, {
                   class: "mx-n2",
                   color: "success",
                   size: "small"
@@ -1751,27 +1751,27 @@ const He = G("settings", () => {
           _: 1
         }),
         bn,
-        i(Ge, { class: "font-weight-black" }, {
+        i(qe, { class: "font-weight-black" }, {
           default: r(() => [
-            T("Up Next")
+            O("Up Next")
           ]),
           _: 1
         }),
         Vn,
-        i(ie, {
+        i(ae, {
           class: "py-0",
           density: "compact",
           lines: !1,
           nav: ""
         }, {
           default: r(() => [
-            (d(), I(U, null, oe(o, (u, m) => i(p, {
+            (d(), I(U, null, ne(o, (u, m) => i(p, {
               key: m,
               class: "mb-0",
               "prepend-icon": `svg:${t(oo)}`
             }, {
               prepend: r(() => [
-                i(A, {
+                i(D, {
                   class: "mx-n2",
                   size: "small"
                 })
@@ -1797,30 +1797,30 @@ const He = G("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = D(!1), o = le(c, "modelValue"), a = F();
-    return N(e, async (n) => {
+    const e = A(!1), o = le(c, "modelValue"), a = j();
+    return z(e, async (n) => {
       n && a.subscriptionInfo();
-    }), N(() => a.interval, (n) => {
+    }), z(() => a.interval, (n) => {
       o.value = n;
-    }, { immediate: !0 }), (n, s) => (d(), _(ft, {
+    }, { immediate: !0 }), (n, s) => (d(), h(ft, {
       modelValue: o.value,
       "onUpdate:modelValue": s[0] || (s[0] = (l) => o.value = l),
       mandatory: ""
     }, {
       default: r(() => [
-        i(re, null, {
+        i(be, null, {
           default: r(() => [
-            i(J, {
+            i(re, {
               cols: "12",
               md: "6"
             }, {
               default: r(() => [
-                i(Ze, { value: "month" }, {
+                i(Ge, { value: "month" }, {
                   default: r(({ toggle: l, isSelected: p }) => [
-                    i(H, {
+                    i(W, {
                       border: p ? "sm primary opacity-100" : "sm",
                       color: p ? "primary" : void 0,
-                      "prepend-icon": p ? `svg:${t(Ae)}` : "$radioOff",
+                      "prepend-icon": p ? `svg:${t(De)}` : "$radioOff",
                       rounded: "lg",
                       subtitle: "$2.99/month",
                       title: "Monthly",
@@ -1828,7 +1828,7 @@ const He = G("settings", () => {
                       onClick: l
                     }, {
                       prepend: r(() => [
-                        i(A, { class: "mt-n6" })
+                        i(D, { class: "mt-n6" })
                       ]),
                       _: 2
                     }, 1032, ["border", "color", "prepend-icon", "variant", "onClick"])
@@ -1838,17 +1838,17 @@ const He = G("settings", () => {
               ]),
               _: 1
             }),
-            i(J, {
+            i(re, {
               cols: "12",
               md: "6"
             }, {
               default: r(() => [
-                i(Ze, { value: "year" }, {
+                i(Ge, { value: "year" }, {
                   default: r(({ toggle: l, isSelected: p }) => [
-                    i(H, {
+                    i(W, {
                       border: p ? "sm primary opacity-100" : "sm",
                       color: p ? "primary" : void 0,
-                      "prepend-icon": p ? `svg:${t(Ae)}` : "$radioOff",
+                      "prepend-icon": p ? `svg:${t(De)}` : "$radioOff",
                       rounded: "lg",
                       subtitle: "$29.99/year",
                       title: "Yearly",
@@ -1856,10 +1856,10 @@ const He = G("settings", () => {
                       onClick: l
                     }, {
                       prepend: r(() => [
-                        i(A, { class: "mt-n6" })
+                        i(D, { class: "mt-n6" })
                       ]),
                       append: r(() => [
-                        i(te, {
+                        i(X, {
                           class: "mt-n6",
                           color: "success",
                           size: "small",
@@ -1891,38 +1891,38 @@ const He = G("settings", () => {
   emits: ["update:modelValue"],
   setup(c) {
     function e(m) {
-      return new Promise((v) => setTimeout(v, m));
+      return new Promise((f) => setTimeout(f, m));
     }
-    const o = le(c, "modelValue"), a = F(), n = ye(), s = D(a.interval), l = D(a.hasBilling ? "status" : "subscribe"), p = D(!1);
-    N(s, (m) => {
+    const o = le(c, "modelValue"), a = j(), n = xe(), s = A(a.interval), l = A(a.hasBilling ? "status" : "subscribe"), p = A(!1);
+    z(s, (m) => {
       !a.isSubscriber || !a.interval || (p.value = m !== a.interval);
-    }), N(o, async (m) => {
+    }), z(o, async (m) => {
       if (!m || !a.isSubscriber) {
         m || a.resetQuery();
         return;
       }
       a.subscriptionInfo();
-    }), N(n, async () => {
-      !a.sessionId && !["subscribe", "status"].includes(n.value.one) || (l.value = a.sessionId || n.value.one === "status" ? "status" : "subscribe", a.isOpen = !0, await de(), o.value = !0);
+    }), z(n, async () => {
+      !a.sessionId && !["subscribe", "status"].includes(n.value.one) || (l.value = a.sessionId || n.value.one === "status" ? "status" : "subscribe", a.isOpen = !0, await he(), o.value = !0);
     }, { immediate: !0 });
     async function u() {
       await a.modify(s.value), await a.subscriptionInfo(), p.value = null, await e(3e3), l.value = "status", await e(300), p.value = !1;
     }
-    return (m, v) => {
-      const V = ge, y = wn, f = $n, g = hn, h = ln, $ = _e, j = he;
-      return d(), _(j, {
+    return (m, f) => {
+      const V = pe, y = wn, v = $n, g = hn, _ = ln, $ = $e, F = we;
+      return d(), h(F, {
         modelValue: o.value,
-        "onUpdate:modelValue": v[4] || (v[4] = (M) => o.value = M),
+        "onUpdate:modelValue": f[4] || (f[4] = (P) => o.value = P),
         "prepend-icon": `svg:${t(no)}`,
         title: "Subscriptions"
-      }, P({
+      }, M({
         default: r(() => [
-          i(fe, null, {
+          i(Ve, null, {
             default: r(() => [
-              i(ve, { scrollable: "" }, {
+              i(ke, { scrollable: "" }, {
                 default: r(() => [
                   b("div", xn, [
-                    i(ue, null, {
+                    i(ie, null, {
                       default: r(() => [
                         i(V, {
                           text: "The Vuetify One subscription is a great way to support the Vuetify team and get access to exclusive features and content.",
@@ -1930,23 +1930,23 @@ const He = G("settings", () => {
                         }),
                         i(_t, { "model-value": t(l) }, {
                           default: r(() => [
-                            i(ke, { value: "subscribe" }, {
+                            i(ve, { value: "subscribe" }, {
                               default: r(() => [
                                 i(y, {
                                   modelValue: t(s),
-                                  "onUpdate:modelValue": v[0] || (v[0] = (M) => ne(s) ? s.value = M : null)
+                                  "onUpdate:modelValue": f[0] || (f[0] = (P) => se(s) ? s.value = P : null)
                                 }, null, 8, ["modelValue"]),
                                 Sn,
-                                i(f)
+                                i(v)
                               ]),
                               _: 1
                             }),
-                            i(ke, { value: "status" }, {
+                            i(ve, { value: "status" }, {
                               default: r(() => [
                                 i(g, {
-                                  "onChange:subscription": v[1] || (v[1] = (M) => l.value = "subscribe")
+                                  "onChange:subscription": f[1] || (f[1] = (P) => l.value = "subscribe")
                                 }),
-                                i(h)
+                                i(_)
                               ]),
                               _: 1
                             })
@@ -1970,24 +1970,24 @@ const He = G("settings", () => {
           name: "actions",
           fn: r(() => [
             b("div", Cn, [
-              t(p) !== !1 ? (d(), _($, {
+              t(p) !== !1 ? (d(), h($, {
                 key: 0,
                 block: "",
                 color: "success",
                 loading: t(a).isLoading,
-                "prepend-icon": `svg:${t(p) !== null ? t(so) : t(Ae)}`,
+                "prepend-icon": `svg:${t(p) !== null ? t(so) : t(De)}`,
                 readonly: t(p) === null,
                 size: "default",
                 text: t(p) !== null ? "Modify Subscription" : "Success",
                 onClick: u
-              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : t(a).isSubscriber ? (d(), _($, {
+              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : t(a).isSubscriber ? (d(), h($, {
                 key: 2,
                 block: "",
                 "prepend-icon": `svg:${t(ao)}`,
                 size: "default",
                 text: "Manage Subscription",
-                onClick: v[3] || (v[3] = (M) => l.value = "status")
-              }, null, 8, ["prepend-icon"])) : (d(), _($, {
+                onClick: f[3] || (f[3] = (P) => l.value = "status")
+              }, null, 8, ["prepend-icon"])) : (d(), h($, {
                 key: 1,
                 block: "",
                 color: t(s) ? "primary" : "disabled",
@@ -1996,7 +1996,7 @@ const He = G("settings", () => {
                 "prepend-icon": "$vuetify",
                 size: "default",
                 text: "Activate Subscription",
-                onClick: v[2] || (v[2] = (M) => t(a).subscribe(t(s)))
+                onClick: f[2] || (f[2] = (P) => t(a).subscribe(t(s)))
               }, null, 8, ["color", "disabled", "loading"]))
             ])
           ]),
@@ -2008,10 +2008,10 @@ const He = G("settings", () => {
 }), In = /* @__PURE__ */ k({
   __name: "VoSubscriptionListItem",
   setup(c) {
-    const e = D(!1);
+    const e = A(!1);
     return (o, a) => {
       const n = Ln, s = Y;
-      return d(), _(s, {
+      return d(), h(s, {
         active: t(e),
         link: "",
         "prepend-icon": `svg:${t(io)}`,
@@ -2020,17 +2020,17 @@ const He = G("settings", () => {
         default: r(() => [
           i(n, {
             modelValue: t(e),
-            "onUpdate:modelValue": a[0] || (a[0] = (l) => ne(e) ? e.value = l : null)
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => se(e) ? e.value = l : null)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Dn = {
+}), An = {
   key: 0,
   class: "text-success"
-}, Re = /* @__PURE__ */ k({
+}, He = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItem",
   props: {
     title: {},
@@ -2042,21 +2042,21 @@ const He = G("settings", () => {
     sponsorship: {}
   },
   setup(c) {
-    const e = c, o = He(), a = x(() => {
+    const e = c, o = Me(), a = x(() => {
       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, s) => {
       var p, u;
-      const l = _e;
-      return d(), _(Ao, {
+      const l = $e;
+      return d(), h(Do, {
         "dot-color": (p = n.sponsorship) != null && p.isActive ? "success" : "transparent",
-        icon: (u = n.sponsorship) != null && u.isActive ? `svg:${t(Ne)}` : void 0,
+        icon: (u = n.sponsorship) != null && u.isActive ? `svg:${t(Ue)}` : void 0,
         size: "x-small",
         width: "100%"
       }, {
         default: r(() => [
-          i(H, {
+          i(W, {
             border: "",
             "prepend-avatar": `${t(o).CDN_URL}logos/${n.logo}.png`,
             rounded: "lg",
@@ -2066,33 +2066,33 @@ const He = G("settings", () => {
             subtitle: r(() => {
               var m;
               return [
-                (m = n.sponsorship) != null && m.isActive ? (d(), I("div", Dn, [
-                  i(A, {
+                (m = n.sponsorship) != null && m.isActive ? (d(), I("div", An, [
+                  i(D, {
                     icon: `svg:${t(ro)}`,
                     size: "x-small"
                   }, null, 8, ["icon"]),
-                  T(" " + C(t(a)), 1)
+                  O(" " + L(t(a)), 1)
                 ])) : (d(), I(U, { key: 1 }, [
-                  T(C(n.text), 1)
+                  O(L(n.text), 1)
                 ], 64))
               ];
             }),
             append: r(() => {
-              var m, v, V, y, f, g;
+              var m, f, V, y, v, g;
               return [
-                n.disabled ? (d(), _(l, {
+                n.disabled ? (d(), h(l, {
                   key: 1,
                   color: "surface-variant",
                   readonly: "",
                   text: "Coming Soon"
-                })) : (d(), _(l, {
+                })) : (d(), h(l, {
                   key: 0,
                   active: !1,
                   color: (m = n.sponsorship) != null && m.isActive ? "success" : "primary",
-                  href: (v = n.sponsorship) != null && v.isActive || n.to ? void 0 : n.href,
-                  "prepend-icon": `svg:${(V = n.sponsorship) != null && V.isActive ? t(Ae) : t(Te)}`,
+                  href: (f = n.sponsorship) != null && f.isActive || n.to ? void 0 : n.href,
+                  "prepend-icon": `svg:${(V = n.sponsorship) != null && V.isActive ? t(De) : t(Te)}`,
                   readonly: (y = n.sponsorship) == null ? void 0 : y.isActive,
-                  target: (f = n.sponsorship) != null && f.isActive || n.to ? void 0 : "_blank",
+                  target: (v = n.sponsorship) != null && v.isActive || n.to ? void 0 : "_blank",
                   text: (g = n.sponsorship) != null && g.isActive ? "Active" : "Info",
                   to: n.to,
                   width: "88"
@@ -2106,12 +2106,12 @@ const He = G("settings", () => {
       }, 8, ["dot-color", "icon"]);
     };
   }
-}), An = /* @__PURE__ */ k({
+}), Dn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemPatreon",
   setup(c) {
     return (e, o) => {
-      const a = Re;
-      return d(), _(a, {
+      const a = He;
+      return d(), h(a, {
         disabled: "",
         logo: "patreon",
         text: "Support Vuetify through Patreon.",
@@ -2119,13 +2119,13 @@ const He = G("settings", () => {
       });
     };
   }
-}), On = /* @__PURE__ */ k({
+}), Bn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemDiscord",
   setup(c) {
-    const e = F();
+    const e = j();
     return (o, a) => {
-      const n = Re;
-      return d(), _(n, {
+      const n = He;
+      return d(), h(n, {
         href: "https://discord.com/servers/vuetify-340160225338195969",
         logo: "discord",
         sponsorship: t(e).discord,
@@ -2134,13 +2134,13 @@ const He = G("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), Bn = /* @__PURE__ */ k({
+}), Nn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemGithub",
   setup(c) {
-    const e = F();
+    const e = j();
     return (o, a) => {
-      const n = Re;
-      return d(), _(n, {
+      const n = He;
+      return d(), h(n, {
         href: "https://github.com/sponsors/johnleider",
         logo: "github",
         sponsorship: t(e).github,
@@ -2149,13 +2149,13 @@ const He = G("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), Un = /* @__PURE__ */ k({
+}), On = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemOne",
   setup(c) {
-    const e = F();
+    const e = j();
     return (o, a) => {
-      const n = Re;
-      return d(), _(n, {
+      const n = He;
+      return d(), h(n, {
         logo: "one",
         sponsorship: t(e).one,
         text: "Support Vuetify through Vuetify One.",
@@ -2164,12 +2164,12 @@ const He = G("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), Nn = /* @__PURE__ */ k({
+}), Un = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimeline",
   setup(c) {
     return (e, o) => {
-      const a = Un, n = Bn, s = On, l = An;
-      return d(), _(Oo, {
+      const a = On, n = Nn, s = Bn, l = Dn;
+      return d(), h(Bo, {
         class: "justify-start ms-n7",
         "line-inset": "12",
         side: "end",
@@ -2186,7 +2186,7 @@ const He = G("settings", () => {
       });
     };
   }
-}), Tn = { class: "px-3 pb-5 d-flex flex-column h-100" }, zn = { class: "font-weight-black" }, Fn = { class: "text-caption text-medium-emphasis" }, jn = /* @__PURE__ */ k({
+}), Tn = { class: "px-3 pb-5 d-flex flex-column h-100" }, Fn = { class: "font-weight-black" }, zn = { class: "text-caption text-medium-emphasis" }, jn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2194,24 +2194,24 @@ const He = G("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(c, "modelValue"), o = ye(), a = F();
-    return N(o, async () => {
-      o.value.one === "sponsorships" && (a.isOpen = !0, await de(), e.value = !0);
+    const e = le(c, "modelValue"), o = xe(), a = j();
+    return z(o, async () => {
+      o.value.one === "sponsorships" && (a.isOpen = !0, await he(), e.value = !0);
     }, { immediate: !0 }), (n, s) => {
-      const l = ge, p = Nn, u = Ue("v-empty-state"), m = he;
-      return d(), _(m, {
+      const l = pe, p = Un, u = Oe("v-empty-state"), m = we;
+      return d(), h(m, {
         modelValue: e.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (v) => e.value = v),
+        "onUpdate:modelValue": s[0] || (s[0] = (f) => e.value = f),
         "prepend-icon": `svg:${t(lo)}`,
         title: "Sponsorships"
       }, {
         default: r(() => [
-          i(fe, null, {
+          i(Ve, null, {
             default: r(() => [
-              i(ve, { scrollable: "" }, {
+              i(ke, { scrollable: "" }, {
                 default: r(() => [
                   b("div", Tn, [
-                    i(ue, { class: "flex-0-0 mb-16 mb-sm-4" }, {
+                    i(ie, { class: "flex-0-0 mb-16 mb-sm-4" }, {
                       default: r(() => [
                         i(l, {
                           text: "Support Vuetify through GitHub Sponsors, Discord, or Patreon to unlock exclusive benefits and content.",
@@ -2228,16 +2228,16 @@ const He = G("settings", () => {
                       size: "128"
                     }, {
                       media: r(() => [
-                        i(A, {
+                        i(D, {
                           color: t(a).isSubscriber ? "success" : "error"
                         }, null, 8, ["color"])
                       ]),
                       title: r(() => [
-                        T(" One Status: "),
-                        b("span", zn, C(t(a).isSubscriber ? "Active" : "Inactive"), 1)
+                        O(" One Status: "),
+                        b("span", Fn, L(t(a).isSubscriber ? "Active" : "Inactive"), 1)
                       ]),
                       text: r(() => [
-                        b("div", Fn, C(t(a).isSubscriber ? "You are currently receiving benefits of Vuetify One." : "Login to activate Vuetify One benefits"), 1)
+                        b("div", zn, L(t(a).isSubscriber ? "You are currently receiving benefits of Vuetify One." : "Login to activate Vuetify One benefits"), 1)
                       ]),
                       _: 1
                     })
@@ -2253,13 +2253,13 @@ const He = G("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Mn = /* @__PURE__ */ k({
+}), Pn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsListItem",
   setup(c) {
-    const e = D(!1);
+    const e = A(!1);
     return (o, a) => {
       const n = jn, s = Y;
-      return d(), _(s, {
+      return d(), h(s, {
         active: t(e),
         link: "",
         "prepend-icon": `svg:${t(co)}`,
@@ -2268,15 +2268,15 @@ const He = G("settings", () => {
         default: r(() => [
           i(n, {
             modelValue: t(e),
-            "onUpdate:modelValue": a[0] || (a[0] = (l) => ne(e) ? e.value = l : null)
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => se(e) ? e.value = l : null)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Pn = G("downloads", () => {
-  const c = se(), e = B([]), o = D(!1);
+}), Mn = G("downloads", () => {
+  const c = te(), e = N([]), o = A(!1);
   async function a() {
     if (e.value.length)
       return e.value;
@@ -2298,7 +2298,7 @@ const He = G("settings", () => {
 }), Hn = /* @__PURE__ */ k({
   __name: "VoDownloadsTable",
   setup(c) {
-    const e = Se(), o = Pn(), a = [
+    const e = ye(), o = Mn(), a = [
       {
         title: "Order ID",
         value: "order_name"
@@ -2318,19 +2318,19 @@ const He = G("settings", () => {
         value: "download_url"
       }
     ];
-    return Oe(async () => {
+    return Be(async () => {
       await o.index();
     }), (n, s) => {
-      const l = ge;
-      return d(), _(re, null, {
+      const l = pe;
+      return d(), h(be, null, {
         default: r(() => [
-          i(J, { cols: "12" }, {
+          i(re, { cols: "12" }, {
             default: r(() => [
               i(l, {
                 text: "View and download your store purchases.",
                 title: "Download history"
               }),
-              i(H, {
+              i(W, {
                 border: "",
                 flat: "",
                 rounded: "lg"
@@ -2344,16 +2344,16 @@ const He = G("settings", () => {
                     loading: t(o).isLoading
                   }, {
                     "item.order_name": r(({ item: p }) => [
-                      T(" #" + C(p.order_name), 1)
+                      O(" #" + L(p.order_name), 1)
                     ]),
                     "item.created_at": r(({ item: p }) => [
-                      T(C(t(e).format(p.created_at, "shortDate")), 1)
+                      O(L(t(e).format(p.created_at, "shortDate")), 1)
                     ]),
                     "item.download_items": r(({ item: p }) => [
-                      (d(!0), I(U, null, oe(p.download_items, (u, m) => (d(), I("div", {
+                      (d(!0), I(U, null, ne(p.download_items, (u, m) => (d(), I("div", {
                         key: m,
                         class: "text-truncate"
-                      }, C(u.name), 1))), 128))
+                      }, L(u.name), 1))), 128))
                     ]),
                     "item.download_url": r(({ item: p }) => [
                       i(q, {
@@ -2381,29 +2381,29 @@ const He = G("settings", () => {
 }), Rn = { class: "px-3" }, En = /* @__PURE__ */ k({
   __name: "VoDownloadsNavItem",
   setup(c) {
-    const e = D(!1);
+    const e = A(!1);
     return (o, a) => {
-      const n = Hn, s = he, l = Y;
-      return d(), _(l, {
+      const n = Hn, s = we, l = Y;
+      return d(), h(l, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(ot)}`,
+        "prepend-icon": `svg:${t(st)}`,
         title: "Downloads"
       }, {
         default: r(() => [
           i(s, {
             modelValue: t(e),
-            "onUpdate:modelValue": a[0] || (a[0] = (p) => ne(e) ? e.value = p : null),
-            "prepend-icon": `svg:${t(ot)}`,
+            "onUpdate:modelValue": a[0] || (a[0] = (p) => se(e) ? e.value = p : null),
+            "prepend-icon": `svg:${t(st)}`,
             title: "Downloads"
           }, {
             default: r(() => [
-              i(fe, null, {
+              i(Ve, null, {
                 default: r(() => [
-                  i(ve, { scrollable: "" }, {
+                  i(ke, { scrollable: "" }, {
                     default: r(() => [
                       b("div", Rn, [
-                        i(ue, null, {
+                        i(ie, null, {
                           default: r(() => [
                             i(n)
                           ]),
@@ -2424,236 +2424,55 @@ const He = G("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Wn = /* @__PURE__ */ b("h2", { class: "text-h4" }, " Configuration Tooling ", -1), qn = /* @__PURE__ */ b("p", { class: "text-subtitle-1 text-medium-emphasis" }, " Coming soon to Vuetify One ", -1), Gn = { class: "text-uppercase text-info" }, Zn = { class: "text-h6 mb-2" }, Qn = { class: "text-caption" }, Yn = /* @__PURE__ */ b("div", null, " Become a subscriber and be the first to gain access to the Vuetify Studio Alpha when it releases in April 2024. ", -1), Jn = /* @__PURE__ */ k({
-  __name: "VoStudioDialog",
-  props: /* @__PURE__ */ at({
-    prependIcon: {}
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(c) {
-    const e = le(c, "modelValue"), o = ye(), a = ze(), n = F(), { smAndUp: s } = ce(), l = [
-      {
-        title: "Customize",
-        subtitle: "Customize your Vuetify theme, components, and more with the Vuetify Studio.",
-        text: "Vuetify Studio is a premium tool that allows you to customize your Vuetify theme, components, and more. Unlock Vuetify One status to gain access to the Vuetify Studio Alpha.",
-        image: "https://cdn.vuetifyjs.com/docs/images/one/studio/customize.png"
-      },
-      {
-        title: "Configure",
-        subtitle: "Configure every aspect of your application from a single interface.",
-        text: "Vuetify Studio allows you to configure every single property of your application, including global values, and more.",
-        image: "https://cdn.vuetifyjs.com/docs/images/one/studio/configure.png"
-      },
-      {
-        title: "Export",
-        subtitle: "Export your configuration and easily implement your options.",
-        text: "Vuetify Studio allows you to export your options to a Vuetify configuration file for easy integration into your application.",
-        image: "https://cdn.vuetifyjs.com/docs/images/one/studio/export.png"
-      }
-    ];
-    N(o, async () => {
-      o.value.one === "studio" && (n.isOpen = !0, await de(), e.value = !0);
-    }, { immediate: !0 });
-    function p() {
-      e.value = !1, a.push({ query: { one: "subscribe" } });
-    }
-    return (u, m) => {
-      const v = _e, V = he;
-      return d(), _(V, {
-        modelValue: e.value,
-        "onUpdate:modelValue": m[0] || (m[0] = (y) => e.value = y),
-        "prepend-icon": u.prependIcon,
-        title: "Vuetify Studio"
-      }, {
-        default: r(() => [
-          i(fe, null, {
-            default: r(() => [
-              i(ve, { scrollable: "" }, {
-                default: r(() => [
-                  i(Q, {
-                    "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)",
-                    height: "350",
-                    "max-height": "350",
-                    position: "top",
-                    src: "https://cdn.vuetifyjs.com/docs/images/one/studio/hero.png"
-                  }, {
-                    default: r(() => [
-                      i(H, {
-                        class: "text-center pa-3",
-                        color: "surface",
-                        flat: "",
-                        rounded: "xl"
-                      }, {
-                        text: r(() => [
-                          i(A, {
-                            color: "accent",
-                            icon: u.prependIcon,
-                            size: "80"
-                          }, null, 8, ["icon"]),
-                          Wn,
-                          qn
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }),
-                  (d(), I(U, null, oe(l, (y, f) => i($e, {
-                    key: f,
-                    class: "py-8",
-                    color: f % 2 === 0 ? "surface-light" : "surface-variant"
-                  }, {
-                    default: r(() => [
-                      i(nt, null, {
-                        default: r(() => [
-                          i(re, { align: "center" }, {
-                            default: r(() => [
-                              i(J, {
-                                cols: "12",
-                                offset: "0",
-                                "offset-sm": "1",
-                                order: f % 2,
-                                sm: "6"
-                              }, {
-                                default: r(() => [
-                                  b("strong", Gn, C(y.title), 1),
-                                  b("p", Zn, C(y.subtitle), 1),
-                                  b("p", Qn, C(y.text), 1)
-                                ]),
-                                _: 2
-                              }, 1032, ["order"]),
-                              i(J, {
-                                cols: "12",
-                                offset: "0",
-                                "offset-sm": f % 2,
-                                sm: "4"
-                              }, {
-                                default: r(() => [
-                                  i(Q, {
-                                    cover: "",
-                                    height: t(s) ? 180 : void 0,
-                                    rounded: "lg",
-                                    src: y.image
-                                  }, null, 8, ["height", "src"])
-                                ]),
-                                _: 2
-                              }, 1032, ["offset-sm"])
-                            ]),
-                            _: 2
-                          }, 1024)
-                        ]),
-                        _: 2
-                      }, 1024)
-                    ]),
-                    _: 2
-                  }, 1032, ["color"])), 64)),
-                  t(n).isSubscriber ? S("", !0) : (d(), _($e, {
-                    key: 0,
-                    class: "text-center py-6"
-                  }, {
-                    default: r(() => [
-                      i(nt, null, {
-                        default: r(() => [
-                          i(re, { justify: "center" }, {
-                            default: r(() => [
-                              i(J, { cols: "6" }, {
-                                default: r(() => [
-                                  i(X, {
-                                    image: "https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
-                                    size: "64"
-                                  }),
-                                  Yn
-                                ]),
-                                _: 1
-                              }),
-                              i(J, { cols: "12" }, {
-                                default: r(() => [
-                                  i(v, {
-                                    "prepend-icon": "$vuetify",
-                                    size: "x-large",
-                                    text: "Subscribe Today",
-                                    onClick: p
-                                  })
-                                ]),
-                                _: 1
-                              })
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["modelValue", "prepend-icon"]);
-    };
-  }
-}), Xn = /* @__PURE__ */ k({
+}), Wn = /* @__PURE__ */ k({
   __name: "VoStudioNavItem",
   setup(c) {
-    const e = D(!1), o = [
+    const e = A(!1), o = [
       ["M12.435 14.3194L12 21L6.87046 12.2799L12.435 14.3194Z", 1],
       ["M22 4L12.435 14.3194L6.87046 12.2799L9.26479 7.61064L12.435 14.3194L12 21L22 4Z", 0.5],
       ["M12.435 14.3194L22 4L9.26479 7.61064L12.435 14.3194Z", 1],
       ["M2 4L6.87046 12.2799L9.26479 7.61064L2 4Z", 1]
     ];
     return (a, n) => {
-      const s = Jn, l = Y;
-      return d(), _(l, {
+      const s = Y;
+      return d(), h(s, {
         active: t(e),
+        href: "https://studio.vuetifyjs.com/",
         link: "",
         "prepend-icon": o,
+        target: "_blank",
         title: "Vuetify Studio"
       }, {
         append: r(() => [
-          i(te, {
+          i(X, {
+            color: "amber-darken-1",
             label: "",
-            size: "x-small"
+            size: "x-small",
+            variant: "outlined"
           }, {
             default: r(() => [
-              T("COMING SOON")
+              O("Closed Alpha")
             ]),
             _: 1
           })
         ]),
-        default: r(() => [
-          i(s, {
-            modelValue: t(e),
-            "onUpdate:modelValue": n[0] || (n[0] = (p) => ne(e) ? e.value = p : null),
-            "prepend-icon": o
-          }, null, 8, ["modelValue"])
-        ]),
         _: 1
       }, 8, ["active"]);
     };
   }
-}), Kn = {
+}), qn = {
   key: 0,
   class: "pt-16"
-}, es = /* @__PURE__ */ b("div", { class: "text-medium-emphasis" }, " All caught up ", -1), ts = {
+}, Gn = /* @__PURE__ */ b("div", { class: "text-medium-emphasis" }, " All caught up ", -1), Zn = {
   key: 1,
   class: "pa-5"
-}, os = { class: "text-subtitle-1 font-weight-bold" }, ns = { class: "text-caption font-weight-bold text-medium-emphasis" }, ss = { class: "text-disabled text-caption mt-2 mb-3" }, as = /* @__PURE__ */ k({
+}, Qn = { class: "text-subtitle-1 font-weight-bold" }, Yn = { class: "text-caption font-weight-bold text-medium-emphasis" }, Jn = { class: "text-disabled text-caption mt-2 mb-3" }, Xn = /* @__PURE__ */ k({
   __name: "VoNotificationsBannerList",
   props: {
     items: {}
   },
   setup(c) {
-    const e = Se(), o = ce(), a = z();
+    const e = ye(), o = de(), a = T();
     function n(l) {
       return a.notifications.last.banner.includes(l);
     }
@@ -2661,56 +2480,56 @@ const He = G("settings", () => {
       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) => {
-      const u = Ue("v-empty-state");
-      return d(), _(ie, {
+      const u = Oe("v-empty-state");
+      return d(), h(ae, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
         default: r(() => [
-          l.items.length ? (d(), I("div", ts, [
-            (d(!0), I(U, null, oe(l.items, (m) => {
-              var v;
+          l.items.length ? (d(), I("div", Zn, [
+            (d(!0), I(U, null, ne(l.items, (m) => {
+              var f;
               return d(), I("div", {
                 key: m.slug,
                 class: "mb-4"
               }, [
-                i(H, {
+                i(W, {
                   color: m.metadata.color,
                   flat: "",
-                  image: (v = m.metadata.images.bg) == null ? void 0 : v.url,
+                  image: (f = m.metadata.images.bg) == null ? void 0 : f.url,
                   rounded: "b-0",
                   title: m.title
                 }, {
                   prepend: r(() => {
                     var V;
                     return [
-                      i(X, {
+                      i(K, {
                         image: (V = m.metadata.images.logo) == null ? void 0 : V.url
                       }, null, 8, ["image"])
                     ];
                   }),
                   image: r(() => [
-                    i(Q, { position: "right" })
+                    i(ee, { position: "right" })
                   ]),
                   _: 2
                 }, 1032, ["color", "image", "title"]),
-                i(Me, null, {
+                i(je, null, {
                   default: r(({ props: V, isHovering: y }) => [
-                    i($e, W(V, {
+                    i(et, E(V, {
                       border: "",
                       class: "px-8 pt-2 pb-4 position-relative",
                       rounded: "b"
                     }), {
                       default: r(() => [
-                        i(ee, {
+                        i(J, {
                           location: "bottom",
                           text: n(m.slug) ? "Mark as unread" : "Mark as read"
                         }, {
-                          activator: r(({ props: f }) => [
+                          activator: r(({ props: v }) => [
                             i(Fe, { "hide-on-leave": "" }, {
                               default: r(() => [
-                                xe(i(q, W(f, {
+                                ge(i(q, E(v, {
                                   class: "ms-auto float-right",
                                   icon: `svg:${n(m.slug) ? t(ut) : t(ct)}`,
                                   "mdi-email-variant": "",
@@ -2718,7 +2537,7 @@ const He = G("settings", () => {
                                   variant: "text",
                                   onClick: (g) => s(m)
                                 }), null, 16, ["icon", "onClick"]), [
-                                  [Be, y || t(o).mobile.value]
+                                  [Ne, y || t(o).mobile.value]
                                 ])
                               ]),
                               _: 2
@@ -2726,10 +2545,10 @@ const He = G("settings", () => {
                           ]),
                           _: 2
                         }, 1032, ["text"]),
-                        b("div", os, C(m.metadata.text), 1),
-                        b("div", ns, C(t(e).format(m.created_at, "fullDateWithWeekday")), 1),
-                        b("div", ss, C(m.metadata.subtext), 1),
-                        i(te, W({
+                        b("div", Qn, L(m.metadata.text), 1),
+                        b("div", Yn, L(t(e).format(m.created_at, "fullDateWithWeekday")), 1),
+                        b("div", Jn, L(m.metadata.subtext), 1),
+                        i(X, E({
                           href: m.metadata.link.startsWith("http") ? m.metadata.link : void 0,
                           target: m.metadata.link.startsWith("http") ? "_blank" : void 0,
                           to: m.metadata.link.startsWith("http") ? void 0 : m.metadata.link
@@ -2742,7 +2561,7 @@ const He = G("settings", () => {
                           variant: "text"
                         }), {
                           append: r(() => [
-                            i(A, { size: "12" })
+                            i(D, { size: "12" })
                           ]),
                           _: 2
                         }, 1040, ["append-icon", "text"])
@@ -2754,16 +2573,16 @@ const He = G("settings", () => {
                 }, 1024)
               ]);
             }), 128))
-          ])) : (d(), I("div", Kn, [
+          ])) : (d(), I("div", qn, [
             i(u, {
               icon: "$vuetify",
               size: "256"
             }, {
               media: r(() => [
-                i(A, { color: "medium-emphasis" })
+                i(D, { color: "medium-emphasis" })
               ]),
               title: r(() => [
-                es
+                Gn
               ]),
               _: 1
             })
@@ -2773,14 +2592,14 @@ const He = G("settings", () => {
       });
     };
   }
-}), is = { class: "ps-3 text-subtitle-2 pe-2" }, rs = { class: "text-truncate" }, ls = { class: "text-caption font-weight-bold text-medium-emphasis" }, cs = { class: "text-disabled text-caption my-2" }, us = /* @__PURE__ */ k({
+}), Kn = { class: "ps-3 text-subtitle-2 pe-2" }, es = { class: "text-truncate" }, ts = { class: "text-caption font-weight-bold text-medium-emphasis" }, os = { class: "text-disabled text-caption my-2" }, ns = /* @__PURE__ */ k({
   __name: "VoNotificationsListItem",
   props: {
     demo: { type: Boolean },
     notification: {}
   },
   setup(c) {
-    const e = c, o = z(), a = Se(), n = ce(), s = x(() => {
+    const e = c, o = T(), a = ye(), n = de(), s = x(() => {
       const u = e.notification.metadata ?? { action: "" };
       return {
         href: u.action.startsWith("http") ? u.action : void 0,
@@ -2799,27 +2618,27 @@ const He = G("settings", () => {
       e.demo || (l(u.slug) ? o.notifications.read = o.notifications.read.filter((m) => m !== u.slug) : o.notifications.read.push(u.slug));
     }
     return (u, m) => {
-      const v = Y;
-      return d(), _(Me, null, {
+      const f = Y;
+      return d(), h(je, null, {
         default: r(({ isHovering: V, props: y }) => [
-          i(v, W(y, { class: "py-4 mb-0" }), {
+          i(f, E(y, { class: "py-4 mb-0" }), {
             prepend: r(() => [
-              b("div", is, C(u.notification.metadata.emoji), 1)
+              b("div", Kn, L(u.notification.metadata.emoji), 1)
             ]),
             append: r(() => [
-              i(Bo, {
+              i(No, {
                 class: "mt-n3",
                 width: "56"
               }, {
                 default: r(() => [
-                  i(ee, {
+                  i(J, {
                     location: "bottom",
                     text: l(u.notification.slug) ? "Mark as unread" : "Mark as read"
                   }, {
-                    activator: r(({ props: f }) => [
+                    activator: r(({ props: v }) => [
                       i(Fe, { "hide-on-leave": "" }, {
                         default: r(() => [
-                          xe(i(q, W(f, {
+                          ge(i(q, E(v, {
                             class: "ms-auto",
                             icon: `svg:${l(u.notification.slug) ? t(ut) : t(ct)}`,
                             "mdi-email-variant": "",
@@ -2827,7 +2646,7 @@ const He = G("settings", () => {
                             variant: "text",
                             onClick: m[0] || (m[0] = (g) => p(u.notification))
                           }), null, 16, ["icon"]), [
-                            [Be, V || t(n).mobile.value]
+                            [Ne, V || t(n).mobile.value]
                           ])
                         ]),
                         _: 2
@@ -2842,13 +2661,13 @@ const He = G("settings", () => {
             default: r(() => [
               i(dt, { class: "text-wrap text-h6 mb-1" }, {
                 default: r(() => [
-                  b("div", rs, C(u.notification.title), 1)
+                  b("div", es, L(u.notification.title), 1)
                 ]),
                 _: 1
               }),
-              b("div", ls, C(t(a).format(u.notification.created_at, "fullDateWithWeekday")), 1),
-              b("div", cs, C(u.notification.metadata.text), 1),
-              i(te, W({
+              b("div", ts, L(t(a).format(u.notification.created_at, "fullDateWithWeekday")), 1),
+              b("div", os, L(u.notification.metadata.text), 1),
+              i(X, E({
                 "append-icon": `svg:${t(Te)}`
               }, t(s), {
                 border: "",
@@ -2858,7 +2677,7 @@ const He = G("settings", () => {
                 variant: "text"
               }), {
                 append: r(() => [
-                  i(A, { size: "12" })
+                  i(D, { size: "12" })
                 ]),
                 _: 1
               }, 16, ["append-icon", "text"])
@@ -2870,38 +2689,38 @@ const He = G("settings", () => {
       });
     };
   }
-}), ds = {
+}), ss = {
   key: 0,
   class: "pt-16"
-}, ps = /* @__PURE__ */ b("div", { class: "text-medium-emphasis" }, " All caught up ", -1), ms = /* @__PURE__ */ k({
+}, as = /* @__PURE__ */ b("div", { class: "text-medium-emphasis" }, " All caught up ", -1), is = /* @__PURE__ */ k({
   __name: "VoNotificationsList",
   props: {
     items: {}
   },
   setup(c) {
     return (e, o) => {
-      const a = Ue("v-empty-state"), n = us;
-      return d(), _(ie, {
+      const a = Oe("v-empty-state"), n = ns;
+      return d(), h(ae, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
         default: r(() => [
-          e.items.length ? (d(!0), I(U, { key: 1 }, oe(e.items, (s, l) => (d(), I(U, {
+          e.items.length ? (d(!0), I(U, { key: 1 }, ne(e.items, (s, l) => (d(), I(U, {
             key: s.slug
           }, [
-            l !== 0 ? (d(), _(Z, { key: 0 })) : S("", !0),
+            l !== 0 ? (d(), h(Q, { key: 0 })) : S("", !0),
             i(n, { notification: s }, null, 8, ["notification"])
-          ], 64))), 128)) : (d(), I("div", ds, [
+          ], 64))), 128)) : (d(), I("div", ss, [
             i(a, {
               icon: "$vuetify",
               size: "256"
             }, {
               media: r(() => [
-                i(A, { color: "medium-emphasis" })
+                i(D, { color: "medium-emphasis" })
               ]),
               title: r(() => [
-                ps
+                as
               ]),
               _: 1
             })
@@ -2912,58 +2731,58 @@ const He = G("settings", () => {
     };
   }
 }), xt = G("site", () => {
-  const c = B([]), e = B();
+  const c = N([]), e = N();
   return {
     id: c,
     url: e
   };
-}), Ee = G("banners", () => {
-  const c = se(), e = xt(), o = z(), a = B([]), n = B([]), s = B(), l = D(!1), p = x(() => {
+}), Re = G("banners", () => {
+  const c = te(), e = xt(), o = T(), a = N([]), n = N([]), s = N(), l = A(!1), p = x(() => {
     if (s.value)
       return s.value;
     if (u.value)
       return u.value;
     if (o.notifications.banners)
       return a.value.find(({
-        slug: h,
+        slug: _,
         metadata: {
           site: $,
-          active: j
+          active: F
         }
-      }) => !j || o.notifications.last.banner.includes(h) ? !1 : $.includes("dev") && !1 || $.includes("*") ? !0 : $.some((M) => e.id.includes(M)));
+      }) => !F || o.notifications.last.banner.includes(_) ? !1 : $.includes("dev") && !1 || $.includes("*") ? !0 : $.some((P) => e.id.includes(P)));
   }), u = x(() => a.value.find(({
     metadata: {
-      site: h,
+      site: _,
       active: $
     }
-  }) => $ ? h.includes("server") : !1));
+  }) => $ ? _.includes("server") : !1));
   async function m() {
     try {
       l.value = !0;
-      const h = await c.get("/one/banners");
-      a.value = h.banners;
+      const _ = await c.get("/one/banners");
+      a.value = _.banners;
     } catch {
     } finally {
       l.value = !1;
     }
     return a.value;
   }
-  async function v(h) {
+  async function f(_) {
     try {
       l.value = !0;
-      const $ = await c.get(`/one/admin/banners/${h}`);
+      const $ = await c.get(`/one/admin/banners/${_}`);
       return s.value = $.banner, $.banner;
     } catch {
     } finally {
       l.value = !1;
     }
   }
-  async function V(h) {
+  async function V(_) {
     try {
       l.value = !0;
       const $ = await c.form(
         "/one/admin/banners",
-        h
+        _
       );
       return s.value = $.banner, $.banner;
     } catch {
@@ -2971,26 +2790,26 @@ const He = G("settings", () => {
       l.value = !1;
     }
   }
-  async function y(h, $) {
+  async function y(_, $) {
     try {
       l.value = !0;
-      const j = await c.form(
-        `/one/admin/banners/${h}`,
+      const F = await c.form(
+        `/one/admin/banners/${_}`,
         $
       );
-      return s.value = j.banner, j.banner;
+      return s.value = F.banner, F.banner;
     } catch {
     } finally {
       l.value = !1;
     }
   }
-  async function f() {
+  async function v() {
   }
   async function g() {
     try {
       l.value = !0;
-      const h = await c.get("/one/admin/banners");
-      n.value = h.banners;
+      const _ = await c.get("/one/admin/banners");
+      n.value = _.banners;
     } catch {
     } finally {
       l.value = !1;
@@ -3005,13 +2824,13 @@ const He = G("settings", () => {
     banner: p,
     record: s,
     admin: g,
-    destroy: f,
+    destroy: v,
     index: m,
-    show: v,
+    show: f,
     store: V,
     update: y
   };
-}), fs = { class: "text-caption" }, vs = { class: "text-caption" }, _s = /* @__PURE__ */ k({
+}), rs = { class: "text-caption" }, ls = { class: "text-caption" }, cs = /* @__PURE__ */ k({
   __name: "VoNotificationsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -3019,33 +2838,33 @@ const He = G("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = ce(), o = ye(), a = Ee(), n = Pe(), s = F(), l = z(), p = D(["read"]), u = le(c, "modelValue");
-    return N(o, async () => {
+    const e = de(), o = xe(), a = Re(), n = Pe(), s = j(), l = T(), p = A(["read"]), u = le(c, "modelValue");
+    return z(o, async () => {
       if (o.value.one !== "notifications") {
         u.value && (u.value = !1);
         return;
       }
-      s.isOpen = !0, await de(), u.value = !0;
-    }, { immediate: !0 }), (m, v) => {
-      const V = Y, y = ms, f = as, g = he;
-      return d(), _(g, {
+      s.isOpen = !0, await he(), u.value = !0;
+    }, { immediate: !0 }), (m, f) => {
+      const V = Y, y = is, v = Xn, g = we;
+      return d(), h(g, {
         modelValue: u.value,
-        "onUpdate:modelValue": v[2] || (v[2] = (h) => u.value = h),
+        "onUpdate:modelValue": f[2] || (f[2] = (_) => u.value = _),
         "prepend-icon": `svg:${t(po)}`,
         title: "Notifications"
       }, {
         default: r(() => [
-          i(fe, null, {
+          i(Ve, null, {
             default: r(() => [
-              i(Uo, {
+              i(Oo, {
                 location: t(e).mobile.value ? "top" : "start",
                 permanent: "",
                 width: t(e).mobile.value ? 128 : 168
               }, {
                 default: r(() => [
-                  i(ie, {
+                  i(ae, {
                     selected: t(p),
-                    "onUpdate:selected": v[0] || (v[0] = (h) => ne(p) ? p.value = h : null),
+                    "onUpdate:selected": f[0] || (f[0] = (_) => se(p) ? p.value = _ : null),
                     class: "px-4 pt-4",
                     density: "compact",
                     mandatory: "",
@@ -3056,11 +2875,11 @@ const He = G("settings", () => {
                         "prepend-icon": `svg:${t(mo)}`,
                         title: "Unread",
                         value: "read"
-                      }, P({ _: 2 }, [
+                      }, M({ _: 2 }, [
                         t(n).unread.length > 0 ? {
                           name: "append",
                           fn: r(() => [
-                            b("span", fs, C(t(n).unread.length), 1)
+                            b("span", rs, L(t(n).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
@@ -3069,16 +2888,16 @@ const He = G("settings", () => {
                         "prepend-icon": `svg:${t(fo)}`,
                         title: "Read",
                         value: "unread"
-                      }, P({ _: 2 }, [
+                      }, M({ _: 2 }, [
                         t(n).read.length > 0 ? {
                           name: "append",
                           fn: r(() => [
-                            b("span", vs, C(t(n).read.length), 1)
+                            b("span", ls, L(t(n).read.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
-                      t(a).all.length > 0 && t(l).notifications.banners ? (d(), _(V, {
+                      t(a).all.length > 0 && t(l).notifications.banners ? (d(), h(V, {
                         key: 0,
                         "prepend-icon": `svg:${t(vo)}`,
                         title: "Banners",
@@ -3098,14 +2917,14 @@ const He = G("settings", () => {
                 ]),
                 _: 1
               }, 8, ["location", "width"]),
-              i(ve, { scrollable: "" }, {
+              i(ke, { scrollable: "" }, {
                 default: r(() => [
                   i(_t, {
                     modelValue: t(p),
-                    "onUpdate:modelValue": v[1] || (v[1] = (h) => ne(p) ? p.value = h : null)
+                    "onUpdate:modelValue": f[1] || (f[1] = (_) => se(p) ? p.value = _ : null)
                   }, {
                     default: r(() => [
-                      i(ke, { value: "read" }, {
+                      i(ve, { value: "read" }, {
                         default: r(() => [
                           i(y, {
                             items: t(n).unread
@@ -3113,7 +2932,7 @@ const He = G("settings", () => {
                         ]),
                         _: 1
                       }),
-                      i(ke, { value: "unread" }, {
+                      i(ve, { value: "unread" }, {
                         default: r(() => [
                           i(y, {
                             items: t(n).read
@@ -3121,9 +2940,9 @@ const He = G("settings", () => {
                         ]),
                         _: 1
                       }),
-                      i(ke, { value: "banners" }, {
+                      i(ve, { value: "banners" }, {
                         default: r(() => [
-                          i(f, {
+                          i(v, {
                             items: t(a).all
                           }, null, 8, ["items"])
                         ]),
@@ -3143,40 +2962,40 @@ const He = G("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), hs = /* @__PURE__ */ k({
+}), us = /* @__PURE__ */ k({
   __name: "VoNotificationsBadge",
   setup(c) {
-    const e = Pe(), o = z();
-    return (a, n) => (d(), _(Ke, {
+    const e = Pe(), o = T();
+    return (a, n) => (d(), h(Ke, {
       color: "error",
       content: t(e).unread.length,
       "model-value": t(o).notifications.show && t(e).unread.length > 0
     }, {
       default: r(() => [
-        O(a.$slots, "default")
+        B(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["content", "model-value"]));
   }
-}), gs = /* @__PURE__ */ k({
+}), ds = /* @__PURE__ */ k({
   __name: "VoNotificationsNavItem",
   setup(c) {
-    const e = Ee(), o = z(), a = Pe(), n = D(!1);
-    return Oe(async () => {
+    const e = Re(), o = T(), a = Pe(), n = A(!1);
+    return Be(async () => {
       a.index(), e.index();
     }), (s, l) => {
-      const p = hs, u = _s, m = Y;
-      return t(o).notifications.show ? (d(), _(m, {
+      const p = us, u = cs, m = Y;
+      return t(o).notifications.show ? (d(), h(m, {
         key: 0,
         active: t(n),
         link: "",
         "prepend-icon": `svg:${t(_o)}`,
         title: "Notifications"
-      }, P({
+      }, M({
         default: r(() => [
           i(u, {
             modelValue: t(n),
-            "onUpdate:modelValue": l[0] || (l[0] = (v) => ne(n) ? n.value = v : null)
+            "onUpdate:modelValue": l[0] || (l[0] = (f) => se(n) ? n.value = f : null)
           }, null, 8, ["modelValue"])
         ]),
         _: 2
@@ -3186,7 +3005,7 @@ const He = G("settings", () => {
           fn: r(() => [
             i(p, null, {
               default: r(() => [
-                i(A)
+                i(D)
               ]),
               _: 1
             })
@@ -3196,10 +3015,10 @@ const He = G("settings", () => {
       ]), 1032, ["active", "prepend-icon"])) : S("", !0);
     };
   }
-}), ys = /* @__PURE__ */ k({
+}), ps = /* @__PURE__ */ k({
   __name: "VoDashboardNavItem",
   setup(c) {
-    const e = F();
+    const e = j();
     function o() {
       setTimeout(() => {
         e.isOpen = !1;
@@ -3207,7 +3026,7 @@ const He = G("settings", () => {
     }
     return (a, n) => {
       const s = Y;
-      return d(), _(s, {
+      return d(), h(s, {
         "prepend-icon": `svg:${t(ho)}`,
         title: "Dashboard",
         to: "/user/dashboard",
@@ -3215,13 +3034,13 @@ const He = G("settings", () => {
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), bs = /* @__PURE__ */ k({
+}), ms = /* @__PURE__ */ k({
   __name: "VoUserList",
   setup(c) {
-    const e = R(), o = F();
+    const e = H(), o = j();
     return (a, n) => {
-      const s = ys, l = gs, p = Xn, u = En, m = Mn, v = In, V = an, y = Xo;
-      return d(), _(ie, {
+      const s = ps, l = ds, p = Wn, u = En, m = Pn, f = In, V = an, y = Xo;
+      return d(), h(ae, {
         density: "compact",
         nav: "",
         slim: ""
@@ -3230,11 +3049,11 @@ const He = G("settings", () => {
           i(s),
           i(l),
           i(p),
-          t(o).shopify ? (d(), _(u, { key: 0 })) : S("", !0),
+          t(o).shopify ? (d(), h(u, { key: 0 })) : S("", !0),
           i(m),
-          t(e).user ? (d(), _(v, { key: 1 })) : S("", !0),
+          t(e).user ? (d(), h(f, { key: 1 })) : S("", !0),
           i(V),
-          t(e).user ? (d(), _(y, { key: 2 })) : S("", !0)
+          t(e).user ? (d(), h(y, { key: 2 })) : S("", !0)
         ]),
         _: 1
       });
@@ -3248,7 +3067,7 @@ const He = G("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 (o, a) => (d(), _(A, { icon: e }));
+    return (o, a) => (d(), h(D, { icon: e }));
   }
 }), Ct = /* @__PURE__ */ k({
   __name: "VoIconBin",
@@ -3259,18 +3078,18 @@ const He = G("settings", () => {
       "M20 17.0652C19.9916 17.0675 14.6826 18.4123 14.6742 18.4147C14.6994 17.3633 14.3353 16.3579 13.712 15.5563L19.7274 14.0331L20 17.066V17.0652Z",
       ["M12.353 16.0368C9.07567 12.843 3.90082 17.0493 6.66818 20.5975C9.94136 24.3844 15.773 19.6984 12.353 16.0368ZM11.1267 19.4129C10.2224 20.7664 7.79139 20.1099 7.82746 18.4686C8.04976 15.4897 12.7112 16.8495 11.1267 19.4129Z", 0.6]
     ];
-    return (o, a) => (d(), _(A, { icon: e }));
+    return (o, a) => (d(), h(D, { icon: e }));
   }
-}), Vs = { key: 0 }, ks = { class: "d-flex align-center justify-center pa-1 ga-2" }, $s = /* @__PURE__ */ k({
+}), fs = { key: 0 }, vs = { class: "d-flex align-center justify-center pa-1 ga-2" }, _s = /* @__PURE__ */ k({
   __name: "VoUserQuickActions",
   setup(c) {
-    const e = z();
+    const e = T();
     return (o, a) => {
       const n = Ct, s = St;
-      return d(), _(me, null, {
+      return d(), h(ue, null, {
         default: r(() => [
-          t(e).quickbar ? (d(), I("div", Vs, [
-            b("div", ks, [
+          t(e).quickbar ? (d(), I("div", fs, [
+            b("div", vs, [
               i(q, {
                 class: "text-caption",
                 color: t(e).colors.one,
@@ -3281,8 +3100,8 @@ const He = G("settings", () => {
                 target: "_blank"
               }, {
                 default: r(() => [
-                  i(A),
-                  i(ee, {
+                  i(D),
+                  i(J, {
                     activator: "parent",
                     location: "top",
                     text: "Vuetify Play"
@@ -3301,7 +3120,7 @@ const He = G("settings", () => {
               }, {
                 default: r(() => [
                   i(n),
-                  i(ee, {
+                  i(J, {
                     activator: "parent",
                     location: "top",
                     text: "Vuetify Bin"
@@ -3320,7 +3139,7 @@ const He = G("settings", () => {
               }, {
                 default: r(() => [
                   i(s),
-                  i(ee, {
+                  i(J, {
                     activator: "parent",
                     location: "top",
                     text: "Vuetify Issues"
@@ -3335,10 +3154,10 @@ const He = G("settings", () => {
       });
     };
   }
-}), ws = { class: "mb-2" }, xs = { key: 0 }, Ss = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Cs = { class: "text-h6" }, Ls = /* @__PURE__ */ k({
+}), hs = { class: "mb-2" }, gs = { key: 0 }, ys = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, bs = { class: "text-h6" }, Vs = /* @__PURE__ */ k({
   __name: "VoUserAvatar",
   setup(c) {
-    const e = R(), o = F(), a = z(), n = D(!1), s = x(() => {
+    const e = H(), o = j(), a = T(), n = A(!1), s = x(() => {
       const u = [
         "https://cdn.vuetifyjs.com/docs/images/avatars/dark.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/blackguard.png",
@@ -3364,10 +3183,10 @@ const He = G("settings", () => {
       o.isSubscriber && (n.value = !n.value);
     }
     return (u, m) => {
-      var v;
+      var f;
       return d(), I("div", null, [
-        xe((d(), _(X, {
-          class: Nt([
+        ge((d(), h(K, {
+          class: Ut([
             "border-md border-opacity-100 border-surface-light",
             {
               "cursor-pointer": t(o).isSubscriber
@@ -3376,14 +3195,14 @@ const He = G("settings", () => {
           color: "surface",
           size: "72",
           text: "Foobar",
-          onClick: Qe(p, ["prevent", "stop"])
+          onClick: Ze(p, ["prevent", "stop"])
         }, {
           default: r(() => [
-            t(e).user && t(a).avatar ? (d(), _(Q, {
+            t(e).user && t(a).avatar ? (d(), h(ee, {
               key: 0,
               alt: "User avatar",
               src: t(a).avatar
-            }, null, 8, ["src"])) : (d(), _(A, {
+            }, null, 8, ["src"])) : (d(), h(D, {
               key: 1,
               class: "mt-1",
               icon: "$vuetify",
@@ -3392,28 +3211,28 @@ const He = G("settings", () => {
           ]),
           _: 1
         }, 8, ["class"])), [
-          [No, t(o).isSubscriber]
+          [Uo, t(o).isSubscriber]
         ]),
-        b("div", ws, [
-          i(me, null, {
+        b("div", hs, [
+          i(ue, null, {
             default: r(() => [
-              t(n) ? (d(), I("div", xs, [
-                i(H, {
+              t(n) ? (d(), I("div", gs, [
+                i(W, {
                   class: "pt-6 pb-1",
                   flat: "",
                   rounded: "0"
                 }, {
                   default: r(() => [
-                    b("div", Ss, [
-                      (d(!0), I(U, null, oe(t(s), (V, y) => (d(), _(q, {
+                    b("div", ys, [
+                      (d(!0), I(U, null, ne(t(s), (V, y) => (d(), h(q, {
                         key: y,
                         active: t(a).avatar === V,
                         icon: "",
                         variant: "flat",
-                        onClick: (f) => l(V)
+                        onClick: (v) => l(V)
                       }, {
                         default: r(() => [
-                          i(X, {
+                          i(K, {
                             eager: "",
                             image: V
                           }, null, 8, ["image"])
@@ -3429,18 +3248,18 @@ const He = G("settings", () => {
             _: 1
           })
         ]),
-        b("div", Cs, C(((v = t(e).user) == null ? void 0 : v.name) ?? "Guest"), 1)
+        b("div", bs, L(((f = t(e).user) == null ? void 0 : f.name) ?? "Guest"), 1)
       ]);
     };
   }
-}), Is = /* @__PURE__ */ k({
+}), ks = /* @__PURE__ */ k({
   __name: "VoUserBadges",
   setup(c) {
-    const e = R(), o = F(), a = x(() => {
+    const e = H(), o = j(), a = x(() => {
       var n;
       return o.github || o.discord || o.isSubscriber || ((n = e.user) == null ? void 0 : n.isAdmin);
     });
-    return (n, s) => t(a) ? (d(), _($e, {
+    return (n, s) => t(a) ? (d(), h(et, {
       key: 0,
       class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
       color: "rgba(0,0,0,.54)",
@@ -3450,54 +3269,54 @@ const He = G("settings", () => {
       default: r(() => {
         var l;
         return [
-          (l = t(e).user) != null && l.isAdmin ? (d(), _(ee, {
+          (l = t(e).user) != null && l.isAdmin ? (d(), h(J, {
             key: 0,
             location: "bottom",
             text: "Vuetify Administrator"
           }, {
             activator: r(({ props: p }) => [
-              i(A, W({
+              i(D, E({
                 color: "blue",
                 icon: "$vuetify"
               }, p, { size: "16" }), null, 16)
             ]),
             _: 1
           })) : S("", !0),
-          t(o).isSubscriber ? (d(), _(ee, {
+          t(o).isSubscriber ? (d(), h(J, {
             key: 1,
             location: "bottom",
             text: "Vuetify One Subscriber"
           }, {
             activator: r(({ props: p }) => [
-              i(A, W({
+              i(D, E({
                 color: "amber-darken-2",
                 icon: `svg:${t(go)}`
               }, p, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
           })) : S("", !0),
-          t(o).github ? (d(), _(ee, {
+          t(o).github ? (d(), h(J, {
             key: 2,
             location: "bottom",
             text: "GitHub Sponsor"
           }, {
             activator: r(({ props: p }) => [
-              i(A, W({
+              i(D, E({
                 color: "white",
-                icon: `svg:${t(Xe)}`
+                icon: `svg:${t(Je)}`
               }, p, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
           })) : S("", !0),
-          t(o).discord ? (d(), _(ee, {
+          t(o).discord ? (d(), h(J, {
             key: 3,
             location: "bottom",
             text: "Discord Subscriber"
           }, {
             activator: r(({ props: p }) => [
-              i(A, W({
+              i(D, E({
                 color: "white",
-                icon: `svg:${t(Je)}`
+                icon: `svg:${t(Ye)}`
               }, p, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
@@ -3507,20 +3326,20 @@ const He = G("settings", () => {
       _: 1
     })) : S("", !0);
   }
-}), Ds = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, As = {
+}), $s = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, ws = {
   key: "reset",
   class: "align-self-end"
-}, Os = /* @__PURE__ */ k({
+}, xs = /* @__PURE__ */ k({
   __name: "VoUserColors",
   setup(c) {
-    const e = R(), o = F(), a = z(), n = D(!1);
+    const e = H(), o = j(), a = T(), n = A(!1);
     function s() {
       a.colors.one = "surface-light";
     }
     return (l, p) => {
-      const u = Is, m = _e;
+      const u = ks, m = $e;
       return d(), I(U, null, [
-        i(Q, {
+        i(ee, {
           color: t(e).user ? t(a).colors.one : "surface-light",
           "content-class": "d-flex align-start justify-end pa-2",
           cover: "",
@@ -3529,11 +3348,11 @@ const He = G("settings", () => {
           rounded: "0"
         }, {
           default: r(() => [
-            b("div", Ds, [
+            b("div", $s, [
               i(u),
               i(Lo, null, {
                 default: r(() => [
-                  xe(b("div", As, [
+                  ge(b("div", ws, [
                     i(m, {
                       class: "ms-2 me-1",
                       color: "inherit",
@@ -3545,26 +3364,26 @@ const He = G("settings", () => {
                       onClick: s
                     }, null, 8, ["disabled", "icon"])
                   ], 512), [
-                    [Be, t(n)]
+                    [Ne, t(n)]
                   ])
                 ]),
                 _: 1
               }),
-              t(o).isSubscriber ? (d(), _(m, {
+              t(o).isSubscriber ? (d(), h(m, {
                 key: 0,
                 active: t(n),
                 class: "align-self-end",
                 color: "inherit",
                 density: "comfortable",
-                icon: t(n) ? `svg:${t(Ne)}` : "$edit",
+                icon: t(n) ? `svg:${t(Ue)}` : "$edit",
                 title: "Edit One Header Color",
                 variant: t(n) ? "text" : "plain",
-                onClick: p[0] || (p[0] = (v) => n.value = !t(n))
+                onClick: p[0] || (p[0] = (f) => n.value = !t(n))
               }, {
                 default: r(() => [
                   i(Fe, { "leave-absolute": "" }, {
                     default: r(() => [
-                      (d(), _(A, {
+                      (d(), h(D, {
                         key: String(t(n))
                       }))
                     ]),
@@ -3577,9 +3396,9 @@ const He = G("settings", () => {
           ]),
           _: 1
         }, 8, ["color"]),
-        i(me, null, {
+        i(ue, null, {
           default: r(() => [
-            t(n) ? (d(), _(To, {
+            t(n) ? (d(), h(To, {
               key: 0,
               elevation: "0",
               height: "250",
@@ -3591,7 +3410,7 @@ const He = G("settings", () => {
               "show-swatches": "",
               "swatches-max-height": "200",
               width: "278",
-              "onUpdate:modelValue": p[1] || (p[1] = (v) => t(a).colors.one = v)
+              "onUpdate:modelValue": p[1] || (p[1] = (f) => t(a).colors.one = f)
             }, null, 8, ["model-value"])) : S("", !0)
           ]),
           _: 1
@@ -3599,16 +3418,16 @@ const He = G("settings", () => {
       ], 64);
     };
   }
-}), Bs = { class: "text-center mt-n9 mb-4" }, Us = /* @__PURE__ */ k({
+}), Ss = { class: "text-center mt-n9 mb-4" }, Cs = /* @__PURE__ */ k({
   __name: "VoUserMenu",
   setup(c) {
-    const e = Ee(), o = F(), a = B();
-    return N(() => e.banner, async () => {
+    const e = Re(), o = j(), a = N();
+    return z(() => e.banner, async () => {
       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 = Os, p = Ls, u = $s, m = bs, v = $t;
-      return d(), _(t(zo), {
+      const l = xs, p = Vs, u = _s, m = ms, f = $t;
+      return d(), h(t(Fo), {
         ref_key: "menu",
         ref: a,
         modelValue: t(o).isOpen,
@@ -3620,21 +3439,21 @@ const He = G("settings", () => {
         location: "bottom end"
       }, {
         default: r(() => [
-          i(H, {
+          i(W, {
             border: "",
             rounded: "lg",
             width: "280"
           }, {
             default: r(() => [
               i(l),
-              b("div", Bs, [
+              b("div", Ss, [
                 i(p),
                 i(u)
               ]),
-              i(Z),
+              i(Q),
               i(m),
-              i(Z),
-              i(v)
+              i(Q),
+              i(f)
             ]),
             _: 1
           })
@@ -3643,21 +3462,21 @@ const He = G("settings", () => {
       }, 8, ["modelValue"]);
     };
   }
-}), Ns = { key: 0 }, Lt = /* @__PURE__ */ k({
+}), Ls = { key: 0 }, Lt = /* @__PURE__ */ k({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
   },
   setup(c) {
-    const e = R(), o = F(), a = z(), { lgAndUp: n } = ce(), s = x(() => o.isOpen || !e.user ? a.colors.one === "surface-light" ? "primary" : a.colors.one : "surface-light");
+    const e = H(), o = j(), a = T(), { lgAndUp: n } = de(), s = x(() => o.isOpen || !e.user ? a.colors.one === "surface-light" ? "primary" : a.colors.one : "surface-light");
     return (l, p) => {
-      const u = Us, m = _e, v = Yo, V = kt;
+      const u = Cs, m = $e, f = Yo, V = kt;
       return d(), I(U, null, [
-        i(v, {
+        i(f, {
           "offset-y": t(e).user ? 5 : 0
         }, {
           default: r(() => [
-            i(m, W({
+            i(m, E({
               [`${t(n) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(bo)}`
             }, {
               active: "",
@@ -3671,8 +3490,8 @@ const He = G("settings", () => {
               variant: t(e).user ? t(o).isOpen ? "outlined" : "text" : "flat"
             }), {
               default: r(() => [
-                t(e).user ? S("", !0) : (d(), I("span", Ns, "Login")),
-                t(e).user ? (d(), _(X, {
+                t(e).user ? S("", !0) : (d(), I("span", Ls, "Login")),
+                t(e).user ? (d(), h(K, {
                   key: 1,
                   image: t(a).avatar || t(e).user.picture || ""
                 }, null, 8, ["image"])) : S("", !0),
@@ -3687,37 +3506,37 @@ const He = G("settings", () => {
       ], 64);
     };
   }
-}), Ts = /* @__PURE__ */ k({
+}), Is = /* @__PURE__ */ k({
   __name: "VoAppBar",
   props: {
     logo: {}
   },
   setup(c) {
-    const e = c, o = je(), a = He(), n = x(() => `https://cdn.vuetifyjs.com/docs/images/one/logos/${e.logo}-logo-${o.current.value.dark ? "dark" : "light"}.png`);
+    const e = c, o = ze(), a = Me(), n = x(() => `https://cdn.vuetifyjs.com/docs/images/one/logos/${e.logo}-logo-${o.current.value.dark ? "dark" : "light"}.png`);
     return (s, l) => {
-      const p = Ue("router-link"), u = Lt;
-      return d(), _(ht, {
+      const p = Oe("router-link"), u = Lt;
+      return d(), h(ht, {
         image: t(a).suit["app-bar"],
         name: "vo-app-bar"
-      }, P({
+      }, M({
         prepend: r(() => [
           i(p, {
             class: "ps-2",
             to: "/"
           }, {
             default: r(() => [
-              i(Q, {
+              i(ee, {
                 src: t(n),
                 width: "128"
               }, null, 8, ["src"])
             ]),
             _: 1
           }),
-          O(s.$slots, "prepend")
+          B(s.$slots, "prepend")
         ]),
         append: r(() => [
-          O(s.$slots, "append"),
-          s.$slots.append ? (d(), _(Z, {
+          B(s.$slots, "append"),
+          s.$slots.append ? (d(), h(Q, {
             key: 0,
             class: "mx-4 align-self-center h-100",
             length: "20",
@@ -3726,66 +3545,66 @@ const He = G("settings", () => {
           i(u)
         ]),
         default: r(() => [
-          O(s.$slots, "default")
+          B(s.$slots, "default")
         ]),
         _: 2
       }, [
         s.$slots.title ? {
           name: "title",
           fn: r(() => [
-            O(s.$slots, "title")
+            B(s.$slots, "title")
           ]),
           key: "0"
         } : void 0,
         s.$slots.extension ? {
           name: "extension",
           fn: r(() => [
-            O(s.$slots, "extension")
+            B(s.$slots, "extension")
           ]),
           key: "1"
         } : void 0
       ]), 1032, ["image"]);
     };
   }
-}), zs = /* @__PURE__ */ k({
+}), As = /* @__PURE__ */ k({
   __name: "VoNotificationsBanner",
   props: {
     demo: { type: Boolean }
   },
   setup(c) {
-    const e = c, { mdAndUp: o } = ce(), a = ze(), n = z(), s = Ee(), l = x(() => s.banner), p = x(() => {
-      var y, f;
-      return ((y = l.value) == null ? void 0 : y.metadata.height) || ((f = l.value) != null && f.metadata.subtext ? 88 : 48);
+    const e = c, { mdAndUp: o } = de(), a = Xe(), n = T(), s = Re(), l = x(() => s.banner), p = x(() => {
+      var y, v;
+      return ((y = l.value) == null ? void 0 : y.metadata.height) || ((v = l.value) != null && v.metadata.subtext ? 88 : 48);
     }), u = x(() => e.demo ? !0 : !l.value || !n.notifications.last.banner.includes(l.value.slug));
     function m() {
       l.value && n.notifications.last.banner.push(l.value.slug);
     }
-    async function v(y) {
-      var h;
+    async function f(y) {
+      var _;
       if (!l.value)
         return;
-      m(), await de();
-      const f = ((h = l.value) == null ? void 0 : h.metadata) ?? { link: "" };
-      if (f.link.indexOf("?one=") === -1)
+      m(), await he();
+      const v = ((_ = l.value) == null ? void 0 : _.metadata) ?? { link: "" };
+      if (v.link.indexOf("?one=") === -1)
         return;
       y.preventDefault(), y.stopPropagation();
-      const g = f.link.split("?one=")[1];
+      const g = v.link.split("?one=")[1];
       a.push({ query: { one: g } });
     }
     const V = x(() => {
-      var f, g;
-      const y = ((f = l.value) == null ? void 0 : f.metadata) ?? { link: "" };
+      var v, g;
+      const y = ((v = l.value) == null ? void 0 : v.metadata) ?? { link: "" };
       return {
         href: y.link.startsWith("http") ? y.link : void 0,
         target: y.link.startsWith("http") ? "_blank" : void 0,
         to: y.link.startsWith("http") ? void 0 : y.link,
         ...(g = l.value) == null ? void 0 : g.metadata.attributes,
-        onClick: v
+        onClick: f
       };
     });
-    return (y, f) => {
+    return (y, v) => {
       var g;
-      return t(l) ? (d(), _(ht, {
+      return t(l) ? (d(), h(ht, {
         key: 0,
         color: t(l).metadata.color,
         flat: "",
@@ -3796,14 +3615,14 @@ const He = G("settings", () => {
         order: "-1"
       }, {
         default: r(() => [
-          i(pe, W(t(V), {
+          i(ce, E(t(V), {
             active: !1,
             class: "flex-grow-1 py-6",
             lines: "two",
-            onClick: v
+            onClick: f
           }), {
             prepend: r(() => [
-              t(l).metadata.images.logo ? (d(), _(X, {
+              t(l).metadata.images.logo ? (d(), h(K, {
                 key: 0,
                 icon: "$vuetify",
                 image: t(l).metadata.images.logo.url,
@@ -3812,29 +3631,29 @@ const He = G("settings", () => {
               }, null, 8, ["image"])) : S("", !0)
             ]),
             append: r(() => [
-              t(o) && t(l).metadata.link && t(l).metadata.link_text ? (d(), _(Me, { key: 0 }, {
-                default: r(({ isHovering: h, props: $ }) => [
-                  i(q, W({
+              t(o) && t(l).metadata.link && t(l).metadata.link_text ? (d(), h(je, { key: 0 }, {
+                default: r(({ isHovering: _, props: $ }) => [
+                  i(q, E({
                     ...$,
                     ...t(V)
                   }, {
                     "append-icon": `svg:${t(Te)}`,
                     class: "text-none me-2",
                     color: t(l).metadata.link_color,
-                    elevation: h ? 8 : 0,
+                    elevation: _ ? 8 : 0,
                     title: t(l).metadata.link_text,
                     variant: "elevated",
-                    onClick: v
+                    onClick: f
                   }), {
                     default: r(() => [
-                      T(C(t(l).metadata.link_text), 1)
+                      O(L(t(l).metadata.link_text), 1)
                     ]),
                     _: 2
                   }, 1040, ["append-icon", "color", "elevation", "title"])
                 ]),
                 _: 1
               })) : S("", !0),
-              t(l).metadata.closable ? (d(), _(q, {
+              t(l).metadata.closable ? (d(), h(q, {
                 key: 1,
                 class: "ms-6 me-2",
                 density: "comfortable",
@@ -3842,22 +3661,22 @@ const He = G("settings", () => {
                 icon: "$clear",
                 size: "small",
                 variant: "plain",
-                onClick: Qe(m, ["prevent", "stop"])
+                onClick: Ze(m, ["prevent", "stop"])
               }, null, 8, ["disabled"])) : S("", !0)
             ]),
             default: r(() => [
-              t(l).metadata.text ? (d(), _(dt, {
+              t(l).metadata.text ? (d(), h(dt, {
                 key: 0,
                 class: "text-subtitle-2 text-md-subtitle-1 font-weight-medium"
               }, {
                 default: r(() => [
-                  T(C(t(l).metadata.text), 1)
+                  O(L(t(l).metadata.text), 1)
                 ]),
                 _: 1
               })) : S("", !0),
-              t(l).metadata.subtext ? (d(), _(wo, { key: 1 }, {
+              t(l).metadata.subtext ? (d(), h(wo, { key: 1 }, {
                 default: r(() => [
-                  T(C(t(l).metadata.subtext), 1)
+                  O(L(t(l).metadata.subtext), 1)
                 ]),
                 _: 1
               })) : S("", !0)
@@ -3869,7 +3688,7 @@ const He = G("settings", () => {
       }, 8, ["color", "height", "image", "location", "model-value"])) : S("", !0);
     };
   }
-}), Fs = {
+}), Ds = {
   key: 0,
   class: "text-uppercase position-absolute ms-auto font-weight-medium on-surface-light",
   style: { right: "12px", bottom: "8px", "font-size": "10px" }
@@ -3880,50 +3699,50 @@ const He = G("settings", () => {
     minHeight: {}
   },
   setup(c) {
-    return (e, o) => (d(), _(H, {
+    return (e, o) => (d(), h(W, {
       class: "d-inline-flex flex-child-1 position-relative",
       color: "surface-light",
       flat: "",
       rel: "noopener",
       rounded: "",
       target: "_blank"
-    }, P({
+    }, M({
       default: r(() => [
-        i(Fo, {
+        i(zo, {
           "min-height": e.minHeight,
           width: "100%"
         }, {
           default: r(() => [
-            O(e.$slots, "default")
+            B(e.$slots, "default")
           ]),
           _: 3
         }, 8, ["min-height"]),
-        e.caption ? (d(), I("div", Fs, C(e.caption), 1)) : S("", !0)
+        e.caption ? (d(), I("div", Ds, L(e.caption), 1)) : S("", !0)
       ]),
       _: 2
     }, [
       e.$slots.prepend ? {
         name: "prepend",
         fn: r(() => [
-          O(e.$slots, "prepend")
+          B(e.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       e.$slots.image ? {
         name: "image",
         fn: r(() => [
-          O(e.$slots, "image")
+          B(e.$slots, "image")
         ]),
         key: "1"
       } : void 0
     ]), 1024));
   }
-}), et = G("promotions", () => {
-  const c = se(), e = B([]), o = B([]), a = B(), n = D(!1), s = D(!1), l = x(() => e.value.filter((g) => g.metadata.discoverable));
-  Ye(u);
+}), tt = G("promotions", () => {
+  const c = te(), e = N([]), o = N([]), a = N(), n = A(!1), s = A(!1), l = x(() => e.value.filter((g) => g.metadata.discoverable));
+  Qe(u);
   function p(g) {
-    const h = g.filter(($) => $.metadata.active);
-    return h[Math.floor(Math.random() * h.length)];
+    const _ = g.filter(($) => $.metadata.active);
+    return _[Math.floor(Math.random() * _.length)];
   }
   async function u() {
     try {
@@ -3939,32 +3758,32 @@ const He = G("settings", () => {
   async function m(g) {
     try {
       n.value = !0;
-      const h = await c.get(`/one/admin/promotions/${g}`);
-      return a.value = h.promotion, h.promotion;
+      const _ = await c.get(`/one/admin/promotions/${g}`);
+      return a.value = _.promotion, _.promotion;
     } catch {
     } finally {
       n.value = !1;
     }
   }
-  async function v(g) {
+  async function f(g) {
     try {
       n.value = !0;
-      const h = await c.form(
+      const _ = await c.form(
         "/one/admin/promotions",
         g
       );
-      return a.value = h.promotion, h.promotion;
+      return a.value = _.promotion, _.promotion;
     } catch {
     } finally {
       n.value = !1;
     }
   }
-  async function V(g, h) {
+  async function V(g, _) {
     try {
       n.value = !0;
       const $ = await c.form(
         `/one/admin/promotions/${g}`,
-        h
+        _
       );
       return a.value = $.promotion, $.promotion;
     } catch {
@@ -3974,7 +3793,7 @@ const He = G("settings", () => {
   }
   async function y() {
   }
-  async function f() {
+  async function v() {
     try {
       n.value = !0;
       const g = await c.get("/one/admin/promotions");
@@ -3992,38 +3811,38 @@ const He = G("settings", () => {
     hasLoaded: s,
     discoverable: l,
     record: a,
-    admin: f,
+    admin: v,
     destroy: y,
     index: u,
     random: p,
     show: m,
-    store: v,
+    store: f,
     update: V
   };
-}), js = /* @__PURE__ */ k({
+}), Bs = /* @__PURE__ */ k({
   __name: "VoPromotionsCardHighlight",
   props: {
     slug: {}
   },
   setup(c) {
-    const e = c, o = et(), a = je(), n = z(), s = x(() => {
+    const e = c, o = tt(), a = ze(), n = T(), s = x(() => {
       if (o.record)
         return o.record;
       if (!n.disableAds)
         return e.slug ? o.all.find((u) => u.slug === e.slug) : o.random(o.all);
     }), l = x(() => {
-      var m, v;
+      var m, f;
       const u = a.current.value.dark ? "logodark" : "logolight";
-      return (v = (m = s.value) == null ? void 0 : m.metadata.images[u]) == null ? void 0 : v.url;
+      return (f = (m = s.value) == null ? void 0 : m.metadata.images[u]) == null ? void 0 : f.url;
     }), p = x(() => {
-      var m, v;
+      var m, f;
       const u = a.current.value.dark ? "bgdark" : "bglight";
-      return (v = (m = s.value) == null ? void 0 : m.metadata.images[u]) == null ? void 0 : v.url;
+      return (f = (m = s.value) == null ? void 0 : m.metadata.images[u]) == null ? void 0 : f.url;
     });
     return (u, m) => {
-      var V, y, f;
-      const v = It;
-      return t(s) || !t(o).hasLoaded ? (d(), _(v, {
+      var V, y, v;
+      const f = It;
+      return t(s) || !t(o).hasLoaded ? (d(), h(f, {
         key: 0,
         class: "mb-4",
         color: ((V = t(s)) == null ? void 0 : V.metadata.color) ?? "surface",
@@ -4032,11 +3851,11 @@ const He = G("settings", () => {
         image: t(p),
         "max-width": "720",
         "prepend-avatar": t(l),
-        title: (f = t(s)) == null ? void 0 : f.metadata.short_text,
+        title: (v = t(s)) == null ? void 0 : v.metadata.short_text,
         width: "100%"
-      }, P({
+      }, M({
         default: r(() => [
-          t(o).hasLoaded ? S("", !0) : (d(), _(we, {
+          t(o).hasLoaded ? S("", !0) : (d(), h(_e, {
             key: 0,
             class: "flex-1-0 overflow-hidden",
             color: "transparent",
@@ -4050,7 +3869,7 @@ const He = G("settings", () => {
         t(s) ? {
           name: "prepend",
           fn: r(() => [
-            i(X, {
+            i(K, {
               class: "my-n4 me-4",
               icon: "$vuetify",
               size: "36"
@@ -4061,20 +3880,20 @@ const He = G("settings", () => {
         t(s) ? {
           name: "image",
           fn: r(() => [
-            i(Q, { position: "right" })
+            i(ee, { position: "right" })
           ]),
           key: "1"
         } : void 0
       ]), 1032, ["color", "href", "image", "prepend-avatar", "title"])) : S("", !0);
     };
   }
-}), Ms = { class: "d-flex ga-4" }, Ps = { class: "d-flex align-start ga-4" }, Hs = { class: "text-caption on-surface-light" }, Rs = /* @__PURE__ */ k({
+}), Ns = { class: "d-flex ga-4" }, Os = { class: "d-flex align-start ga-4" }, Us = { class: "text-caption on-surface-light" }, Ts = /* @__PURE__ */ k({
   __name: "VoPromotionsCardVuetify",
   props: {
     slug: {}
   },
   setup(c) {
-    const e = c, o = et(), a = z(), n = x(() => {
+    const e = c, o = tt(), a = T(), n = x(() => {
       if (o.record)
         return o.record;
       if (!(a.disableAds && !a.showHouseAds))
@@ -4083,7 +3902,7 @@ const He = G("settings", () => {
     return (s, l) => {
       var u, m;
       const p = It;
-      return t(n) || !t(o).hasLoaded ? (d(), _(p, {
+      return t(n) || !t(o).hasLoaded ? (d(), h(p, {
         key: 0,
         border: "",
         caption: "ads via vuetify",
@@ -4092,24 +3911,24 @@ const He = G("settings", () => {
         width: "360"
       }, {
         default: r(() => {
-          var v, V, y;
+          var f, V, y;
           return [
-            b("div", Ms, [
+            b("div", Ns, [
               t(o).hasLoaded ? t(n) ? (d(), I(U, { key: 1 }, [
-                i(Q, {
+                i(ee, {
                   cover: "",
                   height: "100",
                   "max-width": "130",
                   position: "right",
                   rounded: "s",
-                  src: (V = (v = t(n).metadata) == null ? void 0 : v.images.default) == null ? void 0 : V.url,
+                  src: (V = (f = t(n).metadata) == null ? void 0 : f.images.default) == null ? void 0 : V.url,
                   width: "100%"
                 }, null, 8, ["src"]),
-                b("div", Ps, [
-                  b("div", Hs, C((y = t(n).metadata) == null ? void 0 : y.text), 1)
+                b("div", Os, [
+                  b("div", Us, L((y = t(n).metadata) == null ? void 0 : y.text), 1)
                 ])
               ], 64)) : S("", !0) : (d(), I(U, { key: 0 }, [
-                i(we, {
+                i(_e, {
                   class: "flex-1-0 overflow-hidden",
                   color: "transparent",
                   loading: "",
@@ -4117,7 +3936,7 @@ const He = G("settings", () => {
                   "min-width": "130",
                   type: "image"
                 }),
-                i(we, {
+                i(_e, {
                   class: "flex-1-0 ms-n3 mt-n3",
                   color: "transparent",
                   loading: "",
@@ -4132,70 +3951,70 @@ const He = G("settings", () => {
       }, 8, ["href"])) : S("", !0);
     };
   }
-}), Es = {
+}), Fs = {
   key: 0,
   class: "v-footer__image"
-}, Ws = /* @__PURE__ */ k({
+}, zs = /* @__PURE__ */ k({
   __name: "VoFooter",
   props: {
     image: {}
   },
   setup(c) {
-    return (e, o) => (d(), _(jo, {
+    return (e, o) => (d(), h(jo, {
       class: "vo-footer",
       height: "40"
     }, {
       default: r(() => [
-        e.image || e.$slots.image ? (d(), I("div", Es, [
-          e.$slots.image ? O(e.$slots, "image", { key: 0 }, void 0, !0) : (d(), _(Q, {
+        e.image || e.$slots.image ? (d(), I("div", Fs, [
+          e.$slots.image ? B(e.$slots, "image", { key: 0 }, void 0, !0) : (d(), h(ee, {
             key: 1,
             cover: "",
             position: "left",
             src: e.image
           }, null, 8, ["src"]))
         ])) : S("", !0),
-        O(e.$slots, "default", {}, void 0, !0)
+        B(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }));
   }
-}), Dt = (c, e) => {
+}), At = (c, e) => {
   const o = c.__vccOpts || c;
   for (const [a, n] of e)
     o[a] = n;
   return o;
-}, At = /* @__PURE__ */ Dt(Ws, [["__scopeId", "data-v-3135ada5"]]), qs = ["href"], Gs = /* @__PURE__ */ k({
+}, Dt = /* @__PURE__ */ At(zs, [["__scopeId", "data-v-3135ada5"]]), js = ["href"], Ps = /* @__PURE__ */ k({
   __name: "VoPromotionsFooter",
   props: {
     slug: {}
   },
   setup(c) {
-    const e = c, o = et(), a = z(), n = je(), s = x(() => {
+    const e = c, o = tt(), a = T(), n = ze(), s = x(() => {
       if (o.record)
         return o.record;
       if (!a.disableAds)
         return e.slug ? o.all.find((u) => u.slug === e.slug) : o.random(o.all);
     }), l = x(() => {
-      var m, v;
+      var m, f;
       const u = n.current.value.dark ? "logodark" : "logolight";
-      return (v = (m = s.value) == null ? void 0 : m.metadata.images[u]) == null ? void 0 : v.url;
+      return (f = (m = s.value) == null ? void 0 : m.metadata.images[u]) == null ? void 0 : f.url;
     }), p = x(() => {
-      var m, v;
+      var m, f;
       const u = n.current.value.dark ? "bgdark" : "bglight";
-      return (v = (m = s.value) == null ? void 0 : m.metadata.images[u]) == null ? void 0 : v.url;
+      return (f = (m = s.value) == null ? void 0 : m.metadata.images[u]) == null ? void 0 : f.url;
     });
-    return Ye(async () => {
+    return Qe(async () => {
       e.slug && await o.show(e.slug);
     }), (u, m) => {
       var V;
-      const v = At;
-      return d(), _(v, {
+      const f = Dt;
+      return d(), h(f, {
         color: ((V = t(s)) == null ? void 0 : V.metadata.color) ?? "surface",
         image: t(p),
         style: { transform: "translateY(0)" }
       }, {
         default: r(() => {
-          var y, f, g;
+          var y, v, g;
           return [
             b("a", {
               class: "d-flex align-center text-decoration-none py-2 px-4 ms-n4 flex-1-0 me-n4 position-relative",
@@ -4204,14 +4023,14 @@ const He = G("settings", () => {
               style: { color: "inherit" },
               target: "_blank"
             }, [
-              i(X, {
+              i(K, {
                 class: "me-4",
                 icon: "$vuetify",
                 image: t(l),
                 size: "24"
               }, null, 8, ["image"]),
-              b("div", null, C((f = t(s)) == null ? void 0 : f.metadata.text), 1),
-              (g = t(s)) != null && g.metadata.advertisement ? (d(), _(te, {
+              b("div", null, L((v = t(s)) == null ? void 0 : v.metadata.text), 1),
+              (g = t(s)) != null && g.metadata.advertisement ? (d(), h(X, {
                 key: 0,
                 class: "ms-auto me-n4 align-self-end mb-n2 py-1 ps-3",
                 rounded: "0 ts-lg",
@@ -4219,14 +4038,14 @@ const He = G("settings", () => {
                 text: "SPONSORED",
                 variant: "flat"
               })) : S("", !0)
-            ], 8, qs)
+            ], 8, js)
           ];
         }),
         _: 1
       }, 8, ["color", "image"]);
     };
   }
-}), Zs = ["id"], Qs = /* @__PURE__ */ k({
+}), Ms = ["id"], Hs = /* @__PURE__ */ k({
   __name: "VoScript",
   props: {
     id: {
@@ -4244,11 +4063,11 @@ const He = G("settings", () => {
   },
   emits: ["script:error", "script:load"],
   setup(c, { emit: e }) {
-    const o = c, a = e, n = B(), s = B();
-    return Ye(async () => {
+    const o = c, a = e, n = N(), s = N();
+    return Qe(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, s.value = l;
-    }), Oe(() => {
+    }), Be(() => {
       var l;
       s.value && ((l = n.value) == null || l.appendChild(s.value));
     }), Tt(() => {
@@ -4258,15 +4077,15 @@ const He = G("settings", () => {
       id: c.id,
       ref_key: "rootEl",
       ref: n
-    }, null, 8, Zs));
+    }, null, 8, Ms));
   }
-}), Ys = (c) => (zt("data-v-584be7b0"), c = c(), Ft(), c), Js = ["href", "title"], Xs = {
+}), Rs = (c) => (Ft("data-v-584be7b0"), c = c(), zt(), c), Es = ["href", "title"], Ws = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, Ks = /* @__PURE__ */ Ys(() => /* @__PURE__ */ b("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), ea = /* @__PURE__ */ k({
+}, qs = /* @__PURE__ */ Rs(() => /* @__PURE__ */ b("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Gs = /* @__PURE__ */ k({
   __name: "VoSocialFooter",
   setup(c) {
-    const e = He(), o = [
+    const e = Me(), o = [
       {
         title: "Vuetify Documentation",
         icon: "$vuetify",
@@ -4284,12 +4103,12 @@ const He = G("settings", () => {
       },
       {
         title: "Vuetify GitHub",
-        icon: `svg:${Xe}`,
+        icon: `svg:${Je}`,
         href: "https://github.com/vuetifyjs/vuetify"
       },
       {
         title: "Vuetify Discord",
-        icon: `svg:${Je}`,
+        icon: `svg:${Ye}`,
         href: "https://community.vuetifyjs.com/"
       },
       {
@@ -4299,14 +4118,14 @@ const He = G("settings", () => {
       }
     ];
     return (a, n) => {
-      const s = At;
-      return d(), _(s, {
+      const s = Dt;
+      return d(), h(s, {
         class: "vo-footer",
         height: "40",
         image: t(e).suit.footer
-      }, P({
+      }, M({
         default: r(() => [
-          (d(), I(U, null, oe(o, (l) => b("a", {
+          (d(), I(U, null, ne(o, (l) => b("a", {
             key: l.title,
             class: "d-inline-block mx-2 social-link",
             href: l.href,
@@ -4314,14 +4133,14 @@ const He = G("settings", () => {
             target: "_blank",
             title: l.title
           }, [
-            i(A, {
+            i(D, {
               icon: l.icon,
               size: l.icon === "$vuetify" ? 24 : 16
             }, null, 8, ["icon", "size"])
-          ], 8, Js)), 64)),
-          b("div", Xs, [
-            T(" © 2016-" + C((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-            Ks
+          ], 8, Es)), 64)),
+          b("div", Ws, [
+            O(" © 2016-" + L((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+            qs
           ])
         ]),
         _: 2
@@ -4329,47 +4148,47 @@ const He = G("settings", () => {
         a.$slots.image ? {
           name: "image",
           fn: r(() => [
-            O(a.$slots, "image", {}, void 0, !0)
+            B(a.$slots, "image", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0
       ]), 1032, ["image"]);
     };
   }
-}), ta = /* @__PURE__ */ Dt(ea, [["__scopeId", "data-v-584be7b0"]]), oa = G("spots", () => {
-  const c = se(), e = xt(), o = B([]), a = B([]), n = B(), s = D(!1), l = x(() => n.value ? n.value : o.value.find(({
+}), Zs = /* @__PURE__ */ At(Gs, [["__scopeId", "data-v-584be7b0"]]), Qs = G("spots", () => {
+  const c = te(), e = xt(), o = N([]), a = N([]), n = N(), s = A(!1), l = x(() => n.value ? n.value : o.value.find(({
     metadata: {
-      site: f,
+      site: v,
       active: g
     }
-  }) => g ? f.includes("dev") && !1 || f.includes("*") ? !0 : f.some((h) => e.id.includes(h)) : !1));
+  }) => g ? v.includes("dev") && !1 || v.includes("*") ? !0 : v.some((_) => e.id.includes(_)) : !1));
   async function p() {
     try {
       s.value = !0;
-      const f = await c.get("/one/spots");
-      o.value = f.spots;
+      const v = await c.get("/one/spots");
+      o.value = v.spots;
     } catch {
     } finally {
       s.value = !1;
     }
     return o.value;
   }
-  async function u(f) {
+  async function u(v) {
     try {
       s.value = !0;
-      const g = await c.get(`/one/admin/spots/${f}`);
+      const g = await c.get(`/one/admin/spots/${v}`);
       return n.value = g.spot, g.spot;
     } catch {
     } finally {
       s.value = !1;
     }
   }
-  async function m(f) {
+  async function m(v) {
     try {
       s.value = !0;
       const g = await c.form(
         "/one/admin/spots",
-        f
+        v
       );
       return n.value = g.spot, g.spot;
     } catch {
@@ -4377,14 +4196,14 @@ const He = G("settings", () => {
       s.value = !1;
     }
   }
-  async function v(f, g) {
+  async function f(v, g) {
     try {
       s.value = !0;
-      const h = await c.form(
-        `/one/admin/spots/${f}`,
+      const _ = await c.form(
+        `/one/admin/spots/${v}`,
         g
       );
-      return n.value = h.spot, h.spot;
+      return n.value = _.spot, _.spot;
     } catch {
     } finally {
       s.value = !1;
@@ -4395,8 +4214,8 @@ const He = G("settings", () => {
   async function y() {
     try {
       s.value = !0;
-      const f = await c.get("/one/admin/spots");
-      a.value = f.spots;
+      const v = await c.get("/one/admin/spots");
+      a.value = v.spots;
     } catch {
     } finally {
       s.value = !1;
@@ -4413,13 +4232,13 @@ const He = G("settings", () => {
     index: p,
     show: u,
     store: m,
-    update: v,
+    update: f,
     destroy: V
   };
-}), na = ["href"], sa = /* @__PURE__ */ k({
+}), Ys = ["href"], Js = /* @__PURE__ */ k({
   __name: "VoSpot",
   setup(c) {
-    const e = oa();
+    const e = Qs();
     return (o, a) => {
       var n;
       return t(e).spot ? (d(), I("a", {
@@ -4428,19 +4247,19 @@ const He = G("settings", () => {
         rel: "noopener noreferrer sponsored",
         target: "_blank"
       }, [
-        i(Q, {
+        i(ee, {
           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, na)) : S("", !0);
+      ], 8, Ys)) : S("", !0);
     };
   }
-}), qa = G("bins", () => {
-  const c = R(), e = se(), o = B([]), a = B(), n = D(!1), s = D(-1), l = x(() => !c.user || !a.value ? !1 : c.user.id === a.value.owner.id), p = x(() => o.value.filter((h) => h.favorite)), u = x(() => o.value.filter((h) => h.pinned));
-  N(a, () => {
+}), ja = G("bins", () => {
+  const c = H(), e = te(), o = N([]), a = N(), n = A(!1), s = A(-1), l = x(() => !c.user || !a.value ? !1 : c.user.id === a.value.owner.id), p = x(() => o.value.filter((_) => _.favorite)), u = x(() => o.value.filter((_) => _.pinned));
+  z(a, () => {
     window.clearTimeout(s.value), s.value = window.setTimeout(() => {
       !a.value || !l.value || y(a.value, a.value.id);
     }, 100);
@@ -4448,60 +4267,60 @@ const He = G("settings", () => {
   async function m() {
     try {
       n.value = !0;
-      const h = await e.get("/one/bins");
-      o.value = h.bins;
+      const _ = await e.get("/one/bins");
+      o.value = _.bins;
     } catch {
     } finally {
       n.value = !1;
     }
     return o.value;
   }
-  async function v(h) {
+  async function f(_) {
     try {
-      n.value = !0, await e.delete(`/one/bins/${h}`), o.value = o.value.filter(($) => $.id !== h);
+      n.value = !0, await e.delete(`/one/bins/${_}`), o.value = o.value.filter(($) => $.id !== _);
     } catch {
     } finally {
       n.value = !1;
     }
     return !0;
   }
-  async function V(h) {
+  async function V(_) {
     try {
       n.value = !0;
-      const $ = await e.post("/one/bins", { bin: h });
+      const $ = await e.post("/one/bins", { bin: _ });
       return o.value.push($.bin), a.value = $.bin, $;
     } catch {
     } finally {
       n.value = !1;
     }
-    return { bin: h };
+    return { bin: _ };
   }
-  async function y(h, $) {
+  async function y(_, $) {
     try {
       n.value = !0;
-      const j = await e.post(`/one/bins/${$}`, { bin: h }), M = o.value.findIndex((E) => E.id === $);
-      o.value.splice(M, 1, j.bin);
+      const F = await e.post(`/one/bins/${$}`, { bin: _ }), P = o.value.findIndex((R) => R.id === $);
+      o.value.splice(P, 1, F.bin);
     } catch {
     } finally {
       n.value = !1;
     }
-    return { bin: h };
+    return { bin: _ };
   }
-  async function f(h, $) {
+  async function v(_, $) {
     try {
       n.value = !0;
-      const j = $ ? await y(h, $) : await V(h);
-      a.value = j.bin;
+      const F = $ ? await y(_, $) : await V(_);
+      a.value = F.bin;
     } catch {
     } finally {
       n.value = !1;
     }
-    return { bin: h };
+    return { bin: _ };
   }
-  async function g(h) {
+  async function g(_) {
     try {
       n.value = !0;
-      const $ = await e.get(`/one/bins/${h}`);
+      const $ = await e.get(`/one/bins/${_}`);
       a.value = $.bin;
     } catch {
     } finally {
@@ -4516,15 +4335,15 @@ const He = G("settings", () => {
     favorites: p,
     all: o,
     create: V,
-    delete: v,
+    delete: f,
     current: a,
     find: g,
     get: m,
     update: y,
-    updateOrCreate: f
+    updateOrCreate: v
   };
-}), Ga = G("products", () => {
-  const c = se(), e = B([]), o = x(() => e.value.filter((s) => s.product_type === "Themes"));
+}), Pa = G("products", () => {
+  const c = te(), e = N([]), o = x(() => e.value.filter((s) => s.product_type === "Themes"));
   async function a() {
     if (e.value.length)
       return e.value;
@@ -4545,29 +4364,29 @@ const He = G("settings", () => {
     randomize: n
   };
 });
-function Za() {
+function Ma() {
   function c(e) {
-    e.component("VoAppBar", Ts), e.component("VoAuthBtn", Lt), e.component("VoAuthCard", Vt), e.component("VoAuthDialog", kt), e.component("VoAuthListItem", $t), e.component("VoIconBin", Ct), e.component("VoIconIssues", St), e.component("VoNotificationsBanner", zs), e.component("VoPromotionsCardHighlight", js), e.component("VoPromotionsCardVuetify", Rs), e.component("VoPromotionsFooter", Gs), e.component("VoScript", Qs), e.component("VoSocialFooter", ta), e.component("VoSpot", sa);
+    e.component("VoAppBar", Is), e.component("VoAuthBtn", Lt), e.component("VoAuthCard", Vt), e.component("VoAuthDialog", kt), e.component("VoAuthListItem", $t), e.component("VoIconBin", Ct), e.component("VoIconIssues", St), e.component("VoNotificationsBanner", As), e.component("VoPromotionsCardHighlight", Bs), e.component("VoPromotionsCardVuetify", Ts), e.component("VoPromotionsFooter", Ps), e.component("VoScript", Hs), e.component("VoSocialFooter", Zs), e.component("VoSpot", Js);
   }
   return { install: c };
 }
-function Qa(c, e) {
+function Ha(c, e) {
   return function(o) {
     const a = o.store;
     a.url = e, a.$id === "site" && (a.id = c);
   };
 }
 export {
-  Za as createOne,
-  Qa as one,
-  R as useAuthStore,
-  Ee as useBannersStore,
-  qa as useBinsStore,
-  se as useHttpStore,
-  F as useOneStore,
-  Ga as useProductsStore,
-  et as usePromotionsStore,
-  He as useSettingsStore,
-  oa as useSpotsStore,
-  z as useUserStore
+  Ma as createOne,
+  Ha as one,
+  H as useAuthStore,
+  Re as useBannersStore,
+  ja as useBinsStore,
+  te as useHttpStore,
+  j as useOneStore,
+  Pa as useProductsStore,
+  tt as usePromotionsStore,
+  Me as useSettingsStore,
+  Qs as useSpotsStore,
+  T as useUserStore
 };