@vuetify/one 1.7.1 → 1.7.2

package/dist/index.js

@@ -1,45 +1,45 @@
-import { reactive as Ut, watch as N, toRefs as Nt, ref as B, shallowRef as A, 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 it, createCommentVNode as S, withModifiers as Ye, mergeModels as rt, useModel as le, createElementBlock as I, Fragment as U, onMounted as Be, nextTick as de, renderList as oe, mergeProps as W, withDirectives as xe, vShow as Ue, isRef as ne, resolveComponent as Ne, normalizeClass as Tt, onBeforeMount as Je, onBeforeUnmount as zt, pushScopeId as Ft, popScopeId as jt } from "vue";
-import { mdiStorefront as Mt, mdiDiscord as Xe, mdiGithub as Ke, mdiSync as Pt, mdiSyncOff as Ht, mdiLogoutVariant as Rt, mdiFullscreenExit as Et, mdiFullscreen as Wt, mdiCheck as Te, mdiHome as qt, mdiTextBox as Gt, mdiSelect as Zt, mdiSpaceInvaders as lt, mdiImageFilterHdr as ct, mdiRocketLaunchOutline as ut, mdiWhiteBalanceSunny as Qt, mdiWeatherNight as Yt, mdiDesktopTowerMonitor as Jt, mdiContrastCircle as Xt, mdiCog as Kt, mdiCogOutline as eo, mdiFileDocument as to, mdiCreditCardSettingsOutline as oo, mdiRocketOutline as no, mdiCheckCircleOutline as Oe, mdiCreditCard as so, mdiReload as ao, mdiPlaylistCheck as io, mdiCreditCardOutline as ro, mdiMedal as lo, mdiOpenInNew as ze, mdiHandHeart as co, mdiHandHeartOutline as uo, mdiCloudDownload as po, mdiTrayArrowDown as st, mdiEmailOpenOutline as dt, mdiEmailVariant as pt, mdiBell as mo, mdiInboxOutline as fo, mdiInboxFullOutline as vo, mdiBillboard as _o, mdiBellOutline as ho, mdiViewDashboardOutline as go, mdiCrown as yo, mdiArrowULeftBottom as bo, mdiLogin as Vo, mdiShieldStarOutline as ko, mdiReddit as $o } from "@mdi/js";
-import { useRouter as Fe, useRoute as wo } 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 qe } from "lodash-es";
-import { VListItem as pe, VList as ie, VListItemTitle as mt, VListItemSubtitle as xo } from "vuetify/lib/components/VList/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 H, VCardTitle as So, VCardSubtitle as Co, VCardText as ue } from "vuetify/lib/components/VCard/index.mjs";
-import { VDialog as ft } from "vuetify/lib/components/VDialog/index.mjs";
-import { VBadge as et } from "vuetify/lib/components/VBadge/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 Lo } from "vuetify/lib/components/VProgressCircular/index.mjs";
-import { VSheet as $e } from "vuetify/lib/components/VSheet/index.mjs";
-import { VSwitch as vt } from "vuetify/lib/components/VSwitch/index.mjs";
-import { VFadeTransition as je, VExpandTransition as me, VExpandXTransition as Io } from "vuetify/lib/components/transitions/index.mjs";
-import { useDisplay as ce, useTheme as Me, useDate as Se } from "vuetify";
+import { VProgressCircular as Co } from "vuetify/lib/components/VProgressCircular/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 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 Ze } from "vuetify/lib/components/VLabel/index.mjs";
-import { VChip as te } from "vuetify/lib/components/VChip/index.mjs";
-import { VChipGroup as Ao } from "vuetify/lib/components/VChipGroup/index.mjs";
-import { VSelect as Do } from "vuetify/lib/components/VSelect/index.mjs";
-import { VRow as re, VCol as X, VContainer as at } from "vuetify/lib/components/VGrid/index.mjs";
-import { VHover as Pe } from "vuetify/lib/components/VHover/index.mjs";
-import { VImg as Y } from "vuetify/lib/components/VImg/index.mjs";
-import { VItemGroup as _t, VItem as Qe } 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 { VDataTableVirtual as ht } from "vuetify/lib/components/VDataTable/index.mjs";
-import { VSkeletonLoader as we } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
-import { VWindow as gt, VWindowItem as ke } from "vuetify/lib/components/VWindow/index.mjs";
-import { VTimelineItem as Oo, VTimeline as Bo } from "vuetify/lib/components/VTimeline/index.mjs";
-import { VTooltip as ee } from "vuetify/lib/components/VTooltip/index.mjs";
-import { VResponsive as Uo } from "vuetify/lib/components/VResponsive/index.mjs";
-import { VNavigationDrawer as No } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
-import { Ripple as To } from "vuetify/lib/directives/index.mjs";
-import { VColorPicker as zo } from "vuetify/lib/components/VColorPicker/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 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 _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 Fo } from "vuetify/components";
-import { VAppBar as yt } from "vuetify/lib/components/VAppBar/index.mjs";
-import { VLazy as jo } from "vuetify/lib/components/VLazy/index.mjs";
-import { VFooter as Mo } from "vuetify/lib/components/VFooter/index.mjs";
-const se = G("http", {
+import { VAppBar as ht } from "vuetify/lib/components/VAppBar/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 te = G("http", {
   state: () => ({
     url: ""
   }),
@@ -78,7 +78,7 @@ const se = G("http", {
       });
     }
   }
-}), Ge = typeof window < "u", De = {
+}), We = typeof window < "u", Ae = {
   v: 5,
   api: "link-only",
   avatar: "",
@@ -117,21 +117,21 @@ const se = G("http", {
       jobs: null
     }
   }
-}, z = G("user", () => {
-  const c = Ut(qe({}, De));
-  N(c, o);
+}, T = G("user", () => {
+  const c = Bt(Ee({}, Ae));
+  z(c, o);
   function e() {
-    if (!Ge)
+    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, qe(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() {
-    Ge && localStorage.setItem("vuetify@user", JSON.stringify(c, null, 2));
+    We && localStorage.setItem("vuetify@user", JSON.stringify(c, null, 2));
   }
   function a() {
-    Ge && (Object.assign(c, qe({}, De)), o());
+    We && (Object.assign(c, Ee({}, Ae)), o());
   }
   return e(), {
     ...Nt(c),
@@ -139,10 +139,10 @@ const se = G("http", {
     save: o,
     reset: a
   };
-}), R = G("auth", () => {
-  const c = B(!1), e = B(null), o = se(), a = z(), n = Fe(), s = A(!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, (v) => {
+  z(e, (v) => {
     if (!(v != null && v.settings))
       return;
     const g = localStorage.getItem("vuetify@user") || "{}";
@@ -184,31 +184,31 @@ const se = G("http", {
       window.location.assign(g + "?next=" + encodeURIComponent(window.location.href));
       return;
     }
-    const h = 400, $ = 600, F = 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=${F},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", v), 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 f(v) {
@@ -216,8 +216,8 @@ const se = G("http", {
     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: "/",
@@ -227,7 +227,7 @@ const se = G("http", {
   }
   function V(v) {
     var g;
-    return (g = e.value) == null ? void 0 : g.identities.find((h) => h.provider === v);
+    return (g = e.value) == null ? void 0 : g.identities.find((_) => _.provider === v);
   }
   function y() {
     return localStorage.getItem("vuetify@lastLoginProvider");
@@ -244,118 +244,118 @@ const se = G("http", {
     lastLoginProvider: y,
     sync: p
   };
-}), Po = { class: "text-body-2" }, Ho = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), bt = /* @__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(Mt)}`,
+      "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", Po, C(t(a)), 1)
+        b("span", Po, L(t(a)), 1)
       ]),
       _: 2
     }, [
       !t(e).user && t(e).lastLoginProvider() === "shopify" ? {
         name: "subtitle",
         fn: r(() => [
-          Ho
+          Mo
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), Ro = { class: "text-body-2" }, Eo = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), Vt = /* @__PURE__ */ k({
+}), 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(Xe)}`,
+      "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", Ro, C(t(a)), 1)
+        b("span", Ho, L(t(a)), 1)
       ]),
       _: 2
     }, [
       !t(e).user && t(e).lastLoginProvider() === "discord" ? {
         name: "subtitle",
         fn: r(() => [
-          Eo
+          Ro
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), Wo = { class: "text-body-2" }, qo = /* @__PURE__ */ b("div", { class: "text-caption mt-n1" }, "Last Used", -1), kt = /* @__PURE__ */ k({
+}), 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(Ke)}`,
+      "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", Wo, C(t(a)), 1)
+        b("span", Eo, L(t(a)), 1)
       ]),
       _: 2
     }, [
       !t(e).user && t(e).lastLoginProvider() === "github" ? {
         name: "subtitle",
         fn: r(() => [
-          qo
+          Wo
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), Go = { class: "text-center" }, Zo = { class: "text-center mb-6" }, Qo = { class: "font-weight-light mb-2" }, Yo = /* @__PURE__ */ b("span", { class: "font-weight-bold" }, "Vuetify One", -1), $t = /* @__PURE__ */ k({
+}), 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 = kt, s = Vt, l = bt;
-      return d(), _(H, {
+      const n = bt, s = yt, l = gt;
+      return d(), h(W, {
         class: "pt-6 pb-8 px-4 px-sm-8 mx-auto",
         "max-width": "480"
       }, {
         default: r(() => [
-          b("div", Go, [
+          b("div", qo, [
             i(K, {
               class: "mx-auto",
               image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
               size: "64"
             }, null, 8, ["image"])
           ]),
-          b("div", Zo, [
-            i(So, { class: "text-h5 mb-1 text-md-h4" }, {
+          b("div", Go, [
+            i(xo, { class: "text-h5 mb-1 text-md-h4" }, {
               default: r(() => [
-                b("div", Qo, C(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
-                Yo
+                b("div", Zo, L(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
+                Qo
               ]),
               _: 1
             }),
-            i(Co, { class: "text-wrap" }, {
+            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%"
@@ -372,13 +372,13 @@ const se = G("http", {
       });
     };
   }
-}), wt = /* @__PURE__ */ k({
+}), kt = /* @__PURE__ */ k({
   __name: "VoAuthDialog",
   setup(c) {
-    const e = R();
+    const e = H();
     return (o, a) => {
-      const n = $t;
-      return d(), _(ft, {
+      const n = Vt;
+      return d(), h(pt, {
         modelValue: t(e).dialog,
         "onUpdate:modelValue": a[0] || (a[0] = (s) => t(e).dialog = s),
         "max-width": "480"
@@ -390,8 +390,8 @@ const se = G("http", {
       }, 8, ["modelValue"]);
     };
   }
-}), He = G("notifications", () => {
-  const c = se(), e = z(), o = B([]), a = B([]), n = B(), 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)));
+}), Pe = G("notifications", () => {
+  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,8 +406,8 @@ 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;
@@ -416,22 +416,22 @@ const se = G("http", {
   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 {
@@ -466,11 +466,11 @@ const se = G("http", {
     read: p,
     unread: l
   };
-}), Jo = /* @__PURE__ */ k({
+}), Yo = /* @__PURE__ */ k({
   __name: "VoNotificationsTotalBadge",
   setup(c) {
-    const e = R(), o = He(), a = z(), n = x(() => a.notifications.show ? o.unread.length : 0);
-    return (s, l) => (d(), _(et, {
+    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,89 +478,89 @@ 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: it({
+      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(), _(Lo, {
+        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
     ]), 1032, ["style", "tabindex"]));
   }
-}), Xo = { class: "pa-4 d-flex flex-column ga-4" }, xt = /* @__PURE__ */ k({
+}), Jo = { class: "pa-4 d-flex flex-column ga-4" }, $t = /* @__PURE__ */ k({
   __name: "VoAuthListItem",
   setup(c) {
-    const e = R(), o = z(), a = A(!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() {
       e.user && (a.value = !a.value);
     }
     return (s, l) => {
-      const p = kt, u = Vt, m = bt;
-      return d(), _(H, {
+      const p = bt, u = yt, m = gt;
+      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(Pt) : t(Ht)}`,
+                "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",
                 onClick: n
               }, {
                 append: r(() => [
-                  i(je, null, {
+                  i(Fe, null, {
                     default: r(() => [
-                      t(e).user && (t(a) || !t(o).syncSettings) ? (d(), _(vt, {
+                      t(e).user && (t(a) || !t(o).syncSettings) ? (d(), h(mt, {
                         key: 0,
                         modelValue: t(o).syncSettings,
                         "onUpdate:modelValue": l[0] || (l[0] = (f) => t(o).syncSettings = f),
@@ -568,7 +568,7 @@ const se = G("http", {
                         density: "compact",
                         "hide-details": "",
                         inset: "",
-                        onClick: l[1] || (l[1] = Ye(() => {
+                        onClick: l[1] || (l[1] = Ze(() => {
                         }, ["stop"]))
                       }, {
                         thumb: r(() => [
@@ -584,15 +584,15 @@ 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"
                   }, {
                     default: r(() => [
-                      b("div", Xo, [
+                      b("div", Jo, [
                         i(p, {
                           onClick: l[2] || (l[2] = (f) => a.value = !1)
                         }),
@@ -617,61 +617,61 @@ const se = G("http", {
       }, 8, ["variant"]);
     };
   }
-}), J = /* @__PURE__ */ k({
+}), 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
     ]), 1024));
   }
-}), Ko = /* @__PURE__ */ k({
+}), Xo = /* @__PURE__ */ k({
   __name: "VoAuthLogoutNavItem",
   setup(c) {
-    const e = R(), o = A(!1);
+    const e = H(), o = A(!1);
     async function a() {
       o.value = !0, await e.logout(), o.value = !1;
     }
     return (n, s) => {
-      const l = J;
-      return d(), _(l, {
+      const l = Y;
+      return d(), h(l, {
         class: "mb-0",
         disabled: t(o),
         link: "",
         loading: t(o),
-        "prepend-icon": `svg:${t(Rt)}`,
+        "prepend-icon": `svg:${t(Ht)}`,
         title: "Logout",
         onClick: a
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
     };
   }
-}), he = /* @__PURE__ */ k({
+}), we = /* @__PURE__ */ k({
   __name: "VoDialog",
-  props: /* @__PURE__ */ rt({
+  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 = A(!1);
-    return (n, s) => (d(), _(ft, {
+    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,19 +691,19 @@ 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",
-              icon: `svg:${t(a) ? t(Et) : t(Wt)}`,
+              icon: `svg:${t(a) ? t(Rt) : t(Et)}`,
               size: "small",
               variant: "text",
               onClick: s[0] || (s[0] = (p) => a.value = !t(a))
@@ -718,21 +718,21 @@ const se = G("http", {
           ]),
           default: r(() => [
             i(Q, { class: "mt-4" }),
-            O(n.$slots, "default")
+            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
@@ -741,19 +741,19 @@ const se = G("http", {
       _: 3
     }, 8, ["modelValue", "fullscreen", "max-height", "max-width"]));
   }
-}), St = /* @__PURE__ */ k({
+}), wt = /* @__PURE__ */ k({
   __name: "VoSwitch",
   props: {
     disabled: { type: Boolean }
   },
   setup(c) {
-    return (e, o) => (d(), _(vt, {
+    return (e, o) => (d(), h(mt, {
       color: "primary",
       density: "compact",
       disabled: e.disabled,
       inset: "",
-      "true-icon": `svg:${t(Te)}`
-    }, P({
+      "true-icon": `svg:${t(Ue)}`
+    }, M({
       thumb: r(() => [
         i(D, {
           color: e.disabled ? void 0 : "primary"
@@ -764,16 +764,16 @@ const se = G("http", {
       e.$slots.label ? {
         name: "label",
         fn: r(() => [
-          O(e.$slots, "label")
+          B(e.$slots, "label")
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["disabled", "true-icon"]));
   }
-}), en = {
+}), Ko = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
-}, ge = /* @__PURE__ */ k({
+}, pe = /* @__PURE__ */ k({
   __name: "VoDialogSubheader",
   props: {
     title: {},
@@ -781,46 +781,46 @@ const se = G("http", {
   },
   setup(c) {
     return (e, o) => (d(), I(U, null, [
-      e.title ? (d(), _(Ze, {
+      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", en, C(e.text), 1)) : S("", !0)
+      e.text ? (d(), I("div", Ko, L(e.text), 1)) : S("", !0)
     ], 64));
   }
-}), tn = { key: 0 }, on = /* @__PURE__ */ k({
+}), en = { key: 0 }, tn = /* @__PURE__ */ k({
   __name: "VoSettingsPageSuitOption",
   setup(c) {
-    const e = z(), o = [
+    const e = T(), o = [
       {
         title: "Choose a page suit",
         value: "",
-        prependIcon: `svg:${Zt}`,
+        prependIcon: `svg:${Gt}`,
         disabled: !0
       },
       {
         title: "Blackguard",
-        prependIcon: `svg:${lt}`,
+        prependIcon: `svg:${it}`,
         value: "blackguard"
       },
       {
         title: "Polaris",
-        prependIcon: `svg:${ct}`,
+        prependIcon: `svg:${rt}`,
         value: "polaris"
       },
       {
         title: "Nebula",
-        prependIcon: `svg:${ut}`,
+        prependIcon: `svg:${lt}`,
         value: "nebula"
       }
     ];
     return (a, n) => {
-      const s = St, 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", tn, [
-              i(Do, {
+            t(e).suits.show ? (d(), I("div", en, [
+              i(Ao, {
                 modelValue: t(e).suits.suit,
                 "onUpdate:modelValue": n[1] || (n[1] = (p) => t(e).suits.suit = p),
                 clearable: "",
@@ -850,12 +850,12 @@ const se = G("http", {
                     size: "x-small",
                     start: ""
                   }, null, 8, ["icon"]),
-                  T(" " + C(p.title), 1)
+                  O(" " + L(p.title), 1)
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
               i(l, { text: "Select your suit elements to display the background image:" }),
-              i(Ao, {
+              i(Io, {
                 modelValue: t(e).suits.elements,
                 "onUpdate:modelValue": n[2] || (n[2] = (p) => t(e).suits.elements = p),
                 color: "primary",
@@ -863,8 +863,8 @@ const se = G("http", {
                 multiple: ""
               }, {
                 default: r(() => [
-                  i(te, {
-                    "append-icon": `svg:${t(qt)}`,
+                  i(X, {
+                    "append-icon": `svg:${t(Wt)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
                     value: "app-bar",
@@ -879,8 +879,8 @@ const se = G("http", {
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  i(te, {
-                    "append-icon": `svg:${t(Gt)}`,
+                  i(X, {
+                    "append-icon": `svg:${t(qt)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
                     value: "drawer",
@@ -895,7 +895,7 @@ const se = G("http", {
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  i(te, {
+                  i(X, {
                     "append-icon": "$info",
                     "filter-icon": "$success",
                     text: "Footer",
@@ -922,124 +922,124 @@ const se = G("http", {
     };
   }
 });
-function ye() {
-  const c = wo();
+function xe() {
+  const c = $o();
   return x(
     () => c.query
   );
 }
 const j = G("one", () => {
-  const c = ye(), e = Fe(), o = R(), a = se(), n = A(!1), s = A(!1), l = B(), p = B([]), u = x(() => c.value.session_id), m = x(() => {
+  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;
   }), 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 = f.value) != null && w.tierName);
   }), y = x(() => {
     var w;
-    return ((w = o.user) == null ? void 0 : w.sponsorships.reduce((L, Z) => {
+    return ((w = o.user) == null ? void 0 : w.sponsorships.reduce((C, Z) => {
       if (!Z.isActive || Z.interval === "once" || Z.platform === "stripe")
-        return L;
-      const Ae = Z.interval === "month" ? Z.amount : Z.amount / 12;
-      return L + Ae / 100;
+        return C;
+      const Ie = Z.interval === "month" ? Z.amount : Z.amount / 12;
+      return C + Ie / 100;
     }, 0)) ?? 0;
   }), v = x(() => {
     var w;
-    return (w = o.user) == null ? void 0 : w.sponsorships.find((L) => L.tierName.startsWith("sub_") && L.isActive);
+    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.platform === "github" && 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 === "discord" && 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.identities.find((L) => L.provider === "shopify");
+    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.sponsorships.find((L) => L.platform === "patreon" && L.isActive);
-  }), M = x(() => {
-    var w, L, Z, Ae, nt;
-    return !a.url || ((w = o.user) == null ? void 0 : w.isAdmin) || ((L = f.value) == null ? void 0 : L.isActive) || ((Z = g.value) == null ? void 0 : Z.isActive) || ((Ae = h.value) == null ? void 0 : Ae.isActive) || ((nt = F.value) == null ? void 0 : nt.isActive) || y.value >= 2.99;
+    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;
   });
   Be(async () => {
-    u.value && await E();
-  }), N(s, ot), N(u, (w) => {
-    w && E();
-  }, { immediate: !0 }), N(c, (w) => {
+    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, (Z) => {
-      Z && (o.dialog = !1, L());
+    const C = z(() => o.user, (Z) => {
+      Z && (o.dialog = !1, C());
     });
-  }, { immediate: !0 }), N(M, (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 (f.value)
       try {
         n.value = !0;
-        const L = await a.post(
+        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) {
+  async function me(w) {
     if (f.value)
       try {
         n.value = !0;
-        const L = await a.post("/one/modify", {
+        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 (f.value)
       try {
         n.value = !0;
-        const L = await a.post(
+        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");
@@ -1067,23 +1067,23 @@ const j = G("one", () => {
     hasBilling: V,
     isLoading: n,
     isOpen: s,
-    isSubscriber: M,
+    isSubscriber: P,
     github: g,
     patreon: F,
-    discord: h,
+    discord: _,
     shopify: $,
     one: v,
-    activate: E,
-    cancel: Ie,
-    manage: Ce,
-    modify: be,
+    activate: R,
+    cancel: Le,
+    manage: Se,
+    modify: me,
     resetQuery: ot,
-    subscribe: Le,
-    subscriptionInfo: Ve,
-    verify: ae
+    subscribe: Ce,
+    subscriptionInfo: fe,
+    verify: oe
   };
 });
-function nn() {
+function on() {
   return {
     blackguard: {
       dark: !0,
@@ -1239,8 +1239,8 @@ function nn() {
     }
   };
 }
-const Re = G("settings", () => {
-  const c = "https://cdn.vuetifyjs.com/docs/images/one/", e = j(), o = z(), a = Me(), n = nn(), 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,13 +1267,13 @@ const Re = 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,
     CDN_URL: c
   };
-}), sn = { class: "ms-5 mb-2" }, an = /* @__PURE__ */ k({
+}), nn = { class: "ms-5 mb-2" }, sn = /* @__PURE__ */ k({
   __name: "VoSettingsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1281,100 +1281,100 @@ const Re = G("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(c, "modelValue"), o = j(), a = Re(), n = z(), s = [
+    const e = le(c, "modelValue"), o = j(), a = Me(), n = T(), s = [
       {
         title: "Light",
         subtitle: "A standard light theme.",
         image: a.CDN_URL + "themes/light.png",
-        prependIcon: `svg:${Qt}`,
+        prependIcon: `svg:${Zt}`,
         value: "light"
       },
       {
         title: "Dark",
         subtitle: "A standard dark theme.",
         image: a.CDN_URL + "themes/dark.png",
-        prependIcon: `svg:${Yt}`,
+        prependIcon: `svg:${Qt}`,
         value: "dark"
       },
       {
         title: "System",
         subtitle: "A theme based on the system preference.",
         image: a.CDN_URL + "themes/system.png",
-        prependIcon: `svg:${Jt}`,
+        prependIcon: `svg:${Yt}`,
         value: "system"
       },
       {
         title: "Blackguard",
         subtitle: "A theme for v3.4 Blackguard.",
         image: a.CDN_URL + "themes/blackguard.png",
-        prependIcon: `svg:${lt}`,
+        prependIcon: `svg:${it}`,
         value: "blackguard"
       },
       {
         title: "Polaris",
         subtitle: "A theme for v3.5 Polaris.",
         image: a.CDN_URL + "themes/polaris.png",
-        prependIcon: `svg:${ct}`,
+        prependIcon: `svg:${rt}`,
         value: "polaris"
       },
       {
         title: "Nebula",
         subtitle: "A theme for v3.6 Nebula.",
         image: a.CDN_URL + "themes/nebula.png",
-        prependIcon: `svg:${ut}`,
+        prependIcon: `svg:${lt}`,
         value: "nebula"
       },
       {
         title: "High Contrast",
         subtitle: "A theme for high contrast.",
         image: a.CDN_URL + "themes/high-contrast.png",
-        prependIcon: `svg:${Xt}`,
+        prependIcon: `svg:${Jt}`,
         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, f = on, V = St, 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] = (v) => e.value = v),
-        "prepend-icon": `svg:${t(Kt)}`,
+        "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.",
                         title: "Theme"
                       }),
-                      i(_t, {
+                      i(ft, {
                         modelValue: t(n).theme,
                         "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, (v, g) => i(X, {
+                              (d(), I(U, null, ne(s, (v, g) => i(re, {
                                 key: g,
                                 cols: "12",
                                 md: "6"
                               }, {
                                 default: r(() => [
-                                  i(Qe, {
+                                  i(Ge, {
                                     value: v.value
                                   }, {
-                                    default: r(({ toggle: h, isSelected: $ }) => [
-                                      i(Pe, null, {
-                                        default: r(({ props: F, 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: v.disabled,
                                             height: "76",
@@ -1384,11 +1384,11 @@ const Re = G("settings", () => {
                                             subtitle: v.disabled ? "In Development" : v.subtitle,
                                             title: v.title,
                                             variant: "tonal"
-                                          }, F, { onClick: h }), {
+                                          }, F, { onClick: _ }), {
                                             image: r(() => [
-                                              i(Y, {
-                                                style: it({
-                                                  filter: $ || M ? "none" : "grayscale(100%)"
+                                              i(ee, {
+                                                style: at({
+                                                  filter: $ || P ? "none" : "grayscale(100%)"
                                                 })
                                               }, null, 8, ["style"])
                                             ]),
@@ -1417,13 +1417,13 @@ const Re = G("settings", () => {
                     _: 1
                   }),
                   i(Q),
-                  i(ue, { class: "px-7" }, {
+                  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] = (v) => t(n).disableAds = v),
@@ -1431,9 +1431,9 @@ const Re = G("settings", () => {
                         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", sn, [
+                          ge(b("div", nn, [
                             i(V, {
                               modelValue: t(n).showHouseAds,
                               "onUpdate:modelValue": u[2] || (u[2] = (v) => t(n).showHouseAds = v),
@@ -1441,7 +1441,7 @@ const Re = G("settings", () => {
                               messages: "These advertisements are for Vuetify products and services only."
                             }, null, 8, ["modelValue"])
                           ], 512), [
-                            [Ue, t(n).disableAds]
+                            [Ne, t(n).disableAds]
                           ])
                         ]),
                         _: 1
@@ -1456,7 +1456,7 @@ const Re = G("settings", () => {
                     _: 1
                   }),
                   i(Q),
-                  t(o).isSubscriber ? (d(), _(ue, {
+                  t(o).isSubscriber ? (d(), h(ie, {
                     key: 0,
                     class: "px-7"
                   }, {
@@ -1492,61 +1492,61 @@ const Re = G("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), rn = /* @__PURE__ */ k({
+}), an = /* @__PURE__ */ k({
   __name: "VoSettingsListItem",
   setup(c) {
     const e = A(!1);
     return (o, a) => {
-      const n = an, s = J;
-      return d(), _(s, {
+      const n = sn, s = Y;
+      return d(), h(s, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(eo)}`,
+        "prepend-icon": `svg:${t(Kt)}`,
         title: "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"]);
     };
   }
-}), ln = { class: "text-caption" }, cn = /* @__PURE__ */ k({
+}), rn = { class: "text-caption" }, ln = /* @__PURE__ */ k({
   __name: "VoSubscriptionInvoices",
   setup(c) {
-    const e = Se(), o = j();
+    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(X, { 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"
               }, {
                 default: r(() => [
-                  i(ht, {
+                  i(vt, {
                     items: t(o).invoices,
                     loading: t(o).isLoading,
                     sticky: ""
                   }, {
                     "item.date": r(({ item: l }) => [
-                      b("div", ln, 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",
@@ -1559,7 +1559,7 @@ const Re = G("settings", () => {
                     "item.pdf": r(({ item: l }) => [
                       i(q, {
                         href: l.pdf,
-                        icon: `svg:${t(to)}`,
+                        icon: `svg:${t(eo)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -1578,14 +1578,14 @@ const Re = G("settings", () => {
       });
     };
   }
-}), un = { class: "d-flex align-center" }, dn = {
+}), cn = { class: "d-flex align-center" }, un = {
   key: "status",
   class: "text-capitalize hidden-sm-and-down"
-}, pn = /* @__PURE__ */ b("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), mn = { class: "me-1" }, fn = { class: "text-medium-emphasis text-caption" }, vn = { class: "d-flex align-start justify-space-between text-caption py-2" }, _n = { class: "font-weight-bold" }, hn = { class: "font-weight-bold" }, gn = /* @__PURE__ */ k({
+}, dn = /* @__PURE__ */ b("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), pn = { class: "me-1" }, mn = { class: "text-medium-emphasis text-caption" }, fn = { class: "d-flex align-start justify-space-between text-caption py-2" }, vn = { class: "font-weight-bold" }, _n = { class: "font-weight-bold" }, hn = /* @__PURE__ */ k({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
   setup(c, { emit: e }) {
-    const o = Se(), a = j(), 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 Re = 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(X, { cols: "12" }, {
+          i(re, { cols: "12" }, {
             default: r(() => {
               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,10 +1622,10 @@ const Re = 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(oo)}`,
+                        "prepend-icon": `svg:${t(to)}`,
                         text: "Billing",
                         onClick: t(a).manage
                       }, null, 8, ["loading", "prepend-icon", "onClick"])) : S("", !0)
@@ -1636,13 +1636,13 @@ const Re = G("settings", () => {
                   t(a).info ? {
                     name: "subtitle",
                     fn: r(() => [
-                      b("div", un, [
-                        b("span", dn, C(t(a).info.status), 1),
+                      b("div", cn, [
+                        b("span", un, L(t(a).info.status), 1),
                         t(a).info.items.length ? (d(), I(U, { key: 0 }, [
-                          pn,
-                          b("span", mn, [
-                            T(" $" + C(t(a).info.items[0].plan.amount / 100), 1),
-                            b("span", fn, "/" + C(t(a).interval), 1)
+                          dn,
+                          b("span", pn, [
+                            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 Re = 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"
@@ -1674,16 +1674,16 @@ const Re = G("settings", () => {
                     key: "1"
                   }
                 ]), 1024),
-                b("div", vn, [
+                b("div", fn, [
                   b("div", null, [
                     ((f = t(a).info) == null ? void 0 : f.status) === "active" ? (d(), I(U, { key: 0 }, [
-                      T(" Your plan renews on "),
-                      b("span", _n, C(t(o).format(t(s), "fullDateWithWeekday")), 1),
-                      T(". ")
+                      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", hn, 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))
                   ])
                 ])
@@ -1696,7 +1696,7 @@ const Re = G("settings", () => {
       });
     };
   }
-}), yn = /* @__PURE__ */ b("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), bn = ["innerHTML"], Vn = /* @__PURE__ */ b("br", null, null, -1), kn = /* @__PURE__ */ b("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), $n = ["innerHTML"], wn = /* @__PURE__ */ k({
+}), gn = /* @__PURE__ */ b("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), yn = ["innerHTML"], bn = /* @__PURE__ */ b("br", null, null, -1), Vn = /* @__PURE__ */ b("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), kn = ["innerHTML"], $n = /* @__PURE__ */ k({
   __name: "VoSubscriptionPerks",
   setup(c) {
     const e = [
@@ -1711,29 +1711,29 @@ const Re = G("settings", () => {
       "Early access to Vuetify Studio, a visual editor for Vuetify",
       "Receive a special label on GitHub created issues and pull requests"
     ], a = A(!1), n = j();
-    return N(a, async (s) => {
+    return z(a, async (s) => {
       s && n.subscriptionInfo();
     }), (s, l) => {
-      const p = J;
+      const p = Y;
       return d(), I(U, null, [
-        i(Ze, { class: "font-weight-black" }, {
+        i(qe, { class: "font-weight-black" }, {
           default: r(() => [
-            T("Perks")
+            O("Perks")
           ]),
           _: 1
         }),
-        yn,
-        i(ie, {
+        gn,
+        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(Te)}`
+              "prepend-icon": `svg:${t(Ue)}`
             }, {
               prepend: r(() => [
                 i(D, {
@@ -1743,32 +1743,32 @@ const Re = G("settings", () => {
                 })
               ]),
               title: r(() => [
-                b("div", { innerHTML: u }, null, 8, bn)
+                b("div", { innerHTML: u }, null, 8, yn)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
           ]),
           _: 1
         }),
-        Vn,
-        i(Ze, { class: "font-weight-black" }, {
+        bn,
+        i(qe, { class: "font-weight-black" }, {
           default: r(() => [
-            T("Up Next")
+            O("Up Next")
           ]),
           _: 1
         }),
-        kn,
-        i(ie, {
+        Vn,
+        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(no)}`
+              "prepend-icon": `svg:${t(oo)}`
             }, {
               prepend: r(() => [
                 i(D, {
@@ -1777,7 +1777,7 @@ const Re = G("settings", () => {
                 })
               ]),
               title: r(() => [
-                b("div", { innerHTML: u }, null, 8, $n)
+                b("div", { innerHTML: u }, null, 8, kn)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
@@ -1787,7 +1787,7 @@ const Re = G("settings", () => {
       ], 64);
     };
   }
-}), xn = /* @__PURE__ */ k({
+}), wn = /* @__PURE__ */ k({
   __name: "VoSubscriptionSubscribe",
   props: {
     modelValue: {
@@ -1798,29 +1798,29 @@ const Re = G("settings", () => {
   emits: ["update:modelValue"],
   setup(c) {
     const e = A(!1), o = le(c, "modelValue"), a = j();
-    return N(e, async (n) => {
+    return z(e, async (n) => {
       n && a.subscriptionInfo();
-    }), N(() => a.interval, (n) => {
+    }), z(() => a.interval, (n) => {
       o.value = n;
-    }, { immediate: !0 }), (n, s) => (d(), _(_t, {
+    }, { 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(X, {
+            i(re, {
               cols: "12",
               md: "6"
             }, {
               default: r(() => [
-                i(Qe, { 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(Oe)}` : "$radioOff",
+                      "prepend-icon": p ? `svg:${t(De)}` : "$radioOff",
                       rounded: "lg",
                       subtitle: "$2.99/month",
                       title: "Monthly",
@@ -1838,17 +1838,17 @@ const Re = G("settings", () => {
               ]),
               _: 1
             }),
-            i(X, {
+            i(re, {
               cols: "12",
               md: "6"
             }, {
               default: r(() => [
-                i(Qe, { 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(Oe)}` : "$radioOff",
+                      "prepend-icon": p ? `svg:${t(De)}` : "$radioOff",
                       rounded: "lg",
                       subtitle: "$29.99/year",
                       title: "Yearly",
@@ -1859,7 +1859,7 @@ const Re = G("settings", () => {
                         i(D, { class: "mt-n6" })
                       ]),
                       append: r(() => [
-                        i(te, {
+                        i(X, {
                           class: "mt-n6",
                           color: "success",
                           size: "small",
@@ -1882,7 +1882,7 @@ const Re = G("settings", () => {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Sn = { class: "px-3" }, Cn = /* @__PURE__ */ b("br", null, null, -1), Ln = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, In = /* @__PURE__ */ k({
+}), xn = { class: "px-3" }, Sn = /* @__PURE__ */ b("br", null, null, -1), Cn = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, Ln = /* @__PURE__ */ k({
   __name: "VoSubscriptionDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1893,60 +1893,60 @@ const Re = G("settings", () => {
     function e(m) {
       return new Promise((f) => setTimeout(f, m));
     }
-    const o = le(c, "modelValue"), a = j(), n = ye(), s = A(a.interval), l = A(a.hasBilling ? "status" : "subscribe"), p = A(!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, f) => {
-      const V = ge, y = xn, v = wn, g = gn, h = cn, $ = _e, F = he;
-      return d(), _(F, {
+      const V = pe, y = wn, v = $n, g = hn, _ = ln, $ = $e, F = we;
+      return d(), h(F, {
         modelValue: o.value,
-        "onUpdate:modelValue": f[4] || (f[4] = (M) => o.value = M),
-        "prepend-icon": `svg:${t(so)}`,
+        "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", Sn, [
-                    i(ue, null, {
+                  b("div", xn, [
+                    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.",
                           title: "Vuetify One"
                         }),
-                        i(gt, { "model-value": t(l) }, {
+                        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": f[0] || (f[0] = (M) => ne(s) ? s.value = M : null)
+                                  "onUpdate:modelValue": f[0] || (f[0] = (P) => se(s) ? s.value = P : null)
                                 }, null, 8, ["modelValue"]),
-                                Cn,
+                                Sn,
                                 i(v)
                               ]),
                               _: 1
                             }),
-                            i(ke, { value: "status" }, {
+                            i(ve, { value: "status" }, {
                               default: r(() => [
                                 i(g, {
-                                  "onChange:subscription": f[1] || (f[1] = (M) => l.value = "subscribe")
+                                  "onChange:subscription": f[1] || (f[1] = (P) => l.value = "subscribe")
                                 }),
-                                i(h)
+                                i(_)
                               ]),
                               _: 1
                             })
@@ -1969,25 +1969,25 @@ const Re = G("settings", () => {
         t(l) === "subscribe" ? {
           name: "actions",
           fn: r(() => [
-            b("div", Ln, [
-              t(p) !== !1 ? (d(), _($, {
+            b("div", Cn, [
+              t(p) !== !1 ? (d(), h($, {
                 key: 0,
                 block: "",
                 color: "success",
                 loading: t(a).isLoading,
-                "prepend-icon": `svg:${t(p) !== null ? t(ao) : t(Oe)}`,
+                "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(io)}`,
+                "prepend-icon": `svg:${t(ao)}`,
                 size: "default",
                 text: "Manage Subscription",
-                onClick: f[3] || (f[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 Re = G("settings", () => {
                 "prepend-icon": "$vuetify",
                 size: "default",
                 text: "Activate Subscription",
-                onClick: f[2] || (f[2] = (M) => t(a).subscribe(t(s)))
+                onClick: f[2] || (f[2] = (P) => t(a).subscribe(t(s)))
               }, null, 8, ["color", "disabled", "loading"]))
             ])
           ]),
@@ -2005,32 +2005,32 @@ const Re = G("settings", () => {
       ]), 1032, ["modelValue", "prepend-icon"]);
     };
   }
-}), An = /* @__PURE__ */ k({
+}), In = /* @__PURE__ */ k({
   __name: "VoSubscriptionListItem",
   setup(c) {
     const e = A(!1);
     return (o, a) => {
-      const n = In, s = J;
-      return d(), _(s, {
+      const n = Ln, s = Y;
+      return d(), h(s, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(ro)}`,
+        "prepend-icon": `svg:${t(io)}`,
         title: "Subscriptions"
       }, {
         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"
-}, Ee = /* @__PURE__ */ k({
+}, He = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItem",
   props: {
     title: {},
@@ -2042,21 +2042,21 @@ const Re = G("settings", () => {
     sponsorship: {}
   },
   setup(c) {
-    const e = c, o = Re(), 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(), _(Oo, {
+      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(Te)}` : 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,31 +2066,31 @@ const Re = G("settings", () => {
             subtitle: r(() => {
               var m;
               return [
-                (m = n.sponsorship) != null && m.isActive ? (d(), I("div", Dn, [
+                (m = n.sponsorship) != null && m.isActive ? (d(), I("div", An, [
                   i(D, {
-                    icon: `svg:${t(lo)}`,
+                    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, 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: (f = n.sponsorship) != null && f.isActive || n.to ? void 0 : n.href,
-                  "prepend-icon": `svg:${(V = n.sponsorship) != null && V.isActive ? t(Oe) : t(ze)}`,
+                  "prepend-icon": `svg:${(V = n.sponsorship) != null && V.isActive ? t(De) : t(Te)}`,
                   readonly: (y = n.sponsorship) == null ? void 0 : y.isActive,
                   target: (v = n.sponsorship) != null && v.isActive || n.to ? void 0 : "_blank",
                   text: (g = n.sponsorship) != null && g.isActive ? "Active" : "Info",
@@ -2106,12 +2106,12 @@ const Re = G("settings", () => {
       }, 8, ["dot-color", "icon"]);
     };
   }
-}), On = /* @__PURE__ */ k({
+}), Dn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemPatreon",
   setup(c) {
     return (e, o) => {
-      const a = Ee;
-      return d(), _(a, {
+      const a = He;
+      return d(), h(a, {
         disabled: "",
         logo: "patreon",
         text: "Support Vuetify through Patreon.",
@@ -2124,8 +2124,8 @@ const Re = G("settings", () => {
   setup(c) {
     const e = j();
     return (o, a) => {
-      const n = Ee;
-      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 Re = G("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), Un = /* @__PURE__ */ k({
+}), Nn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemGithub",
   setup(c) {
     const e = j();
     return (o, a) => {
-      const n = Ee;
-      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 Re = G("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), Nn = /* @__PURE__ */ k({
+}), On = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemOne",
   setup(c) {
     const e = j();
     return (o, a) => {
-      const n = Ee;
-      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 Re = G("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), Tn = /* @__PURE__ */ k({
+}), Un = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimeline",
   setup(c) {
     return (e, o) => {
-      const a = Nn, n = Un, s = Bn, l = On;
-      return d(), _(Bo, {
+      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 Re = G("settings", () => {
       });
     };
   }
-}), zn = { class: "px-3 pb-5 d-flex flex-column h-100" }, Fn = { class: "font-weight-black" }, jn = { class: "text-caption text-medium-emphasis" }, Mn = /* @__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 Re = G("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(c, "modelValue"), o = ye(), a = j();
-    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 = Tn, u = Ne("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] = (f) => e.value = f),
-        "prepend-icon": `svg:${t(co)}`,
+        "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", zn, [
-                    i(ue, { class: "flex-0-0 mb-16 mb-sm-4" }, {
+                  b("div", Tn, [
+                    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.",
@@ -2233,11 +2233,11 @@ const Re = G("settings", () => {
                         }, null, 8, ["color"])
                       ]),
                       title: r(() => [
-                        T(" One Status: "),
-                        b("span", Fn, C(t(a).isSubscriber ? "Active" : "Inactive"), 1)
+                        O(" One Status: "),
+                        b("span", Fn, L(t(a).isSubscriber ? "Active" : "Inactive"), 1)
                       ]),
                       text: r(() => [
-                        b("div", jn, 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
                     })
@@ -2258,25 +2258,25 @@ const Re = G("settings", () => {
   setup(c) {
     const e = A(!1);
     return (o, a) => {
-      const n = Mn, s = J;
-      return d(), _(s, {
+      const n = jn, s = Y;
+      return d(), h(s, {
         active: t(e),
         link: "",
-        "prepend-icon": `svg:${t(uo)}`,
+        "prepend-icon": `svg:${t(co)}`,
         title: "Sponsorships"
       }, {
         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"]);
     };
   }
-}), Hn = G("downloads", () => {
-  const c = se(), e = B([]), o = A(!1);
+}), Mn = G("downloads", () => {
+  const c = te(), e = N([]), o = A(!1);
   async function a() {
     if (e.value.length)
       return e.value;
@@ -2295,10 +2295,10 @@ const Re = G("settings", () => {
     isLoading: o,
     index: a
   };
-}), Rn = /* @__PURE__ */ k({
+}), Hn = /* @__PURE__ */ k({
   __name: "VoDownloadsTable",
   setup(c) {
-    const e = Se(), o = Hn(), a = [
+    const e = ye(), o = Mn(), a = [
       {
         title: "Order ID",
         value: "order_name"
@@ -2321,22 +2321,22 @@ const Re = G("settings", () => {
     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(X, { 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"
               }, {
                 default: r(() => [
-                  i(ht, {
+                  i(vt, {
                     "fixed-header": "",
                     headers: a,
                     height: "640",
@@ -2344,22 +2344,22 @@ const Re = 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, {
                         color: "medium-emphasis",
                         href: p.download_url,
-                        icon: `svg:${t(po)}`,
+                        icon: `svg:${t(uo)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -2378,13 +2378,13 @@ const Re = G("settings", () => {
       });
     };
   }
-}), En = { class: "px-3" }, Wn = /* @__PURE__ */ k({
+}), Rn = { class: "px-3" }, En = /* @__PURE__ */ k({
   __name: "VoDownloadsNavItem",
   setup(c) {
     const e = A(!1);
     return (o, a) => {
-      const n = Rn, s = he, l = J;
-      return d(), _(l, {
+      const n = Hn, s = we, l = Y;
+      return d(), h(l, {
         active: t(e),
         link: "",
         "prepend-icon": `svg:${t(st)}`,
@@ -2393,17 +2393,17 @@ const Re = G("settings", () => {
         default: r(() => [
           i(s, {
             modelValue: t(e),
-            "onUpdate:modelValue": a[0] || (a[0] = (p) => ne(e) ? e.value = p : null),
+            "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", En, [
-                        i(ue, null, {
+                      b("div", Rn, [
+                        i(ie, null, {
                           default: r(() => [
                             i(n)
                           ]),
@@ -2424,185 +2424,7 @@ const Re = G("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), qn = /* @__PURE__ */ b("h2", { class: "text-h4" }, " Configuration Tooling ", -1), Gn = /* @__PURE__ */ b("p", { class: "text-subtitle-1 text-medium-emphasis" }, " Coming soon to Vuetify One ", -1), Zn = { class: "text-uppercase text-info" }, Qn = { class: "text-h6 mb-2" }, Yn = { class: "text-caption" }, Jn = /* @__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), Xn = /* @__PURE__ */ k({
-  __name: "VoStudioDialog",
-  props: /* @__PURE__ */ rt({
-    prependIcon: {}
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(c) {
-    const e = le(c, "modelValue"), o = ye(), a = Fe(), n = j(), { 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 f = _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(Y, {
-                    "content-class": "d-flex align-center justify-center flex-column",
-                    cover: "",
-                    gradient: "to top right, rgba(var(--v-theme-primary),.8), rgba(0,0,0,.9)",
-                    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(D, {
-                            color: "accent",
-                            icon: u.prependIcon,
-                            size: "80"
-                          }, null, 8, ["icon"]),
-                          qn,
-                          Gn
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }),
-                  (d(), I(U, null, oe(l, (y, v) => i($e, {
-                    key: v,
-                    class: "py-8",
-                    color: v % 2 === 0 ? "surface-light" : "surface-variant"
-                  }, {
-                    default: r(() => [
-                      i(at, null, {
-                        default: r(() => [
-                          i(re, { align: "center" }, {
-                            default: r(() => [
-                              i(X, {
-                                cols: "12",
-                                offset: "0",
-                                "offset-sm": "1",
-                                order: v % 2,
-                                sm: "6"
-                              }, {
-                                default: r(() => [
-                                  b("strong", Zn, C(y.title), 1),
-                                  b("p", Qn, C(y.subtitle), 1),
-                                  b("p", Yn, C(y.text), 1)
-                                ]),
-                                _: 2
-                              }, 1032, ["order"]),
-                              i(X, {
-                                cols: "12",
-                                offset: "0",
-                                "offset-sm": v % 2,
-                                sm: "4"
-                              }, {
-                                default: r(() => [
-                                  i(Y, {
-                                    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(at, null, {
-                        default: r(() => [
-                          i(re, { justify: "center" }, {
-                            default: r(() => [
-                              i(X, { cols: "6" }, {
-                                default: r(() => [
-                                  i(K, {
-                                    image: "https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
-                                    size: "64"
-                                  }),
-                                  Jn
-                                ]),
-                                _: 1
-                              }),
-                              i(X, { cols: "12" }, {
-                                default: r(() => [
-                                  i(f, {
-                                    "prepend-icon": "$vuetify",
-                                    size: "x-large",
-                                    text: "Subscribe Today",
-                                    onClick: p
-                                  })
-                                ]),
-                                _: 1
-                              })
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["modelValue", "prepend-icon"]);
-    };
-  }
-}), Kn = /* @__PURE__ */ k({
+}), Wn = /* @__PURE__ */ k({
   __name: "VoStudioNavItem",
   setup(c) {
     const e = A(!1), o = [
@@ -2612,48 +2434,45 @@ const Re = G("settings", () => {
       ["M2 4L6.87046 12.2799L9.26479 7.61064L2 4Z", 1]
     ];
     return (a, n) => {
-      const s = Xn, l = J;
-      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"]);
     };
   }
-}), es = {
+}), qn = {
   key: 0,
   class: "pt-16"
-}, ts = /* @__PURE__ */ b("div", { class: "text-medium-emphasis" }, " All caught up ", -1), os = {
+}, Gn = /* @__PURE__ */ b("div", { class: "text-medium-emphasis" }, " All caught up ", -1), Zn = {
   key: 1,
   class: "pa-5"
-}, ns = { class: "text-subtitle-1 font-weight-bold" }, ss = { class: "text-caption font-weight-bold text-medium-emphasis" }, as = { class: "text-disabled text-caption mt-2 mb-3" }, is = /* @__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,21 +2480,21 @@ const Re = 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 = Ne("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", os, [
-            (d(!0), I(U, null, oe(l.items, (m) => {
+          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: (f = m.metadata.images.bg) == null ? void 0 : f.url,
@@ -2691,34 +2510,34 @@ const Re = G("settings", () => {
                     ];
                   }),
                   image: r(() => [
-                    i(Y, { position: "right" })
+                    i(ee, { position: "right" })
                   ]),
                   _: 2
                 }, 1032, ["color", "image", "title"]),
-                i(Pe, 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: v }) => [
-                            i(je, { "hide-on-leave": "" }, {
+                            i(Fe, { "hide-on-leave": "" }, {
                               default: r(() => [
-                                xe(i(q, W(v, {
+                                ge(i(q, E(v, {
                                   class: "ms-auto float-right",
-                                  icon: `svg:${n(m.slug) ? t(pt) : t(dt)}`,
+                                  icon: `svg:${n(m.slug) ? t(ut) : t(ct)}`,
                                   "mdi-email-variant": "",
                                   size: "small",
                                   variant: "text",
                                   onClick: (g) => s(m)
                                 }), null, 16, ["icon", "onClick"]), [
-                                  [Ue, y || t(o).mobile.value]
+                                  [Ne, y || t(o).mobile.value]
                                 ])
                               ]),
                               _: 2
@@ -2726,15 +2545,15 @@ const Re = G("settings", () => {
                           ]),
                           _: 2
                         }, 1032, ["text"]),
-                        b("div", ns, C(m.metadata.text), 1),
-                        b("div", ss, C(t(e).format(m.created_at, "fullDateWithWeekday")), 1),
-                        b("div", as, 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
                         }, {
-                          "append-icon": `svg:${t(ze)}`,
+                          "append-icon": `svg:${t(Te)}`,
                           border: "",
                           label: "",
                           size: "small",
@@ -2754,7 +2573,7 @@ const Re = G("settings", () => {
                 }, 1024)
               ]);
             }), 128))
-          ])) : (d(), I("div", es, [
+          ])) : (d(), I("div", qn, [
             i(u, {
               icon: "$vuetify",
               size: "256"
@@ -2763,7 +2582,7 @@ const Re = G("settings", () => {
                 i(D, { color: "medium-emphasis" })
               ]),
               title: r(() => [
-                ts
+                Gn
               ]),
               _: 1
             })
@@ -2773,14 +2592,14 @@ const Re = G("settings", () => {
       });
     };
   }
-}), rs = { class: "ps-3 text-subtitle-2 pe-2" }, ls = { class: "text-truncate" }, cs = { class: "text-caption font-weight-bold text-medium-emphasis" }, us = { class: "text-disabled text-caption my-2" }, ds = /* @__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,35 +2618,35 @@ const Re = 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 f = J;
-      return d(), _(Pe, null, {
+      const f = Y;
+      return d(), h(je, null, {
         default: r(({ isHovering: V, props: y }) => [
-          i(f, W(y, { class: "py-4 mb-0" }), {
+          i(f, E(y, { class: "py-4 mb-0" }), {
             prepend: r(() => [
-              b("div", rs, C(u.notification.metadata.emoji), 1)
+              b("div", Kn, L(u.notification.metadata.emoji), 1)
             ]),
             append: r(() => [
-              i(Uo, {
+              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: v }) => [
-                      i(je, { "hide-on-leave": "" }, {
+                      i(Fe, { "hide-on-leave": "" }, {
                         default: r(() => [
-                          xe(i(q, W(v, {
+                          ge(i(q, E(v, {
                             class: "ms-auto",
-                            icon: `svg:${l(u.notification.slug) ? t(pt) : t(dt)}`,
+                            icon: `svg:${l(u.notification.slug) ? t(ut) : t(ct)}`,
                             "mdi-email-variant": "",
                             size: "small",
                             variant: "text",
                             onClick: m[0] || (m[0] = (g) => p(u.notification))
                           }), null, 16, ["icon"]), [
-                            [Ue, V || t(n).mobile.value]
+                            [Ne, V || t(n).mobile.value]
                           ])
                         ]),
                         _: 2
@@ -2840,16 +2659,16 @@ const Re = G("settings", () => {
               }, 1024)
             ]),
             default: r(() => [
-              i(mt, { class: "text-wrap text-h6 mb-1" }, {
+              i(dt, { class: "text-wrap text-h6 mb-1" }, {
                 default: r(() => [
-                  b("div", ls, C(u.notification.title), 1)
+                  b("div", es, L(u.notification.title), 1)
                 ]),
                 _: 1
               }),
-              b("div", cs, C(t(a).format(u.notification.created_at, "fullDateWithWeekday")), 1),
-              b("div", us, C(u.notification.metadata.text), 1),
-              i(te, W({
-                "append-icon": `svg:${t(ze)}`
+              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: "",
                 label: "",
@@ -2870,29 +2689,29 @@ const Re = G("settings", () => {
       });
     };
   }
-}), ps = {
+}), ss = {
   key: 0,
   class: "pt-16"
-}, ms = /* @__PURE__ */ b("div", { class: "text-medium-emphasis" }, " All caught up ", -1), fs = /* @__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 = Ne("v-empty-state"), n = ds;
-      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(), _(Q, { 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", ps, [
+          ], 64))), 128)) : (d(), I("div", ss, [
             i(a, {
               icon: "$vuetify",
               size: "256"
@@ -2901,7 +2720,7 @@ const Re = G("settings", () => {
                 i(D, { color: "medium-emphasis" })
               ]),
               title: r(() => [
-                ms
+                as
               ]),
               _: 1
             })
@@ -2911,59 +2730,59 @@ const Re = G("settings", () => {
       });
     };
   }
-}), Ct = G("site", () => {
-  const c = B([]), e = B();
+}), xt = G("site", () => {
+  const c = N([]), e = N();
   return {
     id: c,
     url: e
   };
-}), We = G("banners", () => {
-  const c = se(), e = Ct(), o = z(), a = B([]), n = B([]), s = B(), l = A(!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: F
         }
-      }) => !F || 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 f(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,11 +2790,11 @@ const Re = G("settings", () => {
       l.value = !1;
     }
   }
-  async function y(h, $) {
+  async function y(_, $) {
     try {
       l.value = !0;
       const F = await c.form(
-        `/one/admin/banners/${h}`,
+        `/one/admin/banners/${_}`,
         $
       );
       return s.value = F.banner, F.banner;
@@ -2989,8 +2808,8 @@ const Re = G("settings", () => {
   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;
@@ -3011,7 +2830,7 @@ const Re = G("settings", () => {
     store: V,
     update: y
   };
-}), vs = { class: "text-caption" }, _s = { class: "text-caption" }, hs = /* @__PURE__ */ k({
+}), rs = { class: "text-caption" }, ls = { class: "text-caption" }, cs = /* @__PURE__ */ k({
   __name: "VoNotificationsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -3019,33 +2838,33 @@ const Re = G("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = ce(), o = ye(), a = We(), n = He(), s = j(), l = z(), p = A(["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;
+      s.isOpen = !0, await he(), u.value = !0;
     }, { immediate: !0 }), (m, f) => {
-      const V = J, y = fs, v = is, g = he;
-      return d(), _(g, {
+      const V = Y, y = is, v = Xn, g = we;
+      return d(), h(g, {
         modelValue: u.value,
-        "onUpdate:modelValue": f[2] || (f[2] = (h) => u.value = h),
-        "prepend-icon": `svg:${t(mo)}`,
+        "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(No, {
+              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": f[0] || (f[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: "",
@@ -3053,39 +2872,39 @@ const Re = G("settings", () => {
                   }, {
                     default: r(() => [
                       i(V, {
-                        "prepend-icon": `svg:${t(fo)}`,
+                        "prepend-icon": `svg:${t(mo)}`,
                         title: "Unread",
                         value: "read"
-                      }, P({ _: 2 }, [
+                      }, M({ _: 2 }, [
                         t(n).unread.length > 0 ? {
                           name: "append",
                           fn: r(() => [
-                            b("span", vs, C(t(n).unread.length), 1)
+                            b("span", rs, L(t(n).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
                       i(V, {
-                        "prepend-icon": `svg:${t(vo)}`,
+                        "prepend-icon": `svg:${t(fo)}`,
                         title: "Read",
                         value: "unread"
-                      }, P({ _: 2 }, [
+                      }, M({ _: 2 }, [
                         t(n).read.length > 0 ? {
                           name: "append",
                           fn: r(() => [
-                            b("span", _s, 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(_o)}`,
+                        "prepend-icon": `svg:${t(vo)}`,
                         title: "Banners",
                         value: "banners"
                       }, {
                         append: r(() => [
-                          i(et, {
+                          i(Ke, {
                             dot: "",
                             "offset-y": "-3"
                           })
@@ -3098,14 +2917,14 @@ const Re = G("settings", () => {
                 ]),
                 _: 1
               }, 8, ["location", "width"]),
-              i(ve, { scrollable: "" }, {
+              i(ke, { scrollable: "" }, {
                 default: r(() => [
-                  i(gt, {
+                  i(_t, {
                     modelValue: t(p),
-                    "onUpdate:modelValue": f[1] || (f[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 Re = G("settings", () => {
                         ]),
                         _: 1
                       }),
-                      i(ke, { value: "unread" }, {
+                      i(ve, { value: "unread" }, {
                         default: r(() => [
                           i(y, {
                             items: t(n).read
@@ -3121,7 +2940,7 @@ const Re = G("settings", () => {
                         ]),
                         _: 1
                       }),
-                      i(ke, { value: "banners" }, {
+                      i(ve, { value: "banners" }, {
                         default: r(() => [
                           i(v, {
                             items: t(a).all
@@ -3143,40 +2962,40 @@ const Re = G("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), gs = /* @__PURE__ */ k({
+}), us = /* @__PURE__ */ k({
   __name: "VoNotificationsBadge",
   setup(c) {
-    const e = He(), o = z();
-    return (a, n) => (d(), _(et, {
+    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"]));
   }
-}), ys = /* @__PURE__ */ k({
+}), ds = /* @__PURE__ */ k({
   __name: "VoNotificationsNavItem",
   setup(c) {
-    const e = We(), o = z(), a = He(), n = A(!1);
+    const e = Re(), o = T(), a = Pe(), n = A(!1);
     return Be(async () => {
       a.index(), e.index();
     }), (s, l) => {
-      const p = gs, u = hs, m = J;
-      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(ho)}`,
+        "prepend-icon": `svg:${t(_o)}`,
         title: "Notifications"
-      }, P({
+      }, M({
         default: r(() => [
           i(u, {
             modelValue: t(n),
-            "onUpdate:modelValue": l[0] || (l[0] = (f) => ne(n) ? n.value = f : null)
+            "onUpdate:modelValue": l[0] || (l[0] = (f) => se(n) ? n.value = f : null)
           }, null, 8, ["modelValue"])
         ]),
         _: 2
@@ -3196,7 +3015,7 @@ const Re = G("settings", () => {
       ]), 1032, ["active", "prepend-icon"])) : S("", !0);
     };
   }
-}), bs = /* @__PURE__ */ k({
+}), ps = /* @__PURE__ */ k({
   __name: "VoDashboardNavItem",
   setup(c) {
     const e = j();
@@ -3206,22 +3025,22 @@ const Re = G("settings", () => {
       }, 100);
     }
     return (a, n) => {
-      const s = J;
-      return d(), _(s, {
-        "prepend-icon": `svg:${t(go)}`,
+      const s = Y;
+      return d(), h(s, {
+        "prepend-icon": `svg:${t(ho)}`,
         title: "Dashboard",
         to: "/user/dashboard",
         onClick: o
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), Vs = /* @__PURE__ */ k({
+}), ms = /* @__PURE__ */ k({
   __name: "VoUserList",
   setup(c) {
-    const e = R(), o = j();
+    const e = H(), o = j();
     return (a, n) => {
-      const s = bs, l = ys, p = Kn, u = Wn, m = Pn, f = An, V = rn, y = Ko;
-      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,17 +3049,17 @@ const Re = 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(), _(f, { 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
       });
     };
   }
-}), Lt = /* @__PURE__ */ k({
+}), St = /* @__PURE__ */ k({
   __name: "VoIconIssues",
   setup(c) {
     const e = [
@@ -3248,9 +3067,9 @@ const Re = 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(), _(D, { icon: e }));
+    return (o, a) => (d(), h(D, { icon: e }));
   }
-}), It = /* @__PURE__ */ k({
+}), Ct = /* @__PURE__ */ k({
   __name: "VoIconBin",
   setup(c) {
     const e = [
@@ -3259,18 +3078,18 @@ const Re = 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(), _(D, { icon: e }));
+    return (o, a) => (d(), h(D, { icon: e }));
   }
-}), ks = { key: 0 }, $s = { class: "d-flex align-center justify-center pa-1 ga-2" }, ws = /* @__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 = It, s = Lt;
-      return d(), _(me, null, {
+      const n = Ct, s = St;
+      return d(), h(ue, null, {
         default: r(() => [
-          t(e).quickbar ? (d(), I("div", ks, [
-            b("div", $s, [
+          t(e).quickbar ? (d(), I("div", fs, [
+            b("div", vs, [
               i(q, {
                 class: "text-caption",
                 color: t(e).colors.one,
@@ -3282,7 +3101,7 @@ const Re = G("settings", () => {
               }, {
                 default: r(() => [
                   i(D),
-                  i(ee, {
+                  i(J, {
                     activator: "parent",
                     location: "top",
                     text: "Vuetify Play"
@@ -3301,7 +3120,7 @@ const Re = G("settings", () => {
               }, {
                 default: r(() => [
                   i(n),
-                  i(ee, {
+                  i(J, {
                     activator: "parent",
                     location: "top",
                     text: "Vuetify Bin"
@@ -3320,7 +3139,7 @@ const Re = G("settings", () => {
               }, {
                 default: r(() => [
                   i(s),
-                  i(ee, {
+                  i(J, {
                     activator: "parent",
                     location: "top",
                     text: "Vuetify Issues"
@@ -3335,10 +3154,10 @@ const Re = G("settings", () => {
       });
     };
   }
-}), xs = { class: "mb-2" }, Ss = { key: 0 }, Cs = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Ls = { class: "text-h6" }, Is = /* @__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 = j(), a = z(), n = A(!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",
@@ -3366,8 +3185,8 @@ const Re = G("settings", () => {
     return (u, m) => {
       var f;
       return d(), I("div", null, [
-        xe((d(), _(K, {
-          class: Tt([
+        ge((d(), h(K, {
+          class: Ut([
             "border-md border-opacity-100 border-surface-light",
             {
               "cursor-pointer": t(o).isSubscriber
@@ -3376,14 +3195,14 @@ const Re = G("settings", () => {
           color: "surface",
           size: "72",
           text: "Foobar",
-          onClick: Ye(p, ["prevent", "stop"])
+          onClick: Ze(p, ["prevent", "stop"])
         }, {
           default: r(() => [
-            t(e).user && t(a).avatar ? (d(), _(Y, {
+            t(e).user && t(a).avatar ? (d(), h(ee, {
               key: 0,
               alt: "User avatar",
               src: t(a).avatar
-            }, null, 8, ["src"])) : (d(), _(D, {
+            }, null, 8, ["src"])) : (d(), h(D, {
               key: 1,
               class: "mt-1",
               icon: "$vuetify",
@@ -3392,20 +3211,20 @@ const Re = G("settings", () => {
           ]),
           _: 1
         }, 8, ["class"])), [
-          [To, t(o).isSubscriber]
+          [Uo, t(o).isSubscriber]
         ]),
-        b("div", xs, [
-          i(me, null, {
+        b("div", hs, [
+          i(ue, null, {
             default: r(() => [
-              t(n) ? (d(), I("div", Ss, [
-                i(H, {
+              t(n) ? (d(), I("div", gs, [
+                i(W, {
                   class: "pt-6 pb-1",
                   flat: "",
                   rounded: "0"
                 }, {
                   default: r(() => [
-                    b("div", Cs, [
-                      (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: "",
@@ -3429,18 +3248,18 @@ const Re = G("settings", () => {
             _: 1
           })
         ]),
-        b("div", Ls, C(((f = t(e).user) == null ? void 0 : f.name) ?? "Guest"), 1)
+        b("div", bs, L(((f = t(e).user) == null ? void 0 : f.name) ?? "Guest"), 1)
       ]);
     };
   }
-}), As = /* @__PURE__ */ k({
+}), ks = /* @__PURE__ */ k({
   __name: "VoUserBadges",
   setup(c) {
-    const e = R(), o = j(), 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 Re = 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(D, 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(D, W({
+              i(D, E({
                 color: "amber-darken-2",
-                icon: `svg:${t(yo)}`
+                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(D, W({
+              i(D, E({
                 color: "white",
-                icon: `svg:${t(Ke)}`
+                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(D, W({
+              i(D, E({
                 color: "white",
-                icon: `svg:${t(Xe)}`
+                icon: `svg:${t(Ye)}`
               }, p, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
@@ -3507,20 +3326,20 @@ const Re = G("settings", () => {
       _: 1
     })) : S("", !0);
   }
-}), Ds = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, Os = {
+}), $s = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, ws = {
   key: "reset",
   class: "align-self-end"
-}, Bs = /* @__PURE__ */ k({
+}, xs = /* @__PURE__ */ k({
   __name: "VoUserColors",
   setup(c) {
-    const e = R(), o = j(), a = z(), n = A(!1);
+    const e = H(), o = j(), a = T(), n = A(!1);
     function s() {
       a.colors.one = "surface-light";
     }
     return (l, p) => {
-      const u = As, m = _e;
+      const u = ks, m = $e;
       return d(), I(U, null, [
-        i(Y, {
+        i(ee, {
           color: t(e).user ? t(a).colors.one : "surface-light",
           "content-class": "d-flex align-start justify-end pa-2",
           cover: "",
@@ -3529,42 +3348,42 @@ const Re = G("settings", () => {
           rounded: "0"
         }, {
           default: r(() => [
-            b("div", Ds, [
+            b("div", $s, [
               i(u),
-              i(Io, null, {
+              i(Lo, null, {
                 default: r(() => [
-                  xe(b("div", Os, [
+                  ge(b("div", ws, [
                     i(m, {
                       class: "ms-2 me-1",
                       color: "inherit",
                       density: "comfortable",
                       disabled: t(a).colors.one === "surface-light",
-                      icon: `svg:${t(bo)}`,
+                      icon: `svg:${t(yo)}`,
                       title: "Revert to Default",
                       variant: "text",
                       onClick: s
                     }, null, 8, ["disabled", "icon"])
                   ], 512), [
-                    [Ue, 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(Te)}` : "$edit",
+                icon: t(n) ? `svg:${t(Ue)}` : "$edit",
                 title: "Edit One Header Color",
                 variant: t(n) ? "text" : "plain",
                 onClick: p[0] || (p[0] = (f) => n.value = !t(n))
               }, {
                 default: r(() => [
-                  i(je, { "leave-absolute": "" }, {
+                  i(Fe, { "leave-absolute": "" }, {
                     default: r(() => [
-                      (d(), _(D, {
+                      (d(), h(D, {
                         key: String(t(n))
                       }))
                     ]),
@@ -3577,9 +3396,9 @@ const Re = G("settings", () => {
           ]),
           _: 1
         }, 8, ["color"]),
-        i(me, null, {
+        i(ue, null, {
           default: r(() => [
-            t(n) ? (d(), _(zo, {
+            t(n) ? (d(), h(To, {
               key: 0,
               elevation: "0",
               height: "250",
@@ -3599,16 +3418,16 @@ const Re = G("settings", () => {
       ], 64);
     };
   }
-}), Us = { class: "text-center mt-n9 mb-4" }, Ns = /* @__PURE__ */ k({
+}), Ss = { class: "text-center mt-n9 mb-4" }, Cs = /* @__PURE__ */ k({
   __name: "VoUserMenu",
   setup(c) {
-    const e = We(), o = j(), 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 = Bs, p = Is, u = ws, m = Vs, f = xt;
-      return d(), _(t(Fo), {
+      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,14 +3439,14 @@ const Re = G("settings", () => {
         location: "bottom end"
       }, {
         default: r(() => [
-          i(H, {
+          i(W, {
             border: "",
             rounded: "lg",
             width: "280"
           }, {
             default: r(() => [
               i(l),
-              b("div", Us, [
+              b("div", Ss, [
                 i(p),
                 i(u)
               ]),
@@ -3643,22 +3462,22 @@ const Re = G("settings", () => {
       }, 8, ["modelValue"]);
     };
   }
-}), Ts = { key: 0 }, At = /* @__PURE__ */ k({
+}), Ls = { key: 0 }, Lt = /* @__PURE__ */ k({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
   },
   setup(c) {
-    const e = R(), o = j(), 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 = Ns, m = _e, f = Jo, V = wt;
+      const u = Cs, m = $e, f = Yo, V = kt;
       return d(), I(U, null, [
         i(f, {
           "offset-y": t(e).user ? 5 : 0
         }, {
           default: r(() => [
-            i(m, W({
-              [`${t(n) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(Vo)}`
+            i(m, E({
+              [`${t(n) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(bo)}`
             }, {
               active: "",
               border: !!t(e).user,
@@ -3671,8 +3490,8 @@ const Re = G("settings", () => {
               variant: t(e).user ? t(o).isOpen ? "outlined" : "text" : "flat"
             }), {
               default: r(() => [
-                t(e).user ? S("", !0) : (d(), I("span", Ts, "Login")),
-                t(e).user ? (d(), _(K, {
+                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 Re = G("settings", () => {
       ], 64);
     };
   }
-}), zs = /* @__PURE__ */ k({
+}), Is = /* @__PURE__ */ k({
   __name: "VoAppBar",
   props: {
     logo: {}
   },
   setup(c) {
-    const e = c, o = Me(), a = Re(), 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 = Ne("router-link"), u = At;
-      return d(), _(yt, {
+      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(Y, {
+              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(), _(Q, {
+          B(s.$slots, "append"),
+          s.$slots.append ? (d(), h(Q, {
             key: 0,
             class: "mx-4 align-self-center h-100",
             length: "20",
@@ -3726,34 +3545,34 @@ const Re = 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"]);
     };
   }
-}), Fs = /* @__PURE__ */ k({
+}), As = /* @__PURE__ */ k({
   __name: "VoNotificationsBanner",
   props: {
     demo: { type: Boolean }
   },
   setup(c) {
-    const e = c, { mdAndUp: o } = ce(), a = Fe(), n = z(), s = We(), l = x(() => s.banner), p = x(() => {
+    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));
@@ -3761,11 +3580,11 @@ const Re = G("settings", () => {
       l.value && n.notifications.last.banner.push(l.value.slug);
     }
     async function f(y) {
-      var h;
+      var _;
       if (!l.value)
         return;
-      m(), await de();
-      const v = ((h = l.value) == null ? void 0 : h.metadata) ?? { link: "" };
+      m(), await he();
+      const v = ((_ = l.value) == null ? void 0 : _.metadata) ?? { link: "" };
       if (v.link.indexOf("?one=") === -1)
         return;
       y.preventDefault(), y.stopPropagation();
@@ -3785,7 +3604,7 @@ const Re = G("settings", () => {
     });
     return (y, v) => {
       var g;
-      return t(l) ? (d(), _(yt, {
+      return t(l) ? (d(), h(ht, {
         key: 0,
         color: t(l).metadata.color,
         flat: "",
@@ -3796,14 +3615,14 @@ const Re = 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: f
           }), {
             prepend: r(() => [
-              t(l).metadata.images.logo ? (d(), _(K, {
+              t(l).metadata.images.logo ? (d(), h(K, {
                 key: 0,
                 icon: "$vuetify",
                 image: t(l).metadata.images.logo.url,
@@ -3812,29 +3631,29 @@ const Re = G("settings", () => {
               }, null, 8, ["image"])) : S("", !0)
             ]),
             append: r(() => [
-              t(o) && t(l).metadata.link && t(l).metadata.link_text ? (d(), _(Pe, { 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(ze)}`,
+                    "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: 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 Re = G("settings", () => {
                 icon: "$clear",
                 size: "small",
                 variant: "plain",
-                onClick: Ye(m, ["prevent", "stop"])
+                onClick: Ze(m, ["prevent", "stop"])
               }, null, 8, ["disabled"])) : S("", !0)
             ]),
             default: r(() => [
-              t(l).metadata.text ? (d(), _(mt, {
+              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(), _(xo, { 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,61 +3688,61 @@ const Re = G("settings", () => {
       }, 8, ["color", "height", "image", "location", "model-value"])) : S("", !0);
     };
   }
-}), js = {
+}), Ds = {
   key: 0,
   class: "text-uppercase position-absolute ms-auto font-weight-medium on-surface-light",
   style: { right: "12px", bottom: "8px", "font-size": "10px" }
-}, Dt = /* @__PURE__ */ k({
+}, It = /* @__PURE__ */ k({
   __name: "VoPromotionsCard",
   props: {
     caption: {},
     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(jo, {
+        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", js, 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));
   }
 }), tt = G("promotions", () => {
-  const c = se(), e = B([]), o = B([]), a = B(), n = A(!1), s = A(!1), l = x(() => e.value.filter((g) => g.metadata.discoverable));
-  Je(u);
+  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,8 +3758,8 @@ const Re = 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;
@@ -3949,22 +3768,22 @@ const Re = G("settings", () => {
   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 {
@@ -4000,13 +3819,13 @@ const Re = G("settings", () => {
     store: f,
     update: V
   };
-}), Ms = /* @__PURE__ */ k({
+}), Bs = /* @__PURE__ */ k({
   __name: "VoPromotionsCardHighlight",
   props: {
     slug: {}
   },
   setup(c) {
-    const e = c, o = tt(), a = Me(), n = z(), s = x(() => {
+    const e = c, o = tt(), a = ze(), n = T(), s = x(() => {
       if (o.record)
         return o.record;
       if (!n.disableAds)
@@ -4022,8 +3841,8 @@ const Re = G("settings", () => {
     });
     return (u, m) => {
       var V, y, v;
-      const f = Dt;
-      return t(s) || !t(o).hasLoaded ? (d(), _(f, {
+      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",
@@ -4034,9 +3853,9 @@ const Re = G("settings", () => {
         "prepend-avatar": t(l),
         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",
@@ -4061,20 +3880,20 @@ const Re = G("settings", () => {
         t(s) ? {
           name: "image",
           fn: r(() => [
-            i(Y, { position: "right" })
+            i(ee, { position: "right" })
           ]),
           key: "1"
         } : void 0
       ]), 1032, ["color", "href", "image", "prepend-avatar", "title"])) : S("", !0);
     };
   }
-}), Ps = { class: "d-flex ga-4" }, Hs = { class: "d-flex align-start ga-4" }, Rs = { class: "text-caption on-surface-light" }, Es = /* @__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 = tt(), a = z(), n = x(() => {
+    const e = c, o = tt(), a = T(), n = x(() => {
       if (o.record)
         return o.record;
       if (!(a.disableAds && !a.showHouseAds))
@@ -4082,8 +3901,8 @@ const Re = G("settings", () => {
     });
     return (s, l) => {
       var u, m;
-      const p = Dt;
-      return t(n) || !t(o).hasLoaded ? (d(), _(p, {
+      const p = It;
+      return t(n) || !t(o).hasLoaded ? (d(), h(p, {
         key: 0,
         border: "",
         caption: "ads via vuetify",
@@ -4094,9 +3913,9 @@ const Re = G("settings", () => {
         default: r(() => {
           var f, V, y;
           return [
-            b("div", Ps, [
+            b("div", Ns, [
               t(o).hasLoaded ? t(n) ? (d(), I(U, { key: 1 }, [
-                i(Y, {
+                i(ee, {
                   cover: "",
                   height: "100",
                   "max-width": "130",
@@ -4105,11 +3924,11 @@ const Re = G("settings", () => {
                   src: (V = (f = t(n).metadata) == null ? void 0 : f.images.default) == null ? void 0 : V.url,
                   width: "100%"
                 }, null, 8, ["src"]),
-                b("div", Hs, [
-                  b("div", Rs, 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 Re = G("settings", () => {
                   "min-width": "130",
                   type: "image"
                 }),
-                i(we, {
+                i(_e, {
                   class: "flex-1-0 ms-n3 mt-n3",
                   color: "transparent",
                   loading: "",
@@ -4132,45 +3951,45 @@ const Re = G("settings", () => {
       }, 8, ["href"])) : S("", !0);
     };
   }
-}), Ws = {
+}), Fs = {
   key: 0,
   class: "v-footer__image"
-}, qs = /* @__PURE__ */ k({
+}, zs = /* @__PURE__ */ k({
   __name: "VoFooter",
   props: {
     image: {}
   },
   setup(c) {
-    return (e, o) => (d(), _(Mo, {
+    return (e, o) => (d(), h(jo, {
       class: "vo-footer",
       height: "40"
     }, {
       default: r(() => [
-        e.image || e.$slots.image ? (d(), I("div", Ws, [
-          e.$slots.image ? O(e.$slots, "image", { key: 0 }, void 0, !0) : (d(), _(Y, {
+        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
     }));
   }
-}), Ot = (c, e) => {
+}), At = (c, e) => {
   const o = c.__vccOpts || c;
   for (const [a, n] of e)
     o[a] = n;
   return o;
-}, Bt = /* @__PURE__ */ Ot(qs, [["__scopeId", "data-v-3135ada5"]]), Gs = ["href"], Zs = /* @__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 = tt(), a = z(), n = Me(), s = x(() => {
+    const e = c, o = tt(), a = T(), n = ze(), s = x(() => {
       if (o.record)
         return o.record;
       if (!a.disableAds)
@@ -4184,12 +4003,12 @@ const Re = G("settings", () => {
       const u = n.current.value.dark ? "bgdark" : "bglight";
       return (f = (m = s.value) == null ? void 0 : m.metadata.images[u]) == null ? void 0 : f.url;
     });
-    return Je(async () => {
+    return Qe(async () => {
       e.slug && await o.show(e.slug);
     }), (u, m) => {
       var V;
-      const f = Bt;
-      return d(), _(f, {
+      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)" }
@@ -4210,8 +4029,8 @@ const Re = G("settings", () => {
                 image: t(l),
                 size: "24"
               }, null, 8, ["image"]),
-              b("div", null, C((v = t(s)) == null ? void 0 : v.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 Re = G("settings", () => {
                 text: "SPONSORED",
                 variant: "flat"
               })) : S("", !0)
-            ], 8, Gs)
+            ], 8, js)
           ];
         }),
         _: 1
       }, 8, ["color", "image"]);
     };
   }
-}), Qs = ["id"], Ys = /* @__PURE__ */ k({
+}), Ms = ["id"], Hs = /* @__PURE__ */ k({
   __name: "VoScript",
   props: {
     id: {
@@ -4244,29 +4063,29 @@ const Re = G("settings", () => {
   },
   emits: ["script:error", "script:load"],
   setup(c, { emit: e }) {
-    const o = c, a = e, n = B(), s = B();
-    return Je(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;
     }), Be(() => {
       var l;
       s.value && ((l = n.value) == null || l.appendChild(s.value));
-    }), zt(() => {
+    }), Tt(() => {
       var l;
       s.value && ((l = n.value) == null || l.removeChild(s.value));
     }), (l, p) => (d(), I("div", {
       id: c.id,
       ref_key: "rootEl",
       ref: n
-    }, null, 8, Qs));
+    }, null, 8, Ms));
   }
-}), Js = (c) => (Ft("data-v-584be7b0"), c = c(), jt(), c), Xs = ["href", "title"], Ks = {
+}), Rs = (c) => (Ft("data-v-584be7b0"), c = c(), zt(), c), Es = ["href", "title"], Ws = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, ea = /* @__PURE__ */ Js(() => /* @__PURE__ */ b("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), ta = /* @__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 = Re(), o = [
+    const e = Me(), o = [
       {
         title: "Vuetify Documentation",
         icon: "$vuetify",
@@ -4274,7 +4093,7 @@ const Re = G("settings", () => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${ko}`,
+        icon: `svg:${Vo}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -4284,29 +4103,29 @@ const Re = G("settings", () => {
       },
       {
         title: "Vuetify GitHub",
-        icon: `svg:${Ke}`,
+        icon: `svg:${Je}`,
         href: "https://github.com/vuetifyjs/vuetify"
       },
       {
         title: "Vuetify Discord",
-        icon: `svg:${Xe}`,
+        icon: `svg:${Ye}`,
         href: "https://community.vuetifyjs.com/"
       },
       {
         title: "Vuetify Reddit",
-        icon: `svg:${$o}`,
+        icon: `svg:${ko}`,
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
     return (a, n) => {
-      const s = Bt;
-      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,
@@ -4318,10 +4137,10 @@ const Re = G("settings", () => {
               icon: l.icon,
               size: l.icon === "$vuetify" ? 24 : 16
             }, null, 8, ["icon", "size"])
-          ], 8, Xs)), 64)),
-          b("div", Ks, [
-            T(" © 2016-" + C((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-            ea
+          ], 8, Es)), 64)),
+          b("div", Ws, [
+            O(" © 2016-" + L((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+            qs
           ])
         ]),
         _: 2
@@ -4329,20 +4148,20 @@ const Re = 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"]);
     };
   }
-}), oa = /* @__PURE__ */ Ot(ta, [["__scopeId", "data-v-584be7b0"]]), na = G("spots", () => {
-  const c = se(), e = Ct(), o = B([]), a = B([]), n = B(), s = A(!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: v,
       active: g
     }
-  }) => g ? v.includes("dev") && !1 || v.includes("*") ? !0 : v.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;
@@ -4380,11 +4199,11 @@ const Re = G("settings", () => {
   async function f(v, g) {
     try {
       s.value = !0;
-      const h = await c.form(
+      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;
@@ -4416,10 +4235,10 @@ const Re = G("settings", () => {
     update: f,
     destroy: V
   };
-}), sa = ["href"], aa = /* @__PURE__ */ k({
+}), Ys = ["href"], Js = /* @__PURE__ */ k({
   __name: "VoSpot",
   setup(c) {
-    const e = na();
+    const e = Qs();
     return (o, a) => {
       var n;
       return t(e).spot ? (d(), I("a", {
@@ -4428,19 +4247,19 @@ const Re = G("settings", () => {
         rel: "noopener noreferrer sponsored",
         target: "_blank"
       }, [
-        i(Y, {
+        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, sa)) : S("", !0);
+      ], 8, Ys)) : S("", !0);
     };
   }
-}), Ga = G("bins", () => {
-  const c = R(), e = se(), o = B([]), a = B(), 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((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 Re = 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 f(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 F = await e.post(`/one/bins/${$}`, { bin: h }), M = o.value.findIndex((E) => E.id === $);
-      o.value.splice(M, 1, F.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 v(h, $) {
+  async function v(_, $) {
     try {
       n.value = !0;
-      const F = $ ? await y(h, $) : await V(h);
+      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 {
@@ -4523,8 +4342,8 @@ const Re = G("settings", () => {
     update: y,
     updateOrCreate: v
   };
-}), Za = 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 Re = G("settings", () => {
     randomize: n
   };
 });
-function Qa() {
+function Ma() {
   function c(e) {
-    e.component("VoAppBar", zs), e.component("VoAuthBtn", At), e.component("VoAuthCard", $t), e.component("VoAuthDialog", wt), e.component("VoAuthListItem", xt), e.component("VoIconBin", It), e.component("VoIconIssues", Lt), e.component("VoNotificationsBanner", Fs), e.component("VoPromotionsCardHighlight", Ms), e.component("VoPromotionsCardVuetify", Es), e.component("VoPromotionsFooter", Zs), e.component("VoScript", Ys), e.component("VoSocialFooter", oa), e.component("VoSpot", aa);
+    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 Ya(c, e) {
+function Ha(c, e) {
   return function(o) {
     const a = o.store;
     a.url = e, a.$id === "site" && (a.id = c);
   };
 }
 export {
-  Qa as createOne,
-  Ya as one,
-  R as useAuthStore,
-  We as useBannersStore,
-  Ga as useBinsStore,
-  se as useHttpStore,
+  Ma as createOne,
+  Ha as one,
+  H as useAuthStore,
+  Re as useBannersStore,
+  ja as useBinsStore,
+  te as useHttpStore,
   j as useOneStore,
-  Za as useProductsStore,
+  Pa as useProductsStore,
   tt as usePromotionsStore,
-  Re as useSettingsStore,
-  na as useSpotsStore,
-  z as useUserStore
+  Me as useSettingsStore,
+  Qs as useSpotsStore,
+  T as useUserStore
 };