@vuetify/one 1.3.0 → 1.3.1

package/dist/index.js

@@ -1,44 +1,44 @@
-import { reactive as gt, watch as O, toRefs as yt, ref as j, shallowRef as A, computed as S, defineComponent as V, openBlock as c, createBlock as _, unref as a, createSlots as q, withCtx as s, createElementVNode as g, toDisplayString as C, createVNode as t, createTextVNode as U, renderSlot as P, normalizeStyle as Ye, createCommentVNode as x, withModifiers as Re, mergeModels as Je, useModel as ie, createElementBlock as L, Fragment as B, onMounted as Xe, nextTick as ce, renderList as te, mergeProps as R, resolveComponent as He, pushScopeId as bt, popScopeId as Vt, withDirectives as Le, vShow as Ee, normalizeClass as kt } from "vue";
-import { useRouter as Ie, useRoute as $t } from "vue-router";
-import { defineStore as X } from "pinia";
+import { reactive as yt, watch as U, toRefs as bt, ref as N, shallowRef as A, computed as S, defineComponent as $, openBlock as c, createBlock as h, unref as a, createSlots as W, withCtx as r, createElementVNode as g, toDisplayString as C, createVNode as t, createTextVNode as B, renderSlot as P, normalizeStyle as Ye, createCommentVNode as w, withModifiers as Re, mergeModels as Je, useModel as ie, createElementBlock as L, Fragment as T, onMounted as Xe, nextTick as ce, renderList as te, mergeProps as R, resolveComponent as He, pushScopeId as Vt, popScopeId as kt, withDirectives as Le, vShow as Ee, normalizeClass as $t } from "vue";
+import { useRouter as Ie, useRoute as xt } from "vue-router";
+import { defineStore as Z } from "pinia";
 import { merge as Fe } from "lodash-es";
-import { mdiDiscord as We, mdiGithub as qe, mdiSync as xt, mdiSyncOff as wt, mdiLogoutVariant as St, mdiFullscreenExit as Ct, mdiFullscreen as Lt, mdiCheck as De, mdiHome as It, mdiTextBox as Dt, mdiSelect as At, mdiSpaceInvaders as Ke, mdiImageFilterHdr as et, mdiRocketLaunchOutline as tt, mdiWhiteBalanceSunny as Ot, mdiWeatherNight as Ut, mdiDesktopTowerMonitor as Bt, mdiContrastCircle as Nt, mdiCog as Tt, mdiCogOutline as zt, mdiFileDocument as Ft, mdiCreditCardSettingsOutline as jt, mdiRocketOutline as Mt, mdiCheckCircleOutline as Ce, mdiCreditCard as Pt, mdiReload as Rt, mdiPlaylistCheck as Ht, mdiCreditCardOutline as Et, mdiMedal as Wt, mdiOpenInNew as Ae, mdiHandHeart as qt, mdiHandHeartOutline as Gt, mdiShieldStarOutline as Zt, mdiReddit as Qt, mdiEmailOpenOutline as ot, mdiEmailVariant as nt, mdiBell as Yt, mdiInboxOutline as Jt, mdiInboxFullOutline as Xt, mdiBillboard as Kt, mdiBellOutline as eo, mdiViewDashboardOutline as to, mdiSpider as oo, mdiCrown as no, mdiArrowULeftBottom as so, mdiLogin as ao } from "@mdi/js";
-import { VListItem as he, VList as oe, VListItemTitle as st, VListItemSubtitle as io } from "vuetify/lib/components/VList/index.mjs";
+import { mdiDiscord as We, mdiGithub as qe, mdiSync as wt, mdiSyncOff as St, mdiLogoutVariant as Ct, mdiFullscreenExit as Lt, mdiFullscreen as It, mdiCheck as De, mdiHome as Dt, mdiTextBox as At, mdiSelect as Ot, mdiSpaceInvaders as Ke, mdiImageFilterHdr as et, mdiRocketLaunchOutline as tt, mdiWhiteBalanceSunny as Ut, mdiWeatherNight as Bt, mdiDesktopTowerMonitor as Nt, mdiContrastCircle as Tt, mdiCog as zt, mdiCogOutline as Ft, mdiFileDocument as jt, mdiCreditCardSettingsOutline as Mt, mdiRocketOutline as Pt, mdiCheckCircleOutline as Ce, mdiCreditCard as Rt, mdiReload as Ht, mdiPlaylistCheck as Et, mdiCreditCardOutline as Wt, mdiMedal as qt, mdiOpenInNew as Ae, mdiHandHeart as Gt, mdiHandHeartOutline as Zt, mdiShieldStarOutline as Qt, mdiReddit as Yt, mdiEmailOpenOutline as ot, mdiEmailVariant as nt, mdiBell as Jt, mdiInboxOutline as Xt, mdiInboxFullOutline as Kt, mdiBillboard as eo, mdiBellOutline as to, mdiViewDashboardOutline as oo, mdiSpider as no, mdiCrown as so, mdiArrowULeftBottom as ao, mdiLogin as io } from "@mdi/js";
+import { VListItem as ge, VList as oe, VListItemTitle as st, VListItemSubtitle as ro } from "vuetify/lib/components/VList/index.mjs";
 import { VAvatar as ne } from "vuetify/lib/components/VAvatar/index.mjs";
-import { VCard as H, VCardTitle as ro, VCardSubtitle as lo, VCardText as fe } from "vuetify/lib/components/VCard/index.mjs";
+import { VCard as H, VCardTitle as lo, VCardSubtitle as uo, VCardText as ve } from "vuetify/lib/components/VCard/index.mjs";
 import { VDialog as at } from "vuetify/lib/components/VDialog/index.mjs";
 import { VBadge as Ge } from "vuetify/lib/components/VBadge/index.mjs";
 import { VBtn as E } from "vuetify/lib/components/VBtn/index.mjs";
-import { VProgressCircular as uo } from "vuetify/lib/components/VProgressCircular/index.mjs";
+import { VProgressCircular as co } from "vuetify/lib/components/VProgressCircular/index.mjs";
 import { VSheet as _e } from "vuetify/lib/components/VSheet/index.mjs";
 import { VSwitch as it } from "vuetify/lib/components/VSwitch/index.mjs";
-import { VFadeTransition as Oe, VExpandTransition as ge, VExpandXTransition as co } from "vuetify/lib/components/transitions/index.mjs";
-import { useDisplay as re, useTheme as po, useDate as Ue } from "vuetify";
-import { VDivider as Z } from "vuetify/lib/components/VDivider/index.mjs";
+import { VFadeTransition as Oe, VExpandTransition as ye, VExpandXTransition as po } from "vuetify/lib/components/transitions/index.mjs";
+import { useDisplay as re, useTheme as mo, useDate as Ue } from "vuetify";
+import { VDivider as G } from "vuetify/lib/components/VDivider/index.mjs";
 import { VIcon as D } from "vuetify/lib/components/VIcon/index.mjs";
 import { VLabel as Me } from "vuetify/lib/components/VLabel/index.mjs";
 import { VChip as ee } from "vuetify/lib/components/VChip/index.mjs";
-import { VChipGroup as mo } from "vuetify/lib/components/VChipGroup/index.mjs";
-import { VSelect as fo } from "vuetify/lib/components/VSelect/index.mjs";
-import { VRow as ue, VCol as Y, VContainer as Ze } from "vuetify/lib/components/VGrid/index.mjs";
+import { VChipGroup as fo } from "vuetify/lib/components/VChipGroup/index.mjs";
+import { VSelect as vo } from "vuetify/lib/components/VSelect/index.mjs";
+import { VRow as ue, VCol as J, VContainer as Ze } from "vuetify/lib/components/VGrid/index.mjs";
 import { VHover as Be } from "vuetify/lib/components/VHover/index.mjs";
-import { VImg as ae } from "vuetify/lib/components/VImg/index.mjs";
+import { VImg as se } from "vuetify/lib/components/VImg/index.mjs";
 import { VItemGroup as rt, VItem as Pe } from "vuetify/lib/components/VItemGroup/index.mjs";
-import { VLayout as ye } from "vuetify/lib/components/VLayout/index.mjs";
-import { VMain as be } from "vuetify/lib/components/VMain/index.mjs";
-import { VDataTableVirtual as vo } from "vuetify/lib/components/VDataTable/index.mjs";
+import { VLayout as be } from "vuetify/lib/components/VLayout/index.mjs";
+import { VMain as Ve } from "vuetify/lib/components/VMain/index.mjs";
+import { VDataTableVirtual as ho } from "vuetify/lib/components/VDataTable/index.mjs";
 import { VSkeletonLoader as Qe } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
-import { VWindow as lt, VWindowItem as ve } from "vuetify/lib/components/VWindow/index.mjs";
-import { VTimelineItem as _o, VTimeline as ho } from "vuetify/lib/components/VTimeline/index.mjs";
-import { VFooter as go } from "vuetify/lib/components/VFooter/index.mjs";
-import { VTooltip as J } from "vuetify/lib/components/VTooltip/index.mjs";
-import { VResponsive as yo } from "vuetify/lib/components/VResponsive/index.mjs";
-import { VNavigationDrawer as bo } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
-import { Ripple as Vo } from "vuetify/lib/directives/index.mjs";
-import { VColorPicker as ko } from "vuetify/lib/components/VColorPicker/index.mjs";
-import { VMenu as $o } from "vuetify/components";
-import { VAppBar as xo } from "vuetify/lib/components/VAppBar/index.mjs";
-const Ve = X("http", {
+import { VWindow as lt, VWindowItem as he } from "vuetify/lib/components/VWindow/index.mjs";
+import { VTimelineItem as _o, VTimeline as go } from "vuetify/lib/components/VTimeline/index.mjs";
+import { VFooter as yo } from "vuetify/lib/components/VFooter/index.mjs";
+import { VTooltip as X } from "vuetify/lib/components/VTooltip/index.mjs";
+import { VResponsive as bo } from "vuetify/lib/components/VResponsive/index.mjs";
+import { VNavigationDrawer as Vo } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
+import { Ripple as ko } from "vuetify/lib/directives/index.mjs";
+import { VColorPicker as $o } from "vuetify/lib/components/VColorPicker/index.mjs";
+import { VMenu as xo } from "vuetify/components";
+import { VAppBar as wo } from "vuetify/lib/components/VAppBar/index.mjs";
+const de = Z("http", {
   state: () => ({
     url: ""
   }),
@@ -115,15 +115,15 @@ const Ve = X("http", {
       jobs: null
     }
   }
-}, N = X("user", () => {
-  const u = gt(Fe({}, Se));
-  O(u, o);
+}, F = Z("user", () => {
+  const u = yt(Fe({}, Se));
+  U(u, o);
   function e() {
     if (!je)
       return;
-    const i = localStorage.getItem("vuetify@user"), r = i ? JSON.parse(i) : {};
-    let l = r.v === u.v;
-    r.v || (r.pwaRefresh = !0, typeof r.api == "boolean" && (r.api = r.api ? "inline" : "link-only"), typeof r.rtl == "boolean" && (r.direction = r.rtl ? "rtl" : "ltr", delete r.rtl), typeof r.theme == "object" && (r.mixedTheme = r.theme.mixed, r.theme = r.theme.system ? "system" : r.theme.dark ? "dark" : "light"), Array.isArray(r.notifications) && (r.notifications = { read: r.notifications }), typeof r.last == "object" && (r.notifications.last = r.last, delete r.last)), r.v === 1 && (Array.isArray(r.composition) && (r.composition = "composition"), Array.isArray(r.notifications.last.banner) || (r.notifications = r.notifications || {}, r.notifications.last = r.notifications.last || {}, r.notifications.last.banner = [])), r.v === 2 && (r.syncSettings = !0, r.disableAds = !1, r.v = 3), r.v === 3 && (r.quickbar = !1), r.v === 4 && (r.suits = Se.suits, r.notifications.banners = Se.notifications.banners, l = !0), r.v = u.v, Object.assign(u, Fe(u, r)), l && o();
+    const s = localStorage.getItem("vuetify@user"), i = s ? JSON.parse(s) : {};
+    let l = i.v === u.v;
+    i.v || (i.pwaRefresh = !0, typeof i.api == "boolean" && (i.api = i.api ? "inline" : "link-only"), typeof i.rtl == "boolean" && (i.direction = i.rtl ? "rtl" : "ltr", delete i.rtl), typeof i.theme == "object" && (i.mixedTheme = i.theme.mixed, i.theme = i.theme.system ? "system" : i.theme.dark ? "dark" : "light"), Array.isArray(i.notifications) && (i.notifications = { read: i.notifications }), typeof i.last == "object" && (i.notifications.last = i.last, delete i.last)), i.v === 1 && (Array.isArray(i.composition) && (i.composition = "composition"), Array.isArray(i.notifications.last.banner) || (i.notifications = i.notifications || {}, i.notifications.last = i.notifications.last || {}, i.notifications.last.banner = [])), i.v === 2 && (i.syncSettings = !0, i.disableAds = !1, i.v = 3), i.v === 3 && (i.quickbar = !1), i.v === 4 && (i.suits = Se.suits, i.notifications.banners = Se.notifications.banners, l = !0), i.v = u.v, Object.assign(u, Fe(u, i)), l && o();
   }
   function o() {
     je && localStorage.setItem("vuetify@user", JSON.stringify(u, null, 2));
@@ -132,18 +132,18 @@ const Ve = X("http", {
     je && (Object.assign(u, Fe({}, Se)), o());
   }
   return e(), {
-    ...yt(u),
+    ...bt(u),
     load: e,
     save: o,
     reset: n
   };
-}), T = X("auth", () => {
-  const u = j(!1), e = j(null), o = Ve(), n = N(), i = Ie(), r = A(!1), l = S(() => {
+}), j = Z("auth", () => {
+  const u = N(!1), e = N(null), o = de(), n = F(), s = Ie(), i = A(!1), l = S(() => {
     var m, f;
-    return !o.url || ((m = e.value) == null ? void 0 : m.isAdmin) || !!((f = e.value) != null && f.sponsorships.some((k) => k.isActive));
+    return !o.url || ((m = e.value) == null ? void 0 : m.isAdmin) || !!((f = e.value) != null && f.sponsorships.some((y) => y.isActive));
   });
-  let d = !!w();
-  O(e, (m) => {
+  let d = !!k();
+  U(e, (m) => {
     if (!(m != null && m.settings))
       return;
     const f = localStorage.getItem("vuetify@user") || "{}";
@@ -162,7 +162,7 @@ const Ve = X("http", {
   async function p(m = !1) {
     if (p.promise)
       return p.promise;
-    r.value = !0, p.promise = fetch(`${o.url}/auth/verify`, {
+    i.value = !0, p.promise = fetch(`${o.url}/auth/verify`, {
       credentials: "include",
       headers: m ? {
         "Cache-Control": "no-cache"
@@ -174,154 +174,154 @@ const Ve = X("http", {
       () => {
       }
     ).finally(() => {
-      r.value = !1, p.promise = null;
+      i.value = !1, p.promise = null;
     });
   }
   p.promise = null;
-  async function h(m = "github") {
-    r.value = !0;
-    const f = `${o.url}/auth/${m}/redirect`, k = 400, z = 600, F = window.screenX + (window.innerWidth - k) / 2, se = window.screenY + (window.innerHeight - z) / 2, G = window.open(
+  async function _(m = "github") {
+    i.value = !0;
+    const f = `${o.url}/auth/${m}/redirect`, y = 400, O = 600, z = window.screenX + (window.innerWidth - y) / 2, ae = window.screenY + (window.innerHeight - O) / 2, q = window.open(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${F},top=${se},width=${k},height=${z},resizable`
+      `popup,left=${z},top=${ae},width=${y},height=${O},resizable`
     );
-    if (!G) {
+    if (!q) {
       console.error("Failed to open popup");
       return;
     }
-    G.location.href = f;
+    q.location.href = f;
     let xe = -1, we = -1;
-    function me(K) {
-      var y;
-      K.origin === o.url && ((y = K.data) == null ? void 0 : y.type) === "auth-response" && (K.data.status === "success" ? (e.value || localStorage.setItem("vuetify@lastLoginProvider", m), e.value = K.data.body.user, i.push({
+    function fe(K) {
+      var b;
+      K.origin === o.url && ((b = K.data) == null ? void 0 : b.type) === "auth-response" && (K.data.status === "success" ? (e.value || localStorage.setItem("vuetify@lastLoginProvider", m), e.value = K.data.body.user, s.push({
         path: "/user/dashboard/",
-        query: i.currentRoute.value.query
+        query: s.currentRoute.value.query
       }), v()) : console.error(K.data.message), le());
     }
     function le() {
-      window.removeEventListener("message", me), window.clearInterval(xe), window.clearTimeout(we), G == null || G.close(), r.value = !1;
+      window.removeEventListener("message", fe), window.clearInterval(xe), window.clearTimeout(we), q == null || q.close(), i.value = !1;
     }
-    window.addEventListener("message", me), xe = window.setInterval(() => {
-      !G || G.closed ? (console.error("Auth popup closed"), le()) : G.postMessage({ type: "auth-request" }, "*");
+    window.addEventListener("message", fe), xe = window.setInterval(() => {
+      !q || q.closed ? (console.error("Auth popup closed"), le()) : q.postMessage({ type: "auth-request" }, "*");
     }, 1e3), we = window.setTimeout(() => {
       le(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
-  async function $(m) {
-    r.value = !0;
+  async function x(m) {
+    i.value = !0;
     const f = m ? `/auth/${m}/logout` : "/auth/logout";
     try {
       await o.post(f), await p(!0), e.value = null;
-    } catch (k) {
-      console.error(k);
+    } catch (y) {
+      console.error(y);
     } finally {
-      i.push({
+      s.push({
         path: "/",
-        query: i.currentRoute.value.query
-      }), r.value = !1;
+        query: s.currentRoute.value.query
+      }), i.value = !1;
     }
   }
-  function b(m) {
+  function V(m) {
     var f;
-    return (f = e.value) == null ? void 0 : f.identities.find((k) => k.provider === m);
+    return (f = e.value) == null ? void 0 : f.identities.find((y) => y.provider === m);
   }
-  function w() {
+  function k() {
     return localStorage.getItem("vuetify@lastLoginProvider");
   }
   return p(), {
     user: e,
     url: o.url,
     dialog: u,
-    isLoading: r,
-    findIdentity: b,
+    isLoading: i,
+    findIdentity: V,
     verify: p,
-    login: h,
-    logout: $,
+    login: _,
+    logout: x,
     isSubscriber: l,
-    lastLoginProvider: w,
+    lastLoginProvider: k,
     sync: v
   };
-}), wo = { class: "text-body-2" }, So = /* @__PURE__ */ g("div", { class: "text-caption mt-n1" }, "Last Used", -1), ut = /* @__PURE__ */ V({
+}), So = { class: "text-body-2" }, Co = /* @__PURE__ */ g("div", { class: "text-caption mt-n1" }, "Last Used", -1), ut = /* @__PURE__ */ $({
   __name: "VoAuthDiscord",
   setup(u) {
-    const e = T(), o = S(() => e.user && e.findIdentity("discord")), n = S(() => e.user ? o.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
-    return (i, r) => (c(), _(he, {
+    const e = j(), o = S(() => e.user && e.findIdentity("discord")), n = S(() => e.user ? o.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
+    return (s, i) => (c(), h(ge, {
       "prepend-icon": `svg:${a(We)}`,
       "base-color": "#5865F2",
       rounded: "pill",
       variant: "flat",
       slim: "",
-      onClick: r[0] || (r[0] = (l) => a(e).login("discord"))
-    }, q({
-      title: s(() => [
-        g("span", wo, C(n.value), 1)
+      onClick: i[0] || (i[0] = (l) => a(e).login("discord"))
+    }, W({
+      title: r(() => [
+        g("span", So, C(n.value), 1)
       ]),
       _: 2
     }, [
       !a(e).user && a(e).lastLoginProvider() === "discord" ? {
         name: "subtitle",
-        fn: s(() => [
-          So
+        fn: r(() => [
+          Co
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), Co = { class: "text-body-2" }, Lo = /* @__PURE__ */ g("div", { class: "text-caption mt-n1" }, "Last Used", -1), ct = /* @__PURE__ */ V({
+}), Lo = { class: "text-body-2" }, Io = /* @__PURE__ */ g("div", { class: "text-caption mt-n1" }, "Last Used", -1), ct = /* @__PURE__ */ $({
   __name: "VoAuthGithub",
   setup(u) {
-    const e = T(), o = S(() => e.user && e.findIdentity("github")), n = S(() => e.user ? o.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
-    return (i, r) => (c(), _(he, {
+    const e = j(), o = S(() => e.user && e.findIdentity("github")), n = S(() => e.user ? o.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
+    return (s, i) => (c(), h(ge, {
       "prepend-icon": `svg:${a(qe)}`,
       "base-color": "#2a2a2a",
       rounded: "pill",
       variant: "flat",
       slim: "",
-      onClick: r[0] || (r[0] = (l) => a(e).login("github"))
-    }, q({
-      title: s(() => [
-        g("span", Co, C(n.value), 1)
+      onClick: i[0] || (i[0] = (l) => a(e).login("github"))
+    }, W({
+      title: r(() => [
+        g("span", Lo, C(n.value), 1)
       ]),
       _: 2
     }, [
       !a(e).user && a(e).lastLoginProvider() === "github" ? {
         name: "subtitle",
-        fn: s(() => [
-          Lo
+        fn: r(() => [
+          Io
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), Io = { class: "text-center" }, Do = { class: "text-center mb-6" }, Ao = { class: "font-weight-light mb-2" }, Oo = /* @__PURE__ */ g("span", { class: "font-weight-bold" }, "Vuetify One", -1), dt = /* @__PURE__ */ V({
+}), Do = { class: "text-center" }, Ao = { class: "text-center mb-6" }, Oo = { class: "font-weight-light mb-2" }, Uo = /* @__PURE__ */ g("span", { class: "font-weight-bold" }, "Vuetify One", -1), dt = /* @__PURE__ */ $({
   __name: "VoAuthCard",
   setup(u) {
-    const e = T();
+    const e = j();
     return (o, n) => {
-      const i = ct, r = ut;
-      return c(), _(H, {
+      const s = ct, i = ut;
+      return c(), h(H, {
         class: "pt-6 pb-8 px-4 px-sm-8 mx-auto",
         "max-width": "480"
       }, {
-        default: s(() => [
-          g("div", Io, [
+        default: r(() => [
+          g("div", Do, [
             t(ne, {
               image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
               class: "mx-auto",
               size: "64"
             }, null, 8, ["image"])
           ]),
-          g("div", Do, [
-            t(ro, { class: "text-h5 mb-1 text-md-h4" }, {
-              default: s(() => [
-                g("div", Ao, C(a(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
-                Oo
+          g("div", Ao, [
+            t(lo, { class: "text-h5 mb-1 text-md-h4" }, {
+              default: r(() => [
+                g("div", Oo, C(a(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
+                Uo
               ]),
               _: 1
             }),
-            t(lo, { class: "text-wrap" }, {
-              default: s(() => [
-                U(" Login with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
+            t(uo, { class: "text-wrap" }, {
+              default: r(() => [
+                B(" Login with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
               ]),
               _: 1
             })
@@ -331,9 +331,9 @@ const Ve = X("http", {
             "max-width": "300",
             width: "100%"
           }, {
-            default: s(() => [
-              t(i, { class: "mb-3" }),
-              t(r)
+            default: r(() => [
+              t(s, { class: "mb-3" }),
+              t(i)
             ]),
             _: 1
           })
@@ -342,125 +342,125 @@ const Ve = X("http", {
       });
     };
   }
-}), pt = /* @__PURE__ */ V({
+}), pt = /* @__PURE__ */ $({
   __name: "VoAuthDialog",
   setup(u) {
-    const e = T();
+    const e = j();
     return (o, n) => {
-      const i = dt;
-      return c(), _(at, {
+      const s = dt;
+      return c(), h(at, {
         modelValue: a(e).dialog,
-        "onUpdate:modelValue": n[0] || (n[0] = (r) => a(e).dialog = r),
+        "onUpdate:modelValue": n[0] || (n[0] = (i) => a(e).dialog = i),
         "max-width": "480"
       }, {
-        default: s(() => [
-          t(i)
+        default: r(() => [
+          t(s)
         ]),
         _: 1
       }, 8, ["modelValue"]);
     };
   }
-}), Ne = X("notifications", () => {
-  const u = Ve(), e = N(), o = j([]), n = j([]), i = j(), r = A(!1), l = S(() => o.value.filter((m) => !e.notifications.read.includes(m.slug))), d = S(() => o.value.filter((m) => e.notifications.read.includes(m.slug)));
+}), Ne = Z("notifications", () => {
+  const u = de(), e = F(), o = N([]), n = N([]), s = N(), i = A(!1), l = S(() => o.value.filter((m) => !e.notifications.read.includes(m.slug))), d = S(() => o.value.filter((m) => e.notifications.read.includes(m.slug)));
   async function v() {
     try {
-      r.value = !0;
+      i.value = !0;
       const m = await u.get("/one/notifications");
       o.value = m.notifications;
     } catch {
     } finally {
-      r.value = !1;
+      i.value = !1;
     }
     return o.value;
   }
   async function p(m) {
     try {
-      r.value = !0;
+      i.value = !0;
       const f = await u.get(`/one/admin/notifications/${m}`);
-      return i.value = f.notification, f.notification;
+      return s.value = f.notification, f.notification;
     } catch {
     } finally {
-      r.value = !1;
+      i.value = !1;
     }
   }
-  async function h(m) {
+  async function _(m) {
     try {
-      r.value = !0;
+      i.value = !0;
       const f = await u.form(
         "/one/admin/notifications",
         m
       );
-      return i.value = f.notification, f.notification;
+      return s.value = f.notification, f.notification;
     } catch {
     } finally {
-      r.value = !1;
+      i.value = !1;
     }
   }
-  async function $(m, f) {
+  async function x(m, f) {
     try {
-      r.value = !0;
-      const k = await u.form(
+      i.value = !0;
+      const y = await u.form(
         `/one/admin/notifications/${m}`,
         f
       );
-      return i.value = k.notification, k.notification;
+      return s.value = y.notification, y.notification;
     } catch {
     } finally {
-      r.value = !1;
+      i.value = !1;
     }
   }
-  async function b() {
+  async function V() {
   }
-  async function w() {
+  async function k() {
     try {
-      r.value = !0;
+      i.value = !0;
       const m = await u.get("/one/admin/notifications");
       n.value = m.notifications;
     } catch {
     } finally {
-      r.value = !1;
+      i.value = !1;
     }
     return o.value;
   }
   return {
-    isLoading: r,
+    isLoading: i,
     all: o,
     aall: n,
-    admin: w,
-    record: i,
+    admin: k,
+    record: s,
     index: v,
     show: p,
-    store: h,
-    update: $,
-    destroy: b,
+    store: _,
+    update: x,
+    destroy: V,
     read: d,
     unread: l
   };
-}), Uo = /* @__PURE__ */ V({
+}), Bo = /* @__PURE__ */ $({
   __name: "VoNotificationsTotalBadge",
   setup(u) {
-    const e = T(), o = Ne(), n = N(), i = S(() => n.notifications.show ? o.unread.length : 0);
-    return (r, l) => (c(), _(Ge, {
-      content: i.value,
+    const e = j(), o = Ne(), n = F(), s = S(() => n.notifications.show ? o.unread.length : 0);
+    return (i, l) => (c(), h(Ge, {
+      content: s.value,
       dot: !!a(e).user,
-      "model-value": i.value > 0,
+      "model-value": s.value > 0,
       color: "error",
       location: "start top"
     }, {
-      default: s(() => [
-        P(r.$slots, "default")
+      default: r(() => [
+        P(i.$slots, "default")
       ]),
       _: 3
     }, 8, ["content", "dot", "model-value"]));
   }
-}), de = /* @__PURE__ */ V({
+}), pe = /* @__PURE__ */ $({
   __name: "VoBtn",
   props: {
     readonly: { type: Boolean }
   },
   setup(u) {
     const e = u;
-    return (o, n) => (c(), _(E, {
+    return (o, n) => (c(), h(E, {
       style: Ye({
         pointerEvents: e.readonly ? "none" : void 0
       }),
@@ -469,9 +469,9 @@ const Ve = X("http", {
       color: "primary",
       size: "small",
       variant: "flat"
-    }, q({
-      loader: s(() => [
-        o.$slots.loader ? x("", !0) : (c(), _(uo, {
+    }, W({
+      loader: r(() => [
+        o.$slots.loader ? w("", !0) : (c(), h(co, {
           key: 0,
           indeterminate: "disable-shrink",
           size: "16",
@@ -483,54 +483,54 @@ const Ve = X("http", {
     }, [
       o.$slots.prepend ? {
         name: "prepend",
-        fn: s(() => [
+        fn: r(() => [
           P(o.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       o.$slots.default ? {
         name: "default",
-        fn: s(() => [
+        fn: r(() => [
           P(o.$slots, "default")
         ]),
         key: "1"
       } : void 0
     ]), 1032, ["style", "tabindex"]));
   }
-}), Bo = { class: "pa-4 d-flex flex-column ga-4" }, mt = /* @__PURE__ */ V({
+}), No = { class: "pa-4 d-flex flex-column ga-4" }, mt = /* @__PURE__ */ $({
   __name: "VoAuthListItem",
   setup(u) {
-    const e = T(), o = N(), n = A(!e.user && !e.isLoading);
-    O(() => e.user, (r) => {
-      n.value = !r;
+    const e = j(), o = F(), n = A(!e.user && !e.isLoading);
+    U(() => e.user, (i) => {
+      n.value = !i;
     });
-    function i() {
+    function s() {
       e.user && (n.value = !n.value);
     }
-    return (r, l) => {
+    return (i, l) => {
       const d = ct, v = ut;
-      return c(), _(H, {
+      return c(), h(H, {
         variant: n.value ? "tonal" : "text",
         class: "ma-2",
         rounded: "lg"
       }, {
-        default: s(() => [
+        default: r(() => [
           t(oe, { class: "py-0" }, {
-            default: s(() => [
-              t(he, {
+            default: r(() => [
+              t(ge, {
                 link: !!a(e).user,
-                "prepend-icon": `svg:${a(e).user && a(o).syncSettings ? a(xt) : a(wt)}`,
+                "prepend-icon": `svg:${a(e).user && a(o).syncSettings ? a(wt) : a(St)}`,
                 title: a(e).user && a(o).syncSettings ? "Sync is on" : "Sync is paused",
                 class: "mb-0",
                 rounded: "b-0",
                 nav: "",
                 slim: "",
-                onClick: i
+                onClick: s
               }, {
-                append: s(() => [
+                append: r(() => [
                   t(Oe, null, {
-                    default: s(() => [
-                      a(e).user && (n.value || !a(o).syncSettings) ? (c(), _(it, {
+                    default: r(() => [
+                      a(e).user && (n.value || !a(o).syncSettings) ? (c(), h(it, {
                         key: 0,
                         modelValue: a(o).syncSettings,
                         "onUpdate:modelValue": l[0] || (l[0] = (p) => a(o).syncSettings = p),
@@ -541,28 +541,28 @@ const Ve = X("http", {
                         onClick: l[1] || (l[1] = Re(() => {
                         }, ["stop"]))
                       }, {
-                        thumb: s(() => [
+                        thumb: r(() => [
                           t(ne, {
                             color: a(o).syncSettings ? "success" : void 0
                           }, null, 8, ["color"])
                         ]),
                         _: 1
-                      }, 8, ["modelValue", "color"])) : x("", !0)
+                      }, 8, ["modelValue", "color"])) : w("", !0)
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }, 8, ["link", "prepend-icon", "title"]),
-              t(ge, null, {
-                default: s(() => [
-                  !a(e).user && !a(e).isLoading || n.value ? (c(), _(_e, {
+              t(ye, null, {
+                default: r(() => [
+                  !a(e).user && !a(e).isLoading || n.value ? (c(), h(_e, {
                     key: 0,
                     border: "t",
                     color: "transparent"
                   }, {
-                    default: s(() => [
-                      g("div", Bo, [
+                    default: r(() => [
+                      g("div", No, [
                         t(d, {
                           onClick: l[2] || (l[2] = (p) => n.value = !1)
                         }),
@@ -572,7 +572,7 @@ const Ve = X("http", {
                       ])
                     ]),
                     _: 1
-                  })) : x("", !0)
+                  })) : w("", !0)
                 ]),
                 _: 1
               })
@@ -584,51 +584,51 @@ const Ve = X("http", {
       }, 8, ["variant"]);
     };
   }
-}), Q = /* @__PURE__ */ V({
+}), Q = /* @__PURE__ */ $({
   __name: "VoListItem",
   setup(u) {
-    return (e, o) => (c(), _(he, { slim: "" }, q({
-      default: s(() => [
+    return (e, o) => (c(), h(ge, { slim: "" }, W({
+      default: r(() => [
         P(e.$slots, "default")
       ]),
       _: 2
     }, [
       e.$slots.prepend ? {
         name: "prepend",
-        fn: s(() => [
+        fn: r(() => [
           P(e.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       e.$slots.title ? {
         name: "title",
-        fn: s(() => [
+        fn: r(() => [
           P(e.$slots, "title")
         ]),
         key: "1"
       } : void 0,
       e.$slots.append ? {
         name: "append",
-        fn: s(() => [
+        fn: r(() => [
           P(e.$slots, "append")
         ]),
         key: "2"
       } : void 0
     ]), 1024));
   }
-}), No = /* @__PURE__ */ V({
+}), To = /* @__PURE__ */ $({
   __name: "VoAuthLogoutNavItem",
   setup(u) {
-    const e = T(), o = A(!1);
+    const e = j(), o = A(!1);
     async function n() {
       o.value = !0, await e.logout(), o.value = !1;
     }
-    return (i, r) => {
+    return (s, i) => {
       const l = Q;
-      return c(), _(l, {
+      return c(), h(l, {
         disabled: o.value,
         loading: o.value,
-        "prepend-icon": `svg:${a(St)}`,
+        "prepend-icon": `svg:${a(Ct)}`,
         class: "mb-0",
         title: "Logout",
         link: "",
@@ -636,7 +636,7 @@ const Ve = X("http", {
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
     };
   }
-}), ke = /* @__PURE__ */ V({
+}), ke = /* @__PURE__ */ $({
   __name: "VoDialog",
   props: /* @__PURE__ */ Je({
     prependIcon: {},
@@ -648,58 +648,58 @@ const Ve = X("http", {
   emits: ["update:modelValue"],
   setup(u) {
     const e = ie(u, "modelValue"), o = re(), n = A(!1);
-    return (i, r) => (c(), _(at, {
+    return (s, i) => (c(), h(at, {
       modelValue: e.value,
-      "onUpdate:modelValue": r[2] || (r[2] = (l) => e.value = l),
+      "onUpdate:modelValue": i[2] || (i[2] = (l) => e.value = l),
       fullscreen: n.value || a(o).xs.value,
       "max-height": n.value || a(o).xs.value ? "100%" : 800,
       "max-width": n.value || a(o).xs.value ? "100%" : 800,
       activator: "parent",
       height: "100%"
     }, {
-      default: s(({ isActive: l }) => [
+      default: r(({ isActive: l }) => [
         t(H, {
-          "prepend-icon": i.prependIcon,
-          title: i.title,
+          "prepend-icon": s.prependIcon,
+          title: s.title,
           class: "overflow-hidden",
           height: "inherit"
-        }, q({
-          append: s(() => [
-            P(i.$slots, "append"),
-            a(o).xs.value ? x("", !0) : (c(), _(E, {
+        }, W({
+          append: r(() => [
+            P(s.$slots, "append"),
+            a(o).xs.value ? w("", !0) : (c(), h(E, {
               key: 0,
-              icon: `svg:${n.value ? a(Ct) : a(Lt)}`,
+              icon: `svg:${n.value ? a(Lt) : a(It)}`,
               class: "me-2",
               density: "comfortable",
               size: "small",
               variant: "text",
-              onClick: r[0] || (r[0] = (d) => n.value = !n.value)
+              onClick: i[0] || (i[0] = (d) => n.value = !n.value)
             }, null, 8, ["icon"])),
             t(E, {
               density: "comfortable",
               icon: "$close",
               size: "small",
               variant: "text",
-              onClick: r[1] || (r[1] = (d) => e.value = !e.value)
+              onClick: i[1] || (i[1] = (d) => e.value = !e.value)
             })
           ]),
-          default: s(() => [
-            t(Z, { class: "mt-4" }),
-            P(i.$slots, "default")
+          default: r(() => [
+            t(G, { class: "mt-4" }),
+            P(s.$slots, "default")
           ]),
           _: 2
         }, [
-          i.$slots.prepend ? {
+          s.$slots.prepend ? {
             name: "prepend",
-            fn: s(() => [
-              P(i.$slots, "prepend")
+            fn: r(() => [
+              P(s.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
-          i.$slots.actions ? {
+          s.$slots.actions ? {
             name: "actions",
-            fn: s(() => [
-              P(i.$slots, "actions", { isActive: l })
+            fn: r(() => [
+              P(s.$slots, "actions", { isActive: l })
             ]),
             key: "1"
           } : void 0
@@ -708,20 +708,20 @@ const Ve = X("http", {
       _: 3
     }, 8, ["modelValue", "fullscreen", "max-height", "max-width"]));
   }
-}), ft = /* @__PURE__ */ V({
+}), ft = /* @__PURE__ */ $({
   __name: "VoSwitch",
   props: {
     disabled: { type: Boolean }
   },
   setup(u) {
-    return (e, o) => (c(), _(it, {
+    return (e, o) => (c(), h(it, {
       disabled: e.disabled,
       "true-icon": `svg:${a(De)}`,
       color: "primary",
       density: "compact",
       inset: ""
-    }, q({
-      thumb: s(() => [
+    }, W({
+      thumb: r(() => [
         t(D, {
           color: e.disabled ? void 0 : "primary"
         }, null, 8, ["color"])
@@ -730,44 +730,44 @@ const Ve = X("http", {
     }, [
       e.$slots.label ? {
         name: "label",
-        fn: s(() => [
+        fn: r(() => [
           P(e.$slots, "label")
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["disabled", "true-icon"]));
   }
-}), To = {
+}), zo = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
-}, $e = /* @__PURE__ */ V({
+}, $e = /* @__PURE__ */ $({
   __name: "VoDialogSubheader",
   props: {
     title: {},
     text: {}
   },
   setup(u) {
-    return (e, o) => (c(), L(B, null, [
-      e.title ? (c(), _(Me, {
+    return (e, o) => (c(), L(T, null, [
+      e.title ? (c(), h(Me, {
         key: 0,
         class: "font-weight-black"
       }, {
-        default: s(() => [
-          U(C(e.title), 1)
+        default: r(() => [
+          B(C(e.title), 1)
         ]),
         _: 1
-      })) : x("", !0),
-      e.text ? (c(), L("div", To, C(e.text), 1)) : x("", !0)
+      })) : w("", !0),
+      e.text ? (c(), L("div", zo, C(e.text), 1)) : w("", !0)
     ], 64));
   }
-}), zo = { key: 0 }, Fo = /* @__PURE__ */ V({
+}), Fo = { key: 0 }, jo = /* @__PURE__ */ $({
   __name: "VoSettingsPageSuitOption",
   setup(u) {
-    const e = N(), o = [
+    const e = F(), o = [
       {
         title: "Choose a page suit",
         value: "",
-        prependIcon: `svg:${At}`,
+        prependIcon: `svg:${Ot}`,
         disabled: !0
       },
       {
@@ -786,22 +786,22 @@ const Ve = X("http", {
         value: "nebula"
       }
     ];
-    return (n, i) => {
-      const r = ft, l = $e;
-      return c(), L(B, null, [
-        t(r, {
+    return (n, s) => {
+      const i = ft, l = $e;
+      return c(), L(T, null, [
+        t(i, {
           modelValue: a(e).suits.show,
-          "onUpdate:modelValue": i[0] || (i[0] = (d) => a(e).suits.show = d),
+          "onUpdate:modelValue": s[0] || (s[0] = (d) => a(e).suits.show = d),
           class: "mb-2",
           label: "Enable Page suits",
           messages: "Customize layout elements with a unique background, styled after one of our themed releases."
         }, null, 8, ["modelValue"]),
-        t(ge, null, {
-          default: s(() => [
-            a(e).suits.show ? (c(), L("div", zo, [
-              t(fo, {
+        t(ye, null, {
+          default: r(() => [
+            a(e).suits.show ? (c(), L("div", Fo, [
+              t(vo, {
                 modelValue: a(e).suits.suit,
-                "onUpdate:modelValue": i[1] || (i[1] = (d) => a(e).suits.suit = d),
+                "onUpdate:modelValue": s[1] || (s[1] = (d) => a(e).suits.suit = d),
                 items: o,
                 density: "compact",
                 placeholder: "Choose a page suit",
@@ -811,34 +811,34 @@ const Ve = X("http", {
                 "item-props": "",
                 "single-line": ""
               }, {
-                selection: s(({ item: d }) => [
+                selection: r(({ item: d }) => [
                   t(D, {
                     icon: d.props.prependIcon,
                     size: "x-small",
                     start: ""
                   }, null, 8, ["icon"]),
-                  U(" " + C(d.title), 1)
+                  B(" " + C(d.title), 1)
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
               t(l, { text: "Select your suit elements to display the background image:" }),
-              t(mo, {
+              t(fo, {
                 modelValue: a(e).suits.elements,
-                "onUpdate:modelValue": i[2] || (i[2] = (d) => a(e).suits.elements = d),
+                "onUpdate:modelValue": s[2] || (s[2] = (d) => a(e).suits.elements = d),
                 color: "primary",
                 filter: "",
                 multiple: ""
               }, {
-                default: s(() => [
+                default: r(() => [
                   t(ee, {
-                    "append-icon": `svg:${a(It)}`,
+                    "append-icon": `svg:${a(Dt)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
                     value: "app-bar",
                     variant: "flat"
                   }, {
-                    append: s(() => [
-                      t(Z, {
+                    append: r(() => [
+                      t(G, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
@@ -847,14 +847,14 @@ const Ve = X("http", {
                     _: 1
                   }, 8, ["append-icon"]),
                   t(ee, {
-                    "append-icon": `svg:${a(Dt)}`,
+                    "append-icon": `svg:${a(At)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
                     value: "drawer",
                     variant: "flat"
                   }, {
-                    append: s(() => [
-                      t(Z, {
+                    append: r(() => [
+                      t(G, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
@@ -869,8 +869,8 @@ const Ve = X("http", {
                     value: "footer",
                     variant: "flat"
                   }, {
-                    append: s(() => [
-                      t(Z, {
+                    append: r(() => [
+                      t(G, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
@@ -881,7 +881,7 @@ const Ve = X("http", {
                 ]),
                 _: 1
               }, 8, ["modelValue"])
-            ])) : x("", !0)
+            ])) : w("", !0)
           ]),
           _: 1
         })
@@ -889,128 +889,128 @@ const Ve = X("http", {
     };
   }
 });
-function pe() {
-  const u = $t();
+function me() {
+  const u = xt();
   return S(
     () => u.query
   );
 }
-const M = X("one", () => {
-  const u = pe(), e = Ie(), o = T(), n = Ve(), i = A(!1), r = j(!1), l = j(), d = j([]), v = S(() => u.value.session_id), p = S(() => {
-    var y;
-    return (y = l.value) == null ? void 0 : y.items[0].plan.interval;
-  }), h = S(() => {
-    var y;
-    return (y = o.user) == null ? void 0 : y.sponsorships.find((I) => I.platform === "stripe" && I.tierName.startsWith("sub_"));
-  }), $ = S(() => {
-    var y;
-    return !!((y = h.value) != null && y.tierName);
-  }), b = S(() => {
-    var y;
-    return (y = h.value) == null ? void 0 : y.isActive;
-  }), w = S(() => {
-    var y;
-    return (y = o.user) == null ? void 0 : y.sponsorships.find((I) => I.tierName.startsWith("sub_"));
+const M = Z("one", () => {
+  const u = me(), e = Ie(), o = j(), n = de(), s = A(!1), i = N(!1), l = N(), d = N([]), v = S(() => u.value.session_id), p = S(() => {
+    var b;
+    return (b = l.value) == null ? void 0 : b.items[0].plan.interval;
+  }), _ = S(() => {
+    var b;
+    return (b = o.user) == null ? void 0 : b.sponsorships.find((I) => I.platform === "stripe" && I.tierName.startsWith("sub_"));
+  }), x = S(() => {
+    var b;
+    return !!((b = _.value) != null && b.tierName);
+  }), V = S(() => {
+    var b;
+    return (b = _.value) == null ? void 0 : b.isActive;
+  }), k = S(() => {
+    var b;
+    return (b = o.user) == null ? void 0 : b.sponsorships.find((I) => I.tierName.startsWith("sub_"));
   }), m = S(() => {
-    var y;
-    return (y = o.user) == null ? void 0 : y.sponsorships.find((I) => I.platform === "github");
+    var b;
+    return (b = o.user) == null ? void 0 : b.sponsorships.find((I) => I.platform === "github");
   }), f = S(() => {
-    var y, I;
-    return console.log((y = o.user) == null ? void 0 : y.sponsorships), (I = o.user) == null ? void 0 : I.sponsorships.find((W) => W.platform === "discord");
-  }), k = S(() => {
-    var y;
-    return (y = o.user) == null ? void 0 : y.sponsorships.find((I) => I.platform === "patreon");
-  }), z = S(() => {
-    var y;
-    return (y = o.user) == null ? void 0 : y.sponsorships.reduce((I, W) => {
-      if (!W.isActive || W.interval === "once" || W.platform === "stripe")
+    var b;
+    return (b = o.user) == null ? void 0 : b.sponsorships.find((I) => I.platform === "discord");
+  }), y = S(() => {
+    var b;
+    return (b = o.user) == null ? void 0 : b.sponsorships.find((I) => I.platform === "patreon");
+  }), O = S(() => {
+    var b;
+    return (b = o.user) == null ? void 0 : b.sponsorships.reduce((I, Y) => {
+      if (!Y.isActive || Y.interval === "once" || Y.platform === "stripe")
         return I;
-      const ht = W.interval === "month" ? W.amount : W.amount / 12;
-      return I + ht / 100;
+      const gt = Y.interval === "month" ? Y.amount : Y.amount / 12;
+      return I + gt / 100;
     }, 0);
   });
   Xe(async () => {
-    v.value && await F();
-  }), O(r, K), O(v, (y) => {
-    y && F();
-  }, { immediate: !0 }), O(u, (y) => {
-    if (y.one !== "subscribe" || o.user)
+    v.value && await z();
+  }), U(i, K), U(v, (b) => {
+    b && z();
+  }, { immediate: !0 }), U(u, (b) => {
+    if (b.one !== "subscribe" || o.user)
       return;
     o.dialog = !0;
-    const I = O(() => o.user, (W) => {
-      W && (o.dialog = !1, I());
+    const I = U(() => o.user, (Y) => {
+      Y && (o.dialog = !1, I());
     });
-  }, { immediate: !0 }), O(b, (y, I) => {
-    y === !1 && I !== !0 || me();
+  }, { immediate: !0 }), U(V, (b, I) => {
+    b === !1 && I !== !0 || fe();
   });
-  async function F() {
+  async function z() {
     try {
-      i.value = !0;
-      const y = await n.post("/one/activate", { sessionId: v.value });
-      o.user = y.user;
+      s.value = !0;
+      const b = await n.post("/one/activate", { sessionId: v.value });
+      o.user = b.user;
       const I = new URL(window.location.href);
       I.searchParams.delete("session_id"), history.pushState(null, "", I.toString()), le();
     } catch {
     } finally {
-      i.value = !1;
+      s.value = !1;
     }
   }
-  async function se() {
+  async function ae() {
     window.open(`${n.url}/one/manage`, "_blank");
   }
-  async function G(y) {
-    i.value = !0, window.location.href = `${n.url}/one/subscribe?interval=${y}`;
+  async function q(b) {
+    s.value = !0, window.location.href = `${n.url}/one/subscribe?interval=${b}`;
   }
   async function xe() {
-    var y;
-    if (h.value)
+    var b;
+    if (_.value)
       try {
-        i.value = !0;
+        s.value = !0;
         const I = await n.post(
-          `/one/cancel?subscriptionId=${(y = h.value) == null ? void 0 : y.tierName}`
+          `/one/cancel?subscriptionId=${(b = _.value) == null ? void 0 : b.tierName}`
         );
         o.user = I.user;
       } catch {
       } finally {
-        i.value = !1;
+        s.value = !1;
       }
   }
-  async function we(y) {
-    if (h.value)
+  async function we(b) {
+    if (_.value)
       try {
-        i.value = !0;
+        s.value = !0;
         const I = await n.post("/one/modify", {
-          subscriptionId: h.value.tierName,
-          interval: y
+          subscriptionId: _.value.tierName,
+          interval: b
         });
         o.user = I.user;
       } catch {
       } finally {
-        i.value = !1;
+        s.value = !1;
       }
   }
-  async function me() {
-    var y;
-    if (h.value)
+  async function fe() {
+    var b;
+    if (_.value)
       try {
-        i.value = !0;
+        s.value = !0;
         const I = await n.post(
-          `/one/verify?subscriptionId=${(y = h.value) == null ? void 0 : y.tierName}`
+          `/one/verify?subscriptionId=${(b = _.value) == null ? void 0 : b.tierName}`
         );
         o.user = I.user;
       } catch {
       } finally {
-        i.value = !1;
+        s.value = !1;
       }
   }
   async function le() {
     try {
-      i.value = !0;
-      const y = await n.get("/one/info");
-      return l.value = y.subscription, d.value = y.invoices, y;
+      s.value = !0;
+      const b = await n.get("/one/info");
+      return l.value = b.subscription, d.value = b.invoices, b;
     } catch {
     } finally {
-      i.value = !1;
+      s.value = !1;
     }
   }
   function K() {
@@ -1026,27 +1026,27 @@ const M = X("one", () => {
     interval: p,
     invoices: d,
     sessionId: v,
-    subscription: h,
-    monthlyTotal: z,
-    hasBilling: $,
-    isLoading: i,
-    isOpen: r,
-    isSubscriber: b,
+    subscription: _,
+    monthlyTotal: O,
+    hasBilling: x,
+    isLoading: s,
+    isOpen: i,
+    isSubscriber: V,
     github: m,
-    patreon: k,
+    patreon: y,
     discord: f,
-    one: w,
-    activate: F,
+    one: k,
+    activate: z,
     cancel: xe,
-    manage: se,
+    manage: ae,
     modify: we,
     resetQuery: K,
-    subscribe: G,
+    subscribe: q,
     subscriptionInfo: le,
-    verify: me
+    verify: fe
   };
 });
-function jo() {
+function Mo() {
   return {
     blackguard: {
       dark: !0,
@@ -1096,7 +1096,7 @@ function jo() {
         accent: "#b35000",
         success: "#486a2b",
         "surface-light": "#773421",
-        "surface-bright": "#9c5233",
+        "surface-bright": "#ffa752",
         "surface-variant": "#924d2c",
         "on-surface-variant": "#FFFFFF",
         "primary-darken-1": "#c33100",
@@ -1134,7 +1134,7 @@ function jo() {
         accent: "#0ea5e9",
         success: "#14b8a6",
         "surface-light": "#2e3d59",
-        "surface-bright": "#6077b5",
+        "surface-bright": "#87a7ff",
         "surface-variant": "#334155",
         "on-surface-variant": "#FFFFFF",
         "primary-darken-1": "#1c2d60",
@@ -1202,8 +1202,8 @@ function jo() {
     }
   };
 }
-const vt = X("settings", () => {
-  const u = "https://cdn.vuetifyjs.com/docs/images/one/", e = T(), o = N(), n = po(), i = jo(), r = {
+const vt = Z("settings", () => {
+  const u = "https://cdn.vuetifyjs.com/docs/images/one/", e = j(), o = F(), n = mo(), s = Mo(), i = {
     blackguard: {
       "app-bar": u + "suits/blackguard/blackguard-app-bar.png",
       drawer: u + "suits/blackguard/blackguard-app-drawer.png",
@@ -1222,21 +1222,21 @@ const vt = X("settings", () => {
   }, l = S(() => {
     if (!o.suits.suit || !o.suits.show || !e.isSubscriber)
       return {};
-    const d = r[o.suits.suit.toLowerCase()], v = {};
+    const d = i[o.suits.suit.toLowerCase()], v = {};
     for (const p of o.suits.elements)
       v[p] = d[p];
     return v;
   });
   return n.themes.value = {
     ...n.themes.value,
-    ...i
-  }, O(() => o.theme, (d) => {
-    d === "system" ? n.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : (n.global.name.value = d, o.suits.suit = r[d] ? d : ""), o.theme = d;
+    ...s
+  }, U(() => o.theme, (d) => {
+    d === "system" ? n.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : (n.global.name.value = d, o.suits.suit = i[d] ? d : ""), o.theme = d;
   }, { immediate: !0 }), {
     suit: l,
     CDN_URL: u
   };
-}), Mo = /* @__PURE__ */ V({
+}), Po = /* @__PURE__ */ $({
   __name: "VoSettingsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1244,101 +1244,101 @@ const vt = X("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    const e = ie(u, "modelValue"), o = T(), n = M(), i = vt(), r = N(), l = [
+    const e = ie(u, "modelValue"), o = j(), n = M(), s = vt(), i = F(), l = [
       {
         title: "Light",
         subtitle: "A standard light theme.",
-        image: i.CDN_URL + "themes/light.png",
-        prependIcon: `svg:${Ot}`,
+        image: s.CDN_URL + "themes/light.png",
+        prependIcon: `svg:${Ut}`,
         value: "light"
       },
       {
         title: "Dark",
         subtitle: "A standard dark theme.",
-        image: i.CDN_URL + "themes/dark.png",
-        prependIcon: `svg:${Ut}`,
+        image: s.CDN_URL + "themes/dark.png",
+        prependIcon: `svg:${Bt}`,
         value: "dark"
       },
       {
         title: "System",
         subtitle: "A theme based on the system preference.",
-        image: i.CDN_URL + "themes/system.png",
-        prependIcon: `svg:${Bt}`,
+        image: s.CDN_URL + "themes/system.png",
+        prependIcon: `svg:${Nt}`,
         value: "system"
       },
       {
         title: "Blackguard",
         subtitle: "A theme for v3.4 Blackguard.",
-        image: i.CDN_URL + "themes/blackguard.png",
+        image: s.CDN_URL + "themes/blackguard.png",
         prependIcon: `svg:${Ke}`,
         value: "blackguard"
       },
       {
         title: "Polaris",
         subtitle: "A theme for v3.5 Polaris.",
-        image: i.CDN_URL + "themes/polaris.png",
+        image: s.CDN_URL + "themes/polaris.png",
         prependIcon: `svg:${et}`,
         value: "polaris"
       },
       {
         title: "Nebula",
         subtitle: "A theme for v3.6 Nebula.",
-        image: i.CDN_URL + "themes/nebula.png",
+        image: s.CDN_URL + "themes/nebula.png",
         prependIcon: `svg:${tt}`,
         value: "nebula"
       },
       {
         title: "High Contrast",
         subtitle: "A theme for high contrast.",
-        image: i.CDN_URL + "themes/high-contrast.png",
-        prependIcon: `svg:${Nt}`,
+        image: s.CDN_URL + "themes/high-contrast.png",
+        prependIcon: `svg:${Tt}`,
         value: "highContrast",
         disabled: !0
       }
-    ], d = pe();
-    return O(d, async () => {
+    ], d = me();
+    return U(d, async () => {
       d.value.one === "settings" && (n.isOpen = !0, await ce(), e.value = !0);
     }, { immediate: !0 }), (v, p) => {
-      const h = $e, $ = Fo, b = ft, w = ke;
-      return c(), _(w, {
+      const _ = $e, x = jo, V = ft, k = ke;
+      return c(), h(k, {
         modelValue: e.value,
         "onUpdate:modelValue": p[5] || (p[5] = (m) => e.value = m),
-        "prepend-icon": `svg:${a(Tt)}`,
+        "prepend-icon": `svg:${a(zt)}`,
         title: "Settings"
       }, {
-        default: s(() => [
-          t(ye, null, {
-            default: s(() => [
-              t(be, { scrollable: "" }, {
-                default: s(() => [
-                  t(fe, { class: "px-7" }, {
-                    default: s(() => [
-                      t(h, {
+        default: r(() => [
+          t(be, null, {
+            default: r(() => [
+              t(Ve, { scrollable: "" }, {
+                default: r(() => [
+                  t(ve, { class: "px-7" }, {
+                    default: r(() => [
+                      t(_, {
                         text: "Customize your documentation experience with light and dark themes, as well as a combination of both named.",
                         title: "Theme"
                       }),
                       t(rt, {
-                        modelValue: a(r).theme,
-                        "onUpdate:modelValue": p[0] || (p[0] = (m) => a(r).theme = m),
+                        modelValue: a(i).theme,
+                        "onUpdate:modelValue": p[0] || (p[0] = (m) => a(i).theme = m),
                         mandatory: ""
                       }, {
-                        default: s(() => [
+                        default: r(() => [
                           t(ue, { dense: "" }, {
-                            default: s(() => [
-                              (c(), L(B, null, te(l, (m, f) => t(Y, {
+                            default: r(() => [
+                              (c(), L(T, null, te(l, (m, f) => t(J, {
                                 key: f,
                                 cols: "12",
                                 md: "6"
                               }, {
-                                default: s(() => [
+                                default: r(() => [
                                   t(Pe, {
                                     value: m.value
                                   }, {
-                                    default: s(({ toggle: k, isSelected: z }) => [
+                                    default: r(({ toggle: y, isSelected: O }) => [
                                       t(Be, null, {
-                                        default: s(({ props: F, isHovering: se }) => [
+                                        default: r(({ props: z, isHovering: ae }) => [
                                           t(H, R({
-                                            color: z ? "primary" : "surface-variant",
+                                            color: O ? "primary" : "surface-variant",
                                             disabled: m.disabled,
                                             image: m.image,
                                             "prepend-icon": m.prependIcon,
@@ -1347,11 +1347,11 @@ const vt = X("settings", () => {
                                             title: m.title,
                                             height: "76",
                                             variant: "tonal"
-                                          }, F, { onClick: k }), {
-                                            image: s(() => [
-                                              t(ae, {
+                                          }, z, { onClick: y }), {
+                                            image: r(() => [
+                                              t(se, {
                                                 style: Ye({
-                                                  filter: z || se ? "none" : "grayscale(100%)"
+                                                  filter: O || ae ? "none" : "grayscale(100%)"
                                                 })
                                               }, null, 8, ["style"])
                                             ]),
@@ -1372,65 +1372,65 @@ const vt = X("settings", () => {
                         ]),
                         _: 1
                       }, 8, ["modelValue"]),
-                      a(o).isSubscriber ? (c(), L(B, { key: 0 }, [
-                        t(Z, { class: "mt-6 mb-4" }),
-                        t($)
-                      ], 64)) : x("", !0)
+                      a(o).isSubscriber ? (c(), L(T, { key: 0 }, [
+                        t(G, { class: "mt-6 mb-4" }),
+                        t(x)
+                      ], 64)) : w("", !0)
                     ]),
                     _: 1
                   }),
-                  t(Z),
-                  t(fe, { class: "px-7" }, {
-                    default: s(() => [
-                      t(h, {
+                  t(G),
+                  t(ve, { class: "px-7" }, {
+                    default: r(() => [
+                      t(_, {
                         text: "These options change your browsing experience within Vuetify properties",
                         title: "Experience"
                       }),
-                      a(o).isSubscriber ? (c(), _(b, {
+                      a(o).isSubscriber ? (c(), h(V, {
                         key: 0,
-                        modelValue: a(r).disableAds,
-                        "onUpdate:modelValue": p[1] || (p[1] = (m) => a(r).disableAds = m),
+                        modelValue: a(i).disableAds,
+                        "onUpdate:modelValue": p[1] || (p[1] = (m) => a(i).disableAds = m),
                         class: "mb-2",
                         label: "Disable Ads",
                         messages: "Disable traditional advertisements on all documentation pages."
-                      }, null, 8, ["modelValue"])) : x("", !0),
-                      t(b, {
-                        modelValue: a(r).quickbar,
-                        "onUpdate:modelValue": p[2] || (p[2] = (m) => a(r).quickbar = m),
+                      }, null, 8, ["modelValue"])) : w("", !0),
+                      t(V, {
+                        modelValue: a(i).quickbar,
+                        "onUpdate:modelValue": p[2] || (p[2] = (m) => a(i).quickbar = m),
                         label: "Enable Quick Actions",
                         messages: "Quick actions are located on the Vuetify One user menu and provide quick access to common tasks."
                       }, null, 8, ["modelValue"])
                     ]),
                     _: 1
                   }),
-                  t(Z),
-                  a(o).isSubscriber ? (c(), _(fe, {
+                  t(G),
+                  a(o).isSubscriber ? (c(), h(ve, {
                     key: 0,
                     class: "px-7"
                   }, {
-                    default: s(() => [
-                      t(h, {
+                    default: r(() => [
+                      t(_, {
                         text: "Vuetify will communicate with you through banners and notifications. You can disable these features here or reset your local notification cache.",
                         title: "Communication"
                       }),
-                      t(b, {
-                        modelValue: a(r).notifications.show,
-                        "onUpdate:modelValue": p[3] || (p[3] = (m) => a(r).notifications.show = m),
+                      t(V, {
+                        modelValue: a(i).notifications.show,
+                        "onUpdate:modelValue": p[3] || (p[3] = (m) => a(i).notifications.show = m),
                         class: "mb-2",
                         label: "Enable Notifications",
                         messages: "Notifications are short form messages that provide information about new releases, updates, and other important information."
                       }, null, 8, ["modelValue"]),
-                      a(r).notifications.show ? (c(), _(b, {
+                      a(i).notifications.show ? (c(), h(V, {
                         key: 0,
-                        modelValue: a(r).notifications.banners,
-                        "onUpdate:modelValue": p[4] || (p[4] = (m) => a(r).notifications.banners = m),
+                        modelValue: a(i).notifications.banners,
+                        "onUpdate:modelValue": p[4] || (p[4] = (m) => a(i).notifications.banners = m),
                         class: "mb-2",
                         label: "Enable Banners",
                         messages: "Banners are located at the top of the screen and provide a callout for important information."
-                      }, null, 8, ["modelValue"])) : x("", !0)
+                      }, null, 8, ["modelValue"])) : w("", !0)
                     ]),
                     _: 1
-                  })) : x("", !0)
+                  })) : w("", !0)
                 ]),
                 _: 1
               })
@@ -1442,20 +1442,20 @@ const vt = X("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Po = /* @__PURE__ */ V({
+}), Ro = /* @__PURE__ */ $({
   __name: "VoSettingsListItem",
   setup(u) {
     const e = A(!1);
     return (o, n) => {
-      const i = Mo, r = Q;
-      return c(), _(r, {
+      const s = Po, i = Q;
+      return c(), h(i, {
         active: e.value,
-        "prepend-icon": `svg:${a(zt)}`,
+        "prepend-icon": `svg:${a(Ft)}`,
         title: "Settings",
         link: ""
       }, {
-        default: s(() => [
-          t(i, {
+        default: r(() => [
+          t(s, {
             modelValue: e.value,
             "onUpdate:modelValue": n[0] || (n[0] = (l) => e.value = l)
           }, null, 8, ["modelValue"])
@@ -1464,17 +1464,17 @@ const vt = X("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Ro = { class: "text-caption" }, Ho = /* @__PURE__ */ V({
+}), Ho = { class: "text-caption" }, Eo = /* @__PURE__ */ $({
   __name: "VoSubscriptionInvoices",
   setup(u) {
     const e = Ue(), o = M();
-    return (n, i) => {
-      const r = $e;
-      return c(), _(ue, null, {
-        default: s(() => [
-          t(Y, { cols: "12" }, {
-            default: s(() => [
-              t(r, {
+    return (n, s) => {
+      const i = $e;
+      return c(), h(ue, null, {
+        default: r(() => [
+          t(J, { cols: "12" }, {
+            default: r(() => [
+              t(i, {
                 text: "View and download your invoice history.",
                 title: "Invoice History"
               }),
@@ -1483,19 +1483,19 @@ const vt = X("settings", () => {
                 rounded: "lg",
                 border: ""
               }, {
-                default: s(() => [
-                  t(vo, {
+                default: r(() => [
+                  t(ho, {
                     items: a(o).invoices,
                     loading: a(o).isLoading,
                     sticky: ""
                   }, {
-                    "item.date": s(({ item: l }) => [
-                      g("div", Ro, C(a(e).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
+                    "item.date": r(({ item: l }) => [
+                      g("div", Ho, C(a(e).format(new Date(l.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
-                    "item.amount": s(({ item: l }) => [
-                      U(" $" + C(l.amount / 100), 1)
+                    "item.amount": r(({ item: l }) => [
+                      B(" $" + C(l.amount / 100), 1)
                     ]),
-                    "item.status": s(({ item: l }) => [
+                    "item.status": r(({ item: l }) => [
                       t(ee, {
                         text: l.status,
                         border: "success sm",
@@ -1506,10 +1506,10 @@ const vt = X("settings", () => {
                         label: ""
                       }, null, 8, ["text"])
                     ]),
-                    "item.pdf": s(({ item: l }) => [
+                    "item.pdf": r(({ item: l }) => [
                       t(E, {
                         href: l.pdf,
-                        icon: `svg:${a(Ft)}`,
+                        icon: `svg:${a(jt)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -1528,14 +1528,14 @@ const vt = X("settings", () => {
       });
     };
   }
-}), Eo = { class: "d-flex align-center" }, Wo = {
+}), Wo = { class: "d-flex align-center" }, qo = {
   key: "status",
   class: "text-capitalize hidden-sm-and-down"
-}, qo = /* @__PURE__ */ g("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), Go = { class: "me-1" }, Zo = { class: "text-medium-emphasis text-caption" }, Qo = { class: "d-flex align-start justify-space-between text-caption py-2" }, Yo = { class: "font-weight-bold" }, Jo = { class: "font-weight-bold" }, Xo = /* @__PURE__ */ V({
+}, Go = /* @__PURE__ */ g("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), Zo = { class: "me-1" }, Qo = { class: "text-medium-emphasis text-caption" }, Yo = { class: "d-flex align-start justify-space-between text-caption py-2" }, Jo = { class: "font-weight-bold" }, Xo = { class: "font-weight-bold" }, Ko = /* @__PURE__ */ $({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
   setup(u, { emit: e }) {
-    const o = Ue(), n = M(), i = e, r = S(() => {
+    const o = Ue(), n = M(), s = e, i = S(() => {
       if (!n.info)
         return;
       const d = new Date(n.info.currentPeriodEnd * 1e3);
@@ -1545,12 +1545,12 @@ const vt = X("settings", () => {
       n.interval && (n.isLoading = !0, n.subscribe(n.interval));
     }
     return (d, v) => {
-      const p = de;
-      return c(), _(ue, null, {
-        default: s(() => [
-          t(Y, { cols: "12" }, {
-            default: s(() => {
-              var h, $;
+      const p = pe;
+      return c(), h(ue, null, {
+        default: r(() => [
+          t(J, { cols: "12" }, {
+            default: r(() => {
+              var _, x;
               return [
                 t(H, {
                   "prepend-icon": "$vuetify",
@@ -1558,11 +1558,11 @@ const vt = X("settings", () => {
                   title: "Subscription Status",
                   border: "",
                   flat: ""
-                }, q({
-                  append: s(() => {
-                    var b;
+                }, W({
+                  append: r(() => {
+                    var V;
                     return [
-                      a(n).hasBilling && ((b = a(n).info) == null ? void 0 : b.status) === "canceled" ? (c(), _(p, {
+                      a(n).hasBilling && ((V = a(n).info) == null ? void 0 : V.status) === "canceled" ? (c(), h(p, {
                         key: 0,
                         loading: a(n).isLoading,
                         class: "me-2",
@@ -1571,42 +1571,42 @@ const vt = X("settings", () => {
                         text: "Activate",
                         variant: "outlined",
                         onClick: l
-                      }, null, 8, ["loading"])) : x("", !0),
-                      a(n).hasBilling ? (c(), _(p, {
+                      }, null, 8, ["loading"])) : w("", !0),
+                      a(n).hasBilling ? (c(), h(p, {
                         key: 1,
                         loading: a(n).isLoading,
-                        "prepend-icon": `svg:${a(jt)}`,
+                        "prepend-icon": `svg:${a(Mt)}`,
                         text: "Billing",
                         onClick: a(n).manage
-                      }, null, 8, ["loading", "prepend-icon", "onClick"])) : x("", !0)
+                      }, null, 8, ["loading", "prepend-icon", "onClick"])) : w("", !0)
                     ];
                   }),
                   _: 2
                 }, [
                   a(n).info ? {
                     name: "subtitle",
-                    fn: s(() => [
-                      g("div", Eo, [
-                        g("span", Wo, C(a(n).info.status), 1),
-                        a(n).info.items.length ? (c(), L(B, { key: 0 }, [
-                          qo,
-                          g("span", Go, [
-                            U(" $" + C(a(n).info.items[0].plan.amount / 100), 1),
-                            g("span", Zo, "/" + C(a(n).interval), 1)
+                    fn: r(() => [
+                      g("div", Wo, [
+                        g("span", qo, C(a(n).info.status), 1),
+                        a(n).info.items.length ? (c(), L(T, { key: 0 }, [
+                          Go,
+                          g("span", Zo, [
+                            B(" $" + C(a(n).info.items[0].plan.amount / 100), 1),
+                            g("span", Qo, "/" + C(a(n).interval), 1)
                           ]),
                           t(p, {
                             size: "x-small",
                             text: "(Change Subscription)",
                             variant: "text",
-                            onClick: v[0] || (v[0] = (b) => i("change:subscription"))
+                            onClick: v[0] || (v[0] = (V) => s("change:subscription"))
                           })
-                        ], 64)) : x("", !0)
+                        ], 64)) : w("", !0)
                       ])
                     ]),
                     key: "0"
                   } : {
                     name: "subtitle",
-                    fn: s(() => [
+                    fn: r(() => [
                       g("div", { class: "d-flex align-center" }, [
                         t(Qe, {
                           height: "16",
@@ -1624,16 +1624,16 @@ const vt = X("settings", () => {
                     key: "1"
                   }
                 ]), 1024),
-                g("div", Qo, [
+                g("div", Yo, [
                   g("div", null, [
-                    ((h = a(n).info) == null ? void 0 : h.status) === "active" ? (c(), L(B, { key: 0 }, [
-                      U(" Your plan renews on "),
-                      g("span", Yo, C(a(o).format(r.value, "fullDateWithWeekday")), 1),
-                      U(". ")
-                    ], 64)) : (c(), L(B, { key: 1 }, [
-                      U(" Your plan ends on "),
-                      g("span", Jo, C(a(o).format(($ = a(n).info) == null ? void 0 : $.currentPeriodEnd, "fullDateWithWeekday")), 1),
-                      U(". ")
+                    ((_ = a(n).info) == null ? void 0 : _.status) === "active" ? (c(), L(T, { key: 0 }, [
+                      B(" Your plan renews on "),
+                      g("span", Jo, C(a(o).format(i.value, "fullDateWithWeekday")), 1),
+                      B(". ")
+                    ], 64)) : (c(), L(T, { key: 1 }, [
+                      B(" Your plan ends on "),
+                      g("span", Xo, C(a(o).format((x = a(n).info) == null ? void 0 : x.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      B(". ")
                     ], 64))
                   ])
                 ])
@@ -1646,7 +1646,7 @@ const vt = X("settings", () => {
       });
     };
   }
-}), Ko = /* @__PURE__ */ g("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), en = ["innerHTML"], tn = /* @__PURE__ */ g("br", null, null, -1), on = /* @__PURE__ */ g("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), nn = ["innerHTML"], sn = /* @__PURE__ */ V({
+}), en = /* @__PURE__ */ g("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), tn = ["innerHTML"], on = /* @__PURE__ */ g("br", null, null, -1), nn = /* @__PURE__ */ g("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), sn = ["innerHTML"], an = /* @__PURE__ */ $({
   __name: "VoSubscriptionPerks",
   setup(u) {
     const e = [
@@ -1659,74 +1659,74 @@ const vt = X("settings", () => {
       'Special role in the <a href="https://discord.vuetifyjs.com/" target="_blank">Vuetify Discord</a>',
       'Save and share your playgrounds with <a href="https://play.vuetifyjs.com" target="_blank">Vuetify Play</a>',
       "Receive a special label on GitHub created issues and pull requests"
-    ], n = A(!1), i = M();
-    return O(n, async (r) => {
-      r && i.subscriptionInfo();
-    }), (r, l) => {
+    ], n = A(!1), s = M();
+    return U(n, async (i) => {
+      i && s.subscriptionInfo();
+    }), (i, l) => {
       const d = Q;
-      return c(), L(B, null, [
+      return c(), L(T, null, [
         t(Me, { class: "font-weight-black" }, {
-          default: s(() => [
-            U("Perks")
+          default: r(() => [
+            B("Perks")
           ]),
           _: 1
         }),
-        Ko,
+        en,
         t(oe, {
           lines: !1,
           class: "py-0",
           density: "compact",
           nav: ""
         }, {
-          default: s(() => [
-            (c(), L(B, null, te(e, (v, p) => t(d, {
+          default: r(() => [
+            (c(), L(T, null, te(e, (v, p) => t(d, {
               key: p,
               "prepend-icon": `svg:${a(De)}`,
               class: "mb-0"
             }, {
-              prepend: s(() => [
+              prepend: r(() => [
                 t(D, {
                   class: "mx-n2",
                   color: "success",
                   size: "small"
                 })
               ]),
-              title: s(() => [
-                g("div", { innerHTML: v }, null, 8, en)
+              title: r(() => [
+                g("div", { innerHTML: v }, null, 8, tn)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
           ]),
           _: 1
         }),
-        tn,
+        on,
         t(Me, { class: "font-weight-black" }, {
-          default: s(() => [
-            U("Up Next")
+          default: r(() => [
+            B("Up Next")
           ]),
           _: 1
         }),
-        on,
+        nn,
         t(oe, {
           lines: !1,
           class: "py-0",
           density: "compact",
           nav: ""
         }, {
-          default: s(() => [
-            (c(), L(B, null, te(o, (v, p) => t(d, {
+          default: r(() => [
+            (c(), L(T, null, te(o, (v, p) => t(d, {
               key: p,
-              "prepend-icon": `svg:${a(Mt)}`,
+              "prepend-icon": `svg:${a(Pt)}`,
               class: "mb-0"
             }, {
-              prepend: s(() => [
+              prepend: r(() => [
                 t(D, {
                   class: "mx-n2",
                   size: "small"
                 })
               ]),
-              title: s(() => [
-                g("div", { innerHTML: v }, null, 8, nn)
+              title: r(() => [
+                g("div", { innerHTML: v }, null, 8, sn)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
@@ -1736,7 +1736,7 @@ const vt = X("settings", () => {
       ], 64);
     };
   }
-}), an = /* @__PURE__ */ V({
+}), rn = /* @__PURE__ */ $({
   __name: "VoSubscriptionSubscribe",
   props: {
     modelValue: {
@@ -1747,25 +1747,25 @@ const vt = X("settings", () => {
   emits: ["update:modelValue"],
   setup(u) {
     const e = A(!1), o = ie(u, "modelValue"), n = M();
-    return O(e, async (i) => {
-      i && n.subscriptionInfo();
-    }), O(() => n.interval, (i) => {
-      o.value = i;
-    }, { immediate: !0 }), (i, r) => (c(), _(rt, {
+    return U(e, async (s) => {
+      s && n.subscriptionInfo();
+    }), U(() => n.interval, (s) => {
+      o.value = s;
+    }, { immediate: !0 }), (s, i) => (c(), h(rt, {
       modelValue: o.value,
-      "onUpdate:modelValue": r[0] || (r[0] = (l) => o.value = l),
+      "onUpdate:modelValue": i[0] || (i[0] = (l) => o.value = l),
       mandatory: ""
     }, {
-      default: s(() => [
+      default: r(() => [
         t(ue, null, {
-          default: s(() => [
-            t(Y, {
+          default: r(() => [
+            t(J, {
               cols: "12",
               md: "6"
             }, {
-              default: s(() => [
+              default: r(() => [
                 t(Pe, { value: "month" }, {
-                  default: s(({ toggle: l, isSelected: d }) => [
+                  default: r(({ toggle: l, isSelected: d }) => [
                     t(H, {
                       border: d ? "sm primary opacity-100" : "sm",
                       color: d ? "primary" : void 0,
@@ -1776,7 +1776,7 @@ const vt = X("settings", () => {
                       title: "Monthly",
                       onClick: l
                     }, {
-                      prepend: s(() => [
+                      prepend: r(() => [
                         t(D, { class: "mt-n6" })
                       ]),
                       _: 2
@@ -1787,13 +1787,13 @@ const vt = X("settings", () => {
               ]),
               _: 1
             }),
-            t(Y, {
+            t(J, {
               cols: "12",
               md: "6"
             }, {
-              default: s(() => [
+              default: r(() => [
                 t(Pe, { value: "year" }, {
-                  default: s(({ toggle: l, isSelected: d }) => [
+                  default: r(({ toggle: l, isSelected: d }) => [
                     t(H, {
                       border: d ? "sm primary opacity-100" : "sm",
                       color: d ? "primary" : void 0,
@@ -1804,10 +1804,10 @@ const vt = X("settings", () => {
                       title: "Yearly",
                       onClick: l
                     }, {
-                      prepend: s(() => [
+                      prepend: r(() => [
                         t(D, { class: "mt-n6" })
                       ]),
-                      append: s(() => [
+                      append: r(() => [
                         t(ee, {
                           class: "mt-n6",
                           color: "success",
@@ -1831,7 +1831,7 @@ const vt = X("settings", () => {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), rn = { class: "px-3" }, ln = /* @__PURE__ */ g("br", null, null, -1), un = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, cn = /* @__PURE__ */ V({
+}), ln = { class: "px-3" }, un = /* @__PURE__ */ g("br", null, null, -1), cn = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, dn = /* @__PURE__ */ $({
   __name: "VoSubscriptionDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1840,60 +1840,60 @@ const vt = X("settings", () => {
   emits: ["update:modelValue"],
   setup(u) {
     function e(p) {
-      return new Promise((h) => setTimeout(h, p));
+      return new Promise((_) => setTimeout(_, p));
     }
-    const o = ie(u, "modelValue"), n = M(), i = pe(), r = A(n.interval), l = A(n.hasBilling ? "status" : "subscribe"), d = A(!1);
-    O(r, (p) => {
+    const o = ie(u, "modelValue"), n = M(), s = me(), i = A(n.interval), l = A(n.hasBilling ? "status" : "subscribe"), d = A(!1);
+    U(i, (p) => {
       !n.isSubscriber || !n.interval || (d.value = p !== n.interval);
-    }), O(o, async (p) => {
+    }), U(o, async (p) => {
       if (!p || !n.isSubscriber) {
         p || n.resetQuery();
         return;
       }
       n.subscriptionInfo();
-    }), O(i, async () => {
-      !n.sessionId && !["subscribe", "status"].includes(i.value.one) || (l.value = n.sessionId || i.value.one === "status" ? "status" : "subscribe", n.isOpen = !0, await ce(), o.value = !0);
+    }), U(s, async () => {
+      !n.sessionId && !["subscribe", "status"].includes(s.value.one) || (l.value = n.sessionId || s.value.one === "status" ? "status" : "subscribe", n.isOpen = !0, await ce(), o.value = !0);
     }, { immediate: !0 });
     async function v() {
-      await n.modify(r.value), await n.subscriptionInfo(), d.value = null, await e(3e3), l.value = "status", await e(300), d.value = !1;
+      await n.modify(i.value), await n.subscriptionInfo(), d.value = null, await e(3e3), l.value = "status", await e(300), d.value = !1;
     }
-    return (p, h) => {
-      const $ = $e, b = an, w = sn, m = Xo, f = Ho, k = de, z = ke;
-      return c(), _(z, {
+    return (p, _) => {
+      const x = $e, V = rn, k = an, m = Ko, f = Eo, y = pe, O = ke;
+      return c(), h(O, {
         modelValue: o.value,
-        "onUpdate:modelValue": h[4] || (h[4] = (F) => o.value = F),
-        "prepend-icon": `svg:${a(Pt)}`,
+        "onUpdate:modelValue": _[4] || (_[4] = (z) => o.value = z),
+        "prepend-icon": `svg:${a(Rt)}`,
         title: "Subscriptions"
-      }, q({
-        default: s(() => [
-          t(ye, null, {
-            default: s(() => [
-              t(be, { scrollable: "" }, {
-                default: s(() => [
-                  g("div", rn, [
-                    t(fe, null, {
-                      default: s(() => [
-                        t($, {
+      }, W({
+        default: r(() => [
+          t(be, null, {
+            default: r(() => [
+              t(Ve, { scrollable: "" }, {
+                default: r(() => [
+                  g("div", ln, [
+                    t(ve, null, {
+                      default: r(() => [
+                        t(x, {
                           text: "The Vuetify One subscription is a great way to support the Vuetify team and get access to exclusive features and content.",
                           title: "Vuetify One"
                         }),
                         t(lt, { "model-value": l.value }, {
-                          default: s(() => [
-                            t(ve, { value: "subscribe" }, {
-                              default: s(() => [
-                                t(b, {
-                                  modelValue: r.value,
-                                  "onUpdate:modelValue": h[0] || (h[0] = (F) => r.value = F)
+                          default: r(() => [
+                            t(he, { value: "subscribe" }, {
+                              default: r(() => [
+                                t(V, {
+                                  modelValue: i.value,
+                                  "onUpdate:modelValue": _[0] || (_[0] = (z) => i.value = z)
                                 }, null, 8, ["modelValue"]),
-                                ln,
-                                t(w)
+                                un,
+                                t(k)
                               ]),
                               _: 1
                             }),
-                            t(ve, { value: "status" }, {
-                              default: s(() => [
+                            t(he, { value: "status" }, {
+                              default: r(() => [
                                 t(m, {
-                                  "onChange:subscription": h[1] || (h[1] = (F) => l.value = "subscribe")
+                                  "onChange:subscription": _[1] || (_[1] = (z) => l.value = "subscribe")
                                 }),
                                 t(f)
                               ]),
@@ -1917,35 +1917,35 @@ const vt = X("settings", () => {
       }, [
         l.value === "subscribe" ? {
           name: "actions",
-          fn: s(() => [
-            g("div", un, [
-              d.value !== !1 ? (c(), _(k, {
+          fn: r(() => [
+            g("div", cn, [
+              d.value !== !1 ? (c(), h(y, {
                 key: 0,
                 loading: a(n).isLoading,
-                "prepend-icon": `svg:${d.value !== null ? a(Rt) : a(Ce)}`,
+                "prepend-icon": `svg:${d.value !== null ? a(Ht) : a(Ce)}`,
                 readonly: d.value === null,
                 text: d.value !== null ? "Modify Subscription" : "Success",
                 color: "success",
                 size: "default",
                 block: "",
                 onClick: v
-              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : a(n).isSubscriber ? (c(), _(k, {
+              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : a(n).isSubscriber ? (c(), h(y, {
                 key: 2,
-                "prepend-icon": `svg:${a(Ht)}`,
+                "prepend-icon": `svg:${a(Et)}`,
                 size: "default",
                 text: "Manage Subscription",
                 block: "",
-                onClick: h[3] || (h[3] = (F) => l.value = "status")
-              }, null, 8, ["prepend-icon"])) : (c(), _(k, {
+                onClick: _[3] || (_[3] = (z) => l.value = "status")
+              }, null, 8, ["prepend-icon"])) : (c(), h(y, {
                 key: 1,
-                color: r.value ? "primary" : "disabled",
-                disabled: !r.value,
+                color: i.value ? "primary" : "disabled",
+                disabled: !i.value,
                 loading: a(n).isLoading,
                 "prepend-icon": "$vuetify",
                 size: "default",
                 text: "Activate Subscription",
                 block: "",
-                onClick: h[2] || (h[2] = (F) => a(n).subscribe(r.value))
+                onClick: _[2] || (_[2] = (z) => a(n).subscribe(i.value))
               }, null, 8, ["color", "disabled", "loading"]))
             ])
           ]),
@@ -1954,20 +1954,20 @@ const vt = X("settings", () => {
       ]), 1032, ["modelValue", "prepend-icon"]);
     };
   }
-}), dn = /* @__PURE__ */ V({
+}), pn = /* @__PURE__ */ $({
   __name: "VoSubscriptionListItem",
   setup(u) {
     const e = A(!1);
     return (o, n) => {
-      const i = cn, r = Q;
-      return c(), _(r, {
+      const s = dn, i = Q;
+      return c(), h(i, {
         active: e.value,
-        "prepend-icon": `svg:${a(Et)}`,
+        "prepend-icon": `svg:${a(Wt)}`,
         title: "Subscriptions",
         link: ""
       }, {
-        default: s(() => [
-          t(i, {
+        default: r(() => [
+          t(s, {
             modelValue: e.value,
             "onUpdate:modelValue": n[0] || (n[0] = (l) => e.value = l)
           }, null, 8, ["modelValue"])
@@ -1976,10 +1976,10 @@ const vt = X("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), pn = {
+}), mn = {
   key: 0,
   class: "text-success"
-}, Te = /* @__PURE__ */ V({
+}, Te = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItem",
   props: {
     title: {},
@@ -1992,58 +1992,58 @@ const vt = X("settings", () => {
   },
   setup(u) {
     const e = u, o = vt(), n = S(() => {
-      var r, l;
-      return `$${parseFloat(String((((r = e.sponsorship) == null ? void 0 : r.amount) ?? 0) / 100)).toFixed(2)} /${(l = e.sponsorship) == null ? void 0 : l.interval}`;
+      var i, l;
+      return `$${parseFloat(String((((i = e.sponsorship) == null ? void 0 : i.amount) ?? 0) / 100)).toFixed(2)} /${(l = e.sponsorship) == null ? void 0 : l.interval}`;
     });
-    return (i, r) => {
+    return (s, i) => {
       var d, v;
-      const l = de;
-      return c(), _(_o, {
-        "dot-color": (d = i.sponsorship) != null && d.isActive ? "success" : "transparent",
-        icon: (v = i.sponsorship) != null && v.isActive ? `svg:${a(De)}` : void 0,
+      const l = pe;
+      return c(), h(_o, {
+        "dot-color": (d = s.sponsorship) != null && d.isActive ? "success" : "transparent",
+        icon: (v = s.sponsorship) != null && v.isActive ? `svg:${a(De)}` : void 0,
         size: "x-small",
         width: "100%"
       }, {
-        default: s(() => [
+        default: r(() => [
           t(H, {
-            "prepend-avatar": `${a(o).CDN_URL}logos/${i.logo}.png`,
-            title: i.title,
+            "prepend-avatar": `${a(o).CDN_URL}logos/${s.logo}.png`,
+            title: s.title,
             rounded: "lg",
             variant: "text",
             border: ""
           }, {
-            subtitle: s(() => {
+            subtitle: r(() => {
               var p;
               return [
-                (p = i.sponsorship) != null && p.isActive ? (c(), L("div", pn, [
+                (p = s.sponsorship) != null && p.isActive ? (c(), L("div", mn, [
                   t(D, {
-                    icon: `svg:${a(Wt)}`,
+                    icon: `svg:${a(qt)}`,
                     size: "x-small"
                   }, null, 8, ["icon"]),
-                  U(" " + C(n.value), 1)
-                ])) : (c(), L(B, { key: 1 }, [
-                  U(C(i.text), 1)
+                  B(" " + C(n.value), 1)
+                ])) : (c(), L(T, { key: 1 }, [
+                  B(C(s.text), 1)
                 ], 64))
               ];
             }),
-            append: s(() => {
-              var p, h, $, b, w, m;
+            append: r(() => {
+              var p, _, x, V, k, m;
               return [
-                i.disabled ? (c(), _(l, {
+                s.disabled ? (c(), h(l, {
                   key: 1,
                   color: "surface-variant",
                   text: "Coming Soon",
                   readonly: ""
-                })) : (c(), _(l, {
+                })) : (c(), h(l, {
                   key: 0,
                   active: !1,
-                  color: (p = i.sponsorship) != null && p.isActive ? "success" : "primary",
-                  href: (h = i.sponsorship) != null && h.isActive || i.to ? void 0 : i.href,
-                  "prepend-icon": `svg:${($ = i.sponsorship) != null && $.isActive ? a(Ce) : a(Ae)}`,
-                  readonly: (b = i.sponsorship) == null ? void 0 : b.isActive,
-                  target: (w = i.sponsorship) != null && w.isActive || i.to ? void 0 : "_blank",
-                  text: (m = i.sponsorship) != null && m.isActive ? "Active" : "Info",
-                  to: i.to,
+                  color: (p = s.sponsorship) != null && p.isActive ? "success" : "primary",
+                  href: (_ = s.sponsorship) != null && _.isActive || s.to ? void 0 : s.href,
+                  "prepend-icon": `svg:${(x = s.sponsorship) != null && x.isActive ? a(Ce) : a(Ae)}`,
+                  readonly: (V = s.sponsorship) == null ? void 0 : V.isActive,
+                  target: (k = s.sponsorship) != null && k.isActive || s.to ? void 0 : "_blank",
+                  text: (m = s.sponsorship) != null && m.isActive ? "Active" : "Info",
+                  to: s.to,
                   width: "88"
                 }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text", "to"]))
               ];
@@ -2055,12 +2055,12 @@ const vt = X("settings", () => {
       }, 8, ["dot-color", "icon"]);
     };
   }
-}), mn = /* @__PURE__ */ V({
+}), fn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemPatreon",
   setup(u) {
     return (e, o) => {
       const n = Te;
-      return c(), _(n, {
+      return c(), h(n, {
         logo: "patreon",
         text: "Support Vuetify through Patreon.",
         title: "Patreon Subscriber",
@@ -2068,13 +2068,13 @@ const vt = X("settings", () => {
       });
     };
   }
-}), fn = /* @__PURE__ */ V({
+}), vn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemDiscord",
   setup(u) {
     const e = M();
     return (o, n) => {
-      const i = Te;
-      return c(), _(i, {
+      const s = Te;
+      return c(), h(s, {
         sponsorship: a(e).discord,
         href: "https://discord.com/servers/vuetify-340160225338195969",
         logo: "discord",
@@ -2083,13 +2083,13 @@ const vt = X("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), vn = /* @__PURE__ */ V({
+}), hn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemGithub",
   setup(u) {
     const e = M();
     return (o, n) => {
-      const i = Te;
-      return c(), _(i, {
+      const s = Te;
+      return c(), h(s, {
         sponsorship: a(e).github,
         href: "https://github.com/sponsors/johnleider",
         logo: "github",
@@ -2098,13 +2098,13 @@ const vt = X("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), _n = /* @__PURE__ */ V({
+}), _n = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimelineItemOne",
   setup(u) {
     const e = M();
     return (o, n) => {
-      const i = Te;
-      return c(), _(i, {
+      const s = Te;
+      return c(), h(s, {
         sponsorship: a(e).one,
         logo: "one",
         text: "Support Vuetify through Vuetify One.",
@@ -2113,29 +2113,29 @@ const vt = X("settings", () => {
       }, null, 8, ["sponsorship"]);
     };
   }
-}), hn = /* @__PURE__ */ V({
+}), gn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsTimeline",
   setup(u) {
     return (e, o) => {
-      const n = _n, i = vn, r = fn, l = mn;
-      return c(), _(ho, {
+      const n = _n, s = hn, i = vn, l = fn;
+      return c(), h(go, {
         class: "justify-start ms-n7",
         "line-inset": "12",
         side: "end",
         style: { "grid-template-columns": "auto auto 1fr" },
         "truncate-line": "both"
       }, {
-        default: s(() => [
+        default: r(() => [
           t(n),
+          t(s),
           t(i),
-          t(r),
           t(l)
         ]),
         _: 1
       });
     };
   }
-}), gn = { class: "px-3 pb-5 d-flex flex-column h-100" }, yn = { class: "font-weight-black" }, bn = { class: "text-caption text-medium-emphasis" }, Vn = /* @__PURE__ */ V({
+}), yn = { class: "px-3 pb-5 d-flex flex-column h-100" }, bn = { class: "font-weight-black" }, Vn = { class: "text-caption text-medium-emphasis" }, kn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2143,25 +2143,25 @@ const vt = X("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    const e = ie(u, "modelValue"), o = pe(), n = T(), i = M();
-    return O(o, async () => {
-      o.value.one === "sponsorships" && (i.isOpen = !0, await ce(), e.value = !0);
-    }, { immediate: !0 }), (r, l) => {
-      const d = $e, v = hn, p = He("v-empty-state"), h = ke;
-      return c(), _(h, {
+    const e = ie(u, "modelValue"), o = me(), n = j(), s = M();
+    return U(o, async () => {
+      o.value.one === "sponsorships" && (s.isOpen = !0, await ce(), e.value = !0);
+    }, { immediate: !0 }), (i, l) => {
+      const d = $e, v = gn, p = He("v-empty-state"), _ = ke;
+      return c(), h(_, {
         modelValue: e.value,
-        "onUpdate:modelValue": l[0] || (l[0] = ($) => e.value = $),
-        "prepend-icon": `svg:${a(qt)}`,
+        "onUpdate:modelValue": l[0] || (l[0] = (x) => e.value = x),
+        "prepend-icon": `svg:${a(Gt)}`,
         title: "Sponsorships"
       }, {
-        default: s(() => [
-          t(ye, null, {
-            default: s(() => [
-              t(be, { scrollable: "" }, {
-                default: s(() => [
-                  g("div", gn, [
-                    t(fe, { class: "flex-0-0 mb-16 mb-sm-4" }, {
-                      default: s(() => [
+        default: r(() => [
+          t(be, null, {
+            default: r(() => [
+              t(Ve, { scrollable: "" }, {
+                default: r(() => [
+                  g("div", yn, [
+                    t(ve, { class: "flex-0-0 mb-16 mb-sm-4" }, {
+                      default: r(() => [
                         t(d, {
                           text: "Support Vuetify through GitHub Sponsors, Discord, or Patreon to unlock exclusive benefits and content.",
                           title: "Support Vuetify"
@@ -2176,17 +2176,17 @@ const vt = X("settings", () => {
                       "min-height": "auto",
                       size: "128"
                     }, {
-                      media: s(() => [
+                      media: r(() => [
                         t(D, {
                           color: a(n).isSubscriber ? "success" : "error"
                         }, null, 8, ["color"])
                       ]),
-                      title: s(() => [
-                        U(" One Status: "),
-                        g("span", yn, C(a(n).isSubscriber ? "Active" : "Inactive"), 1)
+                      title: r(() => [
+                        B(" One Status: "),
+                        g("span", bn, C(a(n).isSubscriber ? "Active" : "Inactive"), 1)
                       ]),
-                      text: s(() => [
-                        g("div", bn, C(a(n).isSubscriber ? "You are currently receiving benefits from Vuetify One." : "Login to activate Vuetify One benefits"), 1)
+                      text: r(() => [
+                        g("div", Vn, C(a(n).isSubscriber ? "You are currently receiving benefits from Vuetify One." : "Login to activate Vuetify One benefits"), 1)
                       ]),
                       _: 1
                     })
@@ -2202,20 +2202,20 @@ const vt = X("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), kn = /* @__PURE__ */ V({
+}), $n = /* @__PURE__ */ $({
   __name: "VoSponsorshipsListItem",
   setup(u) {
     const e = A(!1);
     return (o, n) => {
-      const i = Vn, r = Q;
-      return c(), _(r, {
+      const s = kn, i = Q;
+      return c(), h(i, {
         active: e.value,
-        "prepend-icon": `svg:${a(Gt)}`,
+        "prepend-icon": `svg:${a(Zt)}`,
         title: "Sponsorships",
         link: ""
       }, {
-        default: s(() => [
-          t(i, {
+        default: r(() => [
+          t(s, {
             modelValue: e.value,
             "onUpdate:modelValue": n[0] || (n[0] = (l) => e.value = l)
           }, null, 8, ["modelValue"])
@@ -2224,13 +2224,13 @@ const vt = X("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), $n = (u) => (bt("data-v-40687c9d"), u = u(), Vt(), u), xn = {
+}), xn = (u) => (Vt("data-v-40687c9d"), u = u(), kt(), u), wn = {
   key: 0,
   class: "v-footer__image"
-}, wn = ["href", "title"], Sn = {
+}, Sn = ["href", "title"], Cn = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, Cn = /* @__PURE__ */ $n(() => /* @__PURE__ */ g("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Ln = /* @__PURE__ */ V({
+}, Ln = /* @__PURE__ */ xn(() => /* @__PURE__ */ g("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), In = /* @__PURE__ */ $({
   __name: "VoFooter",
   props: {
     image: {}
@@ -2244,7 +2244,7 @@ const vt = X("settings", () => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${Zt}`,
+        icon: `svg:${Qt}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -2264,50 +2264,50 @@ const vt = X("settings", () => {
       },
       {
         title: "Vuetify Reddit",
-        icon: `svg:${Qt}`,
+        icon: `svg:${Yt}`,
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
-    return (o, n) => (c(), _(go, {
+    return (o, n) => (c(), h(yo, {
       class: "vo-footer",
       height: "40"
     }, {
-      default: s(() => [
-        o.image || o.$slots.image ? (c(), L("div", xn, [
-          o.$slots.image ? P(o.$slots, "image", { key: 0 }, void 0, !0) : (c(), _(ae, {
+      default: r(() => [
+        o.image || o.$slots.image ? (c(), L("div", wn, [
+          o.$slots.image ? P(o.$slots, "image", { key: 0 }, void 0, !0) : (c(), h(se, {
             key: 1,
             src: o.image,
             position: "left",
             cover: ""
           }, null, 8, ["src"]))
-        ])) : x("", !0),
-        (c(), L(B, null, te(e, (i) => g("a", {
-          key: i.title,
-          href: i.href,
-          title: i.title,
+        ])) : w("", !0),
+        (c(), L(T, null, te(e, (s) => g("a", {
+          key: s.title,
+          href: s.href,
+          title: s.title,
           class: "d-inline-block mx-2 social-link",
           rel: "noopener noreferrer",
           target: "_blank"
         }, [
           t(D, {
-            icon: i.icon,
-            size: i.icon === "$vuetify" ? 24 : 16
+            icon: s.icon,
+            size: s.icon === "$vuetify" ? 24 : 16
           }, null, 8, ["icon", "size"])
-        ], 8, wn)), 64)),
-        g("div", Sn, [
-          U(" © 2016-" + C((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-          Cn
+        ], 8, Sn)), 64)),
+        g("div", Cn, [
+          B(" © 2016-" + C((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+          Ln
         ])
       ]),
       _: 3
     }));
   }
-}), In = (u, e) => {
+}), Dn = (u, e) => {
   const o = u.__vccOpts || u;
-  for (const [n, i] of e)
-    o[n] = i;
+  for (const [n, s] of e)
+    o[n] = s;
   return o;
-}, _t = /* @__PURE__ */ In(Ln, [["__scopeId", "data-v-40687c9d"]]), Dn = /* @__PURE__ */ g("h2", { class: "text-h4" }, " Configuration Tooling ", -1), An = /* @__PURE__ */ g("p", { class: "text-subtitle-1 text-medium-emphasis" }, " Coming soon to Vuetify One ", -1), On = { class: "text-uppercase text-info" }, Un = { class: "text-h6 mb-2" }, Bn = { class: "text-caption" }, Nn = /* @__PURE__ */ g("div", null, " Become a subscriber and be the first to gain access to the Vuetify Studio Alpha when it releases in April 2024. ", -1), Tn = /* @__PURE__ */ V({
+}, ht = /* @__PURE__ */ Dn(In, [["__scopeId", "data-v-40687c9d"]]), An = /* @__PURE__ */ g("h2", { class: "text-h4" }, " Configuration Tooling ", -1), On = /* @__PURE__ */ g("p", { class: "text-subtitle-1 text-medium-emphasis" }, " Coming soon to Vuetify One ", -1), Un = { class: "text-uppercase text-info" }, Bn = { class: "text-h6 mb-2" }, Nn = { class: "text-caption" }, Tn = /* @__PURE__ */ g("div", null, " Become a subscriber and be the first to gain access to the Vuetify Studio Alpha when it releases in April 2024. ", -1), zn = /* @__PURE__ */ $({
   __name: "VoStudioDialog",
   props: /* @__PURE__ */ Je({
     prependIcon: {}
@@ -2317,7 +2317,7 @@ const vt = X("settings", () => {
   }),
   emits: ["update:modelValue"],
   setup(u) {
-    const e = ie(u, "modelValue"), o = pe(), n = Ie(), i = T(), r = M(), { smAndUp: l } = re(), d = [
+    const e = ie(u, "modelValue"), o = me(), n = Ie(), s = j(), i = M(), { smAndUp: l } = re(), d = [
       {
         title: "Customize",
         subtitle: "Customize your Vuetify theme, components, and more with the Vuetify Studio.",
@@ -2337,26 +2337,26 @@ const vt = X("settings", () => {
         image: "https://cdn.vuetifyjs.com/docs/images/one/studio/export.png"
       }
     ];
-    O(o, async () => {
-      o.value.one === "studio" && (r.isOpen = !0, await ce(), e.value = !0);
+    U(o, async () => {
+      o.value.one === "studio" && (i.isOpen = !0, await ce(), e.value = !0);
     }, { immediate: !0 });
     function v() {
       e.value = !1, n.push({ query: { one: "subscribe" } });
     }
-    return (p, h) => {
-      const $ = de, b = _t, w = ke;
-      return c(), _(w, {
+    return (p, _) => {
+      const x = pe, V = ht, k = ke;
+      return c(), h(k, {
         modelValue: e.value,
-        "onUpdate:modelValue": h[0] || (h[0] = (m) => e.value = m),
+        "onUpdate:modelValue": _[0] || (_[0] = (m) => e.value = m),
         "prepend-icon": p.prependIcon,
         title: "Vuetify Studio"
       }, {
-        default: s(() => [
-          t(ye, null, {
-            default: s(() => [
-              t(be, { scrollable: "" }, {
-                default: s(() => [
-                  t(ae, {
+        default: r(() => [
+          t(be, null, {
+            default: r(() => [
+              t(Ve, { scrollable: "" }, {
+                default: r(() => [
+                  t(se, {
                     "content-class": "d-flex align-center justify-center flex-column",
                     gradient: "to top right, rgba(var(--v-theme-primary),.8), rgba(0,0,0,.9)",
                     height: "350",
@@ -2365,59 +2365,59 @@ const vt = X("settings", () => {
                     src: "https://cdn.vuetifyjs.com/docs/images/one/studio/hero.png",
                     cover: ""
                   }, {
-                    default: s(() => [
+                    default: r(() => [
                       t(H, {
                         class: "text-center pa-3",
                         color: "surface",
                         rounded: "xl",
                         flat: ""
                       }, {
-                        text: s(() => [
+                        text: r(() => [
                           t(D, {
                             icon: p.prependIcon,
                             color: "accent",
                             size: "80"
                           }, null, 8, ["icon"]),
-                          Dn,
-                          An
+                          An,
+                          On
                         ]),
                         _: 1
                       })
                     ]),
                     _: 1
                   }),
-                  (c(), L(B, null, te(d, (m, f) => t(_e, {
+                  (c(), L(T, null, te(d, (m, f) => t(_e, {
                     key: f,
                     color: f % 2 === 0 ? "surface-light" : "surface-variant",
                     class: "py-8"
                   }, {
-                    default: s(() => [
+                    default: r(() => [
                       t(Ze, null, {
-                        default: s(() => [
+                        default: r(() => [
                           t(ue, { align: "center" }, {
-                            default: s(() => [
-                              t(Y, {
+                            default: r(() => [
+                              t(J, {
                                 order: f % 2,
                                 cols: "12",
                                 offset: "0",
                                 "offset-sm": "1",
                                 sm: "6"
                               }, {
-                                default: s(() => [
-                                  g("strong", On, C(m.title), 1),
-                                  g("p", Un, C(m.subtitle), 1),
-                                  g("p", Bn, C(m.text), 1)
+                                default: r(() => [
+                                  g("strong", Un, C(m.title), 1),
+                                  g("p", Bn, C(m.subtitle), 1),
+                                  g("p", Nn, C(m.text), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["order"]),
-                              t(Y, {
+                              t(J, {
                                 "offset-sm": f % 2,
                                 cols: "12",
                                 offset: "0",
                                 sm: "4"
                               }, {
-                                default: s(() => [
-                                  t(ae, {
+                                default: r(() => [
+                                  t(se, {
                                     height: a(l) ? 180 : void 0,
                                     src: m.image,
                                     rounded: "lg",
@@ -2435,28 +2435,28 @@ const vt = X("settings", () => {
                     ]),
                     _: 2
                   }, 1032, ["color"])), 64)),
-                  a(i).isSubscriber ? x("", !0) : (c(), _(_e, {
+                  a(s).isSubscriber ? w("", !0) : (c(), h(_e, {
                     key: 0,
                     class: "text-center py-6"
                   }, {
-                    default: s(() => [
+                    default: r(() => [
                       t(Ze, null, {
-                        default: s(() => [
+                        default: r(() => [
                           t(ue, { justify: "center" }, {
-                            default: s(() => [
-                              t(Y, { cols: "6" }, {
-                                default: s(() => [
+                            default: r(() => [
+                              t(J, { cols: "6" }, {
+                                default: r(() => [
                                   t(ne, {
                                     image: "https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
                                     size: "64"
                                   }),
-                                  Nn
+                                  Tn
                                 ]),
                                 _: 1
                               }),
-                              t(Y, { cols: "12" }, {
-                                default: s(() => [
-                                  t($, {
+                              t(J, { cols: "12" }, {
+                                default: r(() => [
+                                  t(x, {
                                     "prepend-icon": "$vuetify",
                                     size: "x-large",
                                     text: "Subscribe Today",
@@ -2477,7 +2477,7 @@ const vt = X("settings", () => {
                 ]),
                 _: 1
               }),
-              t(b, { app: "" })
+              t(V, { app: "" })
             ]),
             _: 1
           })
@@ -2486,7 +2486,7 @@ const vt = X("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), zn = /* @__PURE__ */ V({
+}), Fn = /* @__PURE__ */ $({
   __name: "VoStudioNavItem",
   setup(u) {
     const e = A(!1), o = [
@@ -2495,29 +2495,29 @@ const vt = X("settings", () => {
       ["M12.435 14.3194L22 4L9.26479 7.61064L12.435 14.3194Z", 1],
       ["M2 4L6.87046 12.2799L9.26479 7.61064L2 4Z", 1]
     ];
-    return (n, i) => {
-      const r = Tn, l = Q;
-      return c(), _(l, {
+    return (n, s) => {
+      const i = zn, l = Q;
+      return c(), h(l, {
         active: e.value,
         "prepend-icon": o,
         title: "Vuetify Studio",
         link: ""
       }, {
-        append: s(() => [
+        append: r(() => [
           t(ee, {
             size: "x-small",
             label: ""
           }, {
-            default: s(() => [
-              U("COMING SOON")
+            default: r(() => [
+              B("COMING SOON")
             ]),
             _: 1
           })
         ]),
-        default: s(() => [
-          t(r, {
+        default: r(() => [
+          t(i, {
             modelValue: e.value,
-            "onUpdate:modelValue": i[0] || (i[0] = (d) => e.value = d),
+            "onUpdate:modelValue": s[0] || (s[0] = (d) => e.value = d),
             "prepend-icon": o
           }, null, 8, ["modelValue"])
         ]),
@@ -2525,84 +2525,84 @@ const vt = X("settings", () => {
       }, 8, ["active"]);
     };
   }
-}), Fn = {
+}), jn = {
   key: 0,
   class: "pt-16"
-}, jn = /* @__PURE__ */ g("div", { class: "text-medium-emphasis" }, " All caught up ", -1), Mn = {
+}, Mn = /* @__PURE__ */ g("div", { class: "text-medium-emphasis" }, " All caught up ", -1), Pn = {
   key: 1,
   class: "pa-5"
-}, Pn = { class: "text-subtitle-1 font-weight-bold" }, Rn = { class: "text-caption font-weight-bold text-medium-emphasis" }, Hn = { class: "text-disabled text-caption mt-2 mb-3" }, En = /* @__PURE__ */ V({
+}, Rn = { class: "text-subtitle-1 font-weight-bold" }, Hn = { class: "text-caption font-weight-bold text-medium-emphasis" }, En = { class: "text-disabled text-caption mt-2 mb-3" }, Wn = /* @__PURE__ */ $({
   __name: "VoNotificationsBannerList",
   props: {
     items: {}
   },
   setup(u) {
-    const e = Ue(), o = re(), n = N();
-    function i(l) {
+    const e = Ue(), o = re(), n = F();
+    function s(l) {
       return n.notifications.last.banner.includes(l);
     }
-    function r(l) {
-      i(l.slug) ? n.notifications.last.banner = n.notifications.last.banner.filter((d) => d !== l.slug) : n.notifications.last.banner.push(l.slug);
+    function i(l) {
+      s(l.slug) ? n.notifications.last.banner = n.notifications.last.banner.filter((d) => d !== l.slug) : n.notifications.last.banner.push(l.slug);
     }
     return (l, d) => {
       const v = He("v-empty-state");
-      return c(), _(oe, {
+      return c(), h(oe, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
-        default: s(() => [
-          l.items.length ? (c(), L("div", Mn, [
-            (c(!0), L(B, null, te(l.items, (p) => {
-              var h;
+        default: r(() => [
+          l.items.length ? (c(), L("div", Pn, [
+            (c(!0), L(T, null, te(l.items, (p) => {
+              var _;
               return c(), L("div", {
                 key: p.slug,
                 class: "mb-4"
               }, [
                 t(H, {
                   color: p.metadata.color,
-                  image: (h = p.metadata.images.bg) == null ? void 0 : h.url,
+                  image: (_ = p.metadata.images.bg) == null ? void 0 : _.url,
                   title: p.title,
                   rounded: "b-0",
                   flat: ""
                 }, {
-                  prepend: s(() => {
-                    var $;
+                  prepend: r(() => {
+                    var x;
                     return [
                       t(ne, {
-                        image: ($ = p.metadata.images.logo) == null ? void 0 : $.url
+                        image: (x = p.metadata.images.logo) == null ? void 0 : x.url
                       }, null, 8, ["image"])
                     ];
                   }),
-                  image: s(() => [
-                    t(ae, { position: "right" })
+                  image: r(() => [
+                    t(se, { position: "right" })
                   ]),
                   _: 2
                 }, 1032, ["color", "image", "title"]),
                 t(Be, null, {
-                  default: s(({ props: $, isHovering: b }) => [
-                    t(_e, R($, {
+                  default: r(({ props: x, isHovering: V }) => [
+                    t(_e, R(x, {
                       class: "px-8 pt-2 pb-4 position-relative",
                       rounded: "b",
                       border: ""
                     }), {
-                      default: s(() => [
-                        t(J, {
-                          text: i(p.slug) ? "Mark as unread" : "Mark as read",
+                      default: r(() => [
+                        t(X, {
+                          text: s(p.slug) ? "Mark as unread" : "Mark as read",
                           location: "bottom"
                         }, {
-                          activator: s(({ props: w }) => [
+                          activator: r(({ props: k }) => [
                             t(Oe, { "hide-on-leave": "" }, {
-                              default: s(() => [
-                                Le(t(E, R(w, {
-                                  icon: `svg:${i(p.slug) ? a(nt) : a(ot)}`,
+                              default: r(() => [
+                                Le(t(E, R(k, {
+                                  icon: `svg:${s(p.slug) ? a(nt) : a(ot)}`,
                                   class: "ms-auto float-right",
                                   size: "small",
                                   variant: "text",
                                   "mdi-email-variant": "",
-                                  onClick: (m) => r(p)
+                                  onClick: (m) => i(p)
                                 }), null, 16, ["icon", "onClick"]), [
-                                  [Ee, b || a(o).mobile.value]
+                                  [Ee, V || a(o).mobile.value]
                                 ])
                               ]),
                               _: 2
@@ -2610,9 +2610,9 @@ const vt = X("settings", () => {
                           ]),
                           _: 2
                         }, 1032, ["text"]),
-                        g("div", Pn, C(p.metadata.text), 1),
-                        g("div", Rn, C(a(e).format(p.created_at, "fullDateWithWeekday")), 1),
-                        g("div", Hn, C(p.metadata.subtext), 1),
+                        g("div", Rn, C(p.metadata.text), 1),
+                        g("div", Hn, C(a(e).format(p.created_at, "fullDateWithWeekday")), 1),
+                        g("div", En, C(p.metadata.subtext), 1),
                         t(ee, R({
                           href: p.metadata.link.startsWith("http") ? p.metadata.link : void 0,
                           target: p.metadata.link.startsWith("http") ? "_blank" : void 0,
@@ -2625,7 +2625,7 @@ const vt = X("settings", () => {
                           border: "",
                           label: ""
                         }), {
-                          append: s(() => [
+                          append: r(() => [
                             t(D, { size: "12" })
                           ]),
                           _: 2
@@ -2638,16 +2638,16 @@ const vt = X("settings", () => {
                 }, 1024)
               ]);
             }), 128))
-          ])) : (c(), L("div", Fn, [
+          ])) : (c(), L("div", jn, [
             t(v, {
               icon: "$vuetify",
               size: "256"
             }, {
-              media: s(() => [
+              media: r(() => [
                 t(D, { color: "medium-emphasis" })
               ]),
-              title: s(() => [
-                jn
+              title: r(() => [
+                Mn
               ]),
               _: 1
             })
@@ -2657,14 +2657,14 @@ const vt = X("settings", () => {
       });
     };
   }
-}), Wn = { class: "ps-3 text-subtitle-2 pe-2" }, qn = { class: "text-truncate" }, Gn = { class: "text-caption font-weight-bold text-medium-emphasis" }, Zn = { class: "text-disabled text-caption my-2" }, Qn = /* @__PURE__ */ V({
+}), qn = { class: "ps-3 text-subtitle-2 pe-2" }, Gn = { class: "text-truncate" }, Zn = { class: "text-caption font-weight-bold text-medium-emphasis" }, Qn = { class: "text-disabled text-caption my-2" }, Yn = /* @__PURE__ */ $({
   __name: "VoNotificationsListItem",
   props: {
     demo: { type: Boolean },
     notification: {}
   },
   setup(u) {
-    const e = u, o = N(), n = Ue(), i = re(), r = S(() => {
+    const e = u, o = F(), n = Ue(), s = re(), i = S(() => {
       const v = e.notification.metadata ?? { action: "" };
       return {
         href: v.action.startsWith("http") ? v.action : void 0,
@@ -2683,27 +2683,27 @@ const vt = X("settings", () => {
       e.demo || (l(v.slug) ? o.notifications.read = o.notifications.read.filter((p) => p !== v.slug) : o.notifications.read.push(v.slug));
     }
     return (v, p) => {
-      const h = Q;
-      return c(), _(Be, null, {
-        default: s(({ isHovering: $, props: b }) => [
-          t(h, R(b, { class: "py-4 mb-0" }), {
-            prepend: s(() => [
-              g("div", Wn, C(v.notification.metadata.emoji), 1)
+      const _ = Q;
+      return c(), h(Be, null, {
+        default: r(({ isHovering: x, props: V }) => [
+          t(_, R(V, { class: "py-4 mb-0" }), {
+            prepend: r(() => [
+              g("div", qn, C(v.notification.metadata.emoji), 1)
             ]),
-            append: s(() => [
-              t(yo, {
+            append: r(() => [
+              t(bo, {
                 class: "mt-n3",
                 width: "56"
               }, {
-                default: s(() => [
-                  t(J, {
+                default: r(() => [
+                  t(X, {
                     text: l(v.notification.slug) ? "Mark as unread" : "Mark as read",
                     location: "bottom"
                   }, {
-                    activator: s(({ props: w }) => [
+                    activator: r(({ props: k }) => [
                       t(Oe, { "hide-on-leave": "" }, {
-                        default: s(() => [
-                          Le(t(E, R(w, {
+                        default: r(() => [
+                          Le(t(E, R(k, {
                             icon: `svg:${l(v.notification.slug) ? a(nt) : a(ot)}`,
                             class: "ms-auto",
                             size: "small",
@@ -2711,7 +2711,7 @@ const vt = X("settings", () => {
                             "mdi-email-variant": "",
                             onClick: p[0] || (p[0] = (m) => d(v.notification))
                           }), null, 16, ["icon"]), [
-                            [Ee, $ || a(i).mobile.value]
+                            [Ee, x || a(s).mobile.value]
                           ])
                         ]),
                         _: 2
@@ -2723,25 +2723,25 @@ const vt = X("settings", () => {
                 _: 2
               }, 1024)
             ]),
-            default: s(() => [
+            default: r(() => [
               t(st, { class: "text-wrap text-h6 mb-1" }, {
-                default: s(() => [
-                  g("div", qn, C(v.notification.title), 1)
+                default: r(() => [
+                  g("div", Gn, C(v.notification.title), 1)
                 ]),
                 _: 1
               }),
-              g("div", Gn, C(a(n).format(v.notification.created_at, "fullDateWithWeekday")), 1),
-              g("div", Zn, C(v.notification.metadata.text), 1),
+              g("div", Zn, C(a(n).format(v.notification.created_at, "fullDateWithWeekday")), 1),
+              g("div", Qn, C(v.notification.metadata.text), 1),
               t(ee, R({
                 "append-icon": `svg:${a(Ae)}`,
                 text: v.notification.metadata.action_text
-              }, r.value, {
+              }, i.value, {
                 size: "small",
                 variant: "text",
                 border: "",
                 label: ""
               }), {
-                append: s(() => [
+                append: r(() => [
                   t(D, { size: "12" })
                 ]),
                 _: 1
@@ -2754,38 +2754,38 @@ const vt = X("settings", () => {
       });
     };
   }
-}), Yn = {
+}), Jn = {
   key: 0,
   class: "pt-16"
-}, Jn = /* @__PURE__ */ g("div", { class: "text-medium-emphasis" }, " All caught up ", -1), Xn = /* @__PURE__ */ V({
+}, Xn = /* @__PURE__ */ g("div", { class: "text-medium-emphasis" }, " All caught up ", -1), Kn = /* @__PURE__ */ $({
   __name: "VoNotificationsList",
   props: {
     items: {}
   },
   setup(u) {
     return (e, o) => {
-      const n = He("v-empty-state"), i = Qn;
-      return c(), _(oe, {
+      const n = He("v-empty-state"), s = Yn;
+      return c(), h(oe, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
-        default: s(() => [
-          e.items.length ? (c(!0), L(B, { key: 1 }, te(e.items, (r, l) => (c(), L(B, {
-            key: r.slug
+        default: r(() => [
+          e.items.length ? (c(!0), L(T, { key: 1 }, te(e.items, (i, l) => (c(), L(T, {
+            key: i.slug
           }, [
-            l !== 0 ? (c(), _(Z, { key: 0 })) : x("", !0),
-            t(i, { notification: r }, null, 8, ["notification"])
-          ], 64))), 128)) : (c(), L("div", Yn, [
+            l !== 0 ? (c(), h(G, { key: 0 })) : w("", !0),
+            t(s, { notification: i }, null, 8, ["notification"])
+          ], 64))), 128)) : (c(), L("div", Jn, [
             t(n, {
               icon: "$vuetify",
               size: "256"
             }, {
-              media: s(() => [
+              media: r(() => [
                 t(D, { color: "medium-emphasis" })
               ]),
-              title: s(() => [
-                Jn
+              title: r(() => [
+                Xn
               ]),
               _: 1
             })
@@ -2795,84 +2795,86 @@ const vt = X("settings", () => {
       });
     };
   }
-}), Kn = X("site", () => {
-  const u = j([]), e = j();
+}), _t = Z("site", () => {
+  const u = N([]), e = N();
   return {
     id: u,
     url: e
   };
-}), ze = X("banners", () => {
-  const u = Ve(), e = Kn(), o = N(), n = j([]), i = j([]), r = j(), l = A(!1), d = S(() => {
-    if (r.value)
-      return r.value;
+}), ze = Z("banners", () => {
+  const u = de(), e = _t(), o = F(), n = N([]), s = N([]), i = N(), l = A(!1), d = S(() => {
+    if (i.value)
+      return i.value;
     if (v.value)
       return v.value;
     if (o.notifications.banners)
       return n.value.find(({
-        slug: m,
+        slug: f,
         metadata: {
-          site: f,
-          active: k
+          site: y,
+          active: O
         }
-      }) => !k || o.notifications.last.banner.includes(m) ? !1 : f.includes("dev") && !1 || f.includes("*") ? !0 : f.some((z) => e.id.includes(z)));
+      }) => !O || o.notifications.last.banner.includes(f) ? !1 : y.includes("dev") && !1 || y.includes("*") ? !0 : y.some((z) => e.id.includes(z)));
   }), v = S(() => n.value.find(({
     metadata: {
-      site: m,
-      active: f
+      site: f,
+      active: y
     }
-  }) => f ? m.includes("server") : !1));
+  }) => y ? f.includes("server") : !1));
   async function p() {
     try {
       l.value = !0;
-      const m = await u.get("/one/banners");
-      n.value = m.banners;
+      const f = await u.get("/one/banners");
+      n.value = f.banners;
     } catch {
     } finally {
       l.value = !1;
     }
     return n.value;
   }
-  async function h(m) {
+  async function _(f) {
     try {
       l.value = !0;
-      const f = await u.get(`/one/admin/banners/${m}/edit`);
-      return r.value = f.banner, f.banner;
+      const y = await u.get(`/one/admin/banners/${f}`);
+      return i.value = y.banner, y.banner;
     } catch {
     } finally {
       l.value = !1;
     }
   }
-  async function $(m, f) {
+  async function x(f) {
     try {
       l.value = !0;
-      const k = await u.form(
-        `/one/admin/banners/${m}/edit`,
+      const y = await u.form(
+        "/one/admin/banners",
         f
       );
-      return r.value = k.banner, k.banner;
+      return i.value = y.banner, y.banner;
     } catch {
     } finally {
       l.value = !1;
     }
   }
-  async function b(m) {
+  async function V(f, y) {
     try {
       l.value = !0;
-      const f = await u.form(
-        "/one/admin/banners",
-        m
+      const O = await u.form(
+        `/one/admin/banners/${f}`,
+        y
       );
-      return r.value = f.banner, f.banner;
+      return i.value = O.banner, O.banner;
     } catch {
     } finally {
       l.value = !1;
     }
   }
-  async function w() {
+  async function k() {
+  }
+  async function m() {
     try {
       l.value = !0;
-      const m = await u.get("/one/admin/banners");
-      i.value = m.banners;
+      const f = await u.get("/one/admin/banners");
+      s.value = f.banners;
     } catch {
     } finally {
       l.value = !1;
@@ -2881,18 +2883,19 @@ const vt = X("settings", () => {
   }
   return {
     all: n,
-    aall: i,
+    aall: s,
     isLoading: l,
     server: v,
     banner: d,
-    record: r,
-    admin: w,
-    get: p,
-    create: b,
-    edit: h,
-    save: $
+    record: i,
+    admin: m,
+    destroy: k,
+    index: p,
+    show: _,
+    store: x,
+    update: V
   };
-}), es = { class: "text-caption" }, ts = { class: "text-caption" }, os = /* @__PURE__ */ V({
+}), es = { class: "text-caption" }, ts = { class: "text-caption" }, os = /* @__PURE__ */ $({
   __name: "VoNotificationsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2900,111 +2903,111 @@ const vt = X("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(u) {
-    const e = re(), o = pe(), n = ze(), i = Ne(), r = M(), l = N(), d = A(["read"]), v = ie(u, "modelValue");
-    return O(o, async () => {
+    const e = re(), o = me(), n = ze(), s = Ne(), i = M(), l = F(), d = A(["read"]), v = ie(u, "modelValue");
+    return U(o, async () => {
       if (o.value.one !== "notifications") {
         v.value && (v.value = !1);
         return;
       }
-      r.isOpen = !0, await ce(), v.value = !0;
-    }, { immediate: !0 }), (p, h) => {
-      const $ = Q, b = Xn, w = En, m = ke;
-      return c(), _(m, {
+      i.isOpen = !0, await ce(), v.value = !0;
+    }, { immediate: !0 }), (p, _) => {
+      const x = Q, V = Kn, k = Wn, m = ke;
+      return c(), h(m, {
         modelValue: v.value,
-        "onUpdate:modelValue": h[2] || (h[2] = (f) => v.value = f),
-        "prepend-icon": `svg:${a(Yt)}`,
+        "onUpdate:modelValue": _[2] || (_[2] = (f) => v.value = f),
+        "prepend-icon": `svg:${a(Jt)}`,
         title: "Notifications"
       }, {
-        default: s(() => [
-          t(ye, null, {
-            default: s(() => [
-              t(bo, {
+        default: r(() => [
+          t(be, null, {
+            default: r(() => [
+              t(Vo, {
                 location: a(e).mobile.value ? "top" : "start",
                 width: a(e).mobile.value ? 128 : 168,
                 permanent: ""
               }, {
-                default: s(() => [
+                default: r(() => [
                   t(oe, {
                     selected: d.value,
-                    "onUpdate:selected": h[0] || (h[0] = (f) => d.value = f),
+                    "onUpdate:selected": _[0] || (_[0] = (f) => d.value = f),
                     class: "px-4 pt-4",
                     density: "compact",
                     mandatory: "",
                     nav: ""
                   }, {
-                    default: s(() => [
-                      t($, {
-                        "prepend-icon": `svg:${a(Jt)}`,
+                    default: r(() => [
+                      t(x, {
+                        "prepend-icon": `svg:${a(Xt)}`,
                         title: "Unread",
                         value: "read"
-                      }, q({ _: 2 }, [
-                        a(i).unread.length > 0 ? {
+                      }, W({ _: 2 }, [
+                        a(s).unread.length > 0 ? {
                           name: "append",
-                          fn: s(() => [
-                            g("span", es, C(a(i).unread.length), 1)
+                          fn: r(() => [
+                            g("span", es, C(a(s).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
-                      t($, {
-                        "prepend-icon": `svg:${a(Xt)}`,
+                      t(x, {
+                        "prepend-icon": `svg:${a(Kt)}`,
                         title: "Read",
                         value: "unread"
-                      }, q({ _: 2 }, [
-                        a(i).read.length > 0 ? {
+                      }, W({ _: 2 }, [
+                        a(s).read.length > 0 ? {
                           name: "append",
-                          fn: s(() => [
-                            g("span", ts, C(a(i).read.length), 1)
+                          fn: r(() => [
+                            g("span", ts, C(a(s).read.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
-                      a(n).all.length > 0 && a(l).notifications.banners ? (c(), _($, {
+                      a(n).all.length > 0 && a(l).notifications.banners ? (c(), h(x, {
                         key: 0,
-                        "prepend-icon": `svg:${a(Kt)}`,
+                        "prepend-icon": `svg:${a(eo)}`,
                         title: "Banners",
                         value: "banners"
                       }, {
-                        append: s(() => [
+                        append: r(() => [
                           t(Ge, {
                             "offset-y": "-3",
                             dot: ""
                           })
                         ]),
                         _: 1
-                      }, 8, ["prepend-icon"])) : x("", !0)
+                      }, 8, ["prepend-icon"])) : w("", !0)
                     ]),
                     _: 1
                   }, 8, ["selected"])
                 ]),
                 _: 1
               }, 8, ["location", "width"]),
-              t(be, { scrollable: "" }, {
-                default: s(() => [
+              t(Ve, { scrollable: "" }, {
+                default: r(() => [
                   t(lt, {
                     modelValue: d.value,
-                    "onUpdate:modelValue": h[1] || (h[1] = (f) => d.value = f)
+                    "onUpdate:modelValue": _[1] || (_[1] = (f) => d.value = f)
                   }, {
-                    default: s(() => [
-                      t(ve, { value: "read" }, {
-                        default: s(() => [
-                          t(b, {
-                            items: a(i).unread
+                    default: r(() => [
+                      t(he, { value: "read" }, {
+                        default: r(() => [
+                          t(V, {
+                            items: a(s).unread
                           }, null, 8, ["items"])
                         ]),
                         _: 1
                       }),
-                      t(ve, { value: "unread" }, {
-                        default: s(() => [
-                          t(b, {
-                            items: a(i).read
+                      t(he, { value: "unread" }, {
+                        default: r(() => [
+                          t(V, {
+                            items: a(s).read
                           }, null, 8, ["items"])
                         ]),
                         _: 1
                       }),
-                      t(ve, { value: "banners" }, {
-                        default: s(() => [
-                          t(w, {
+                      t(he, { value: "banners" }, {
+                        default: r(() => [
+                          t(k, {
                             items: a(n).all
                           }, null, 8, ["items"])
                         ]),
@@ -3024,49 +3027,49 @@ const vt = X("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), ns = /* @__PURE__ */ V({
+}), ns = /* @__PURE__ */ $({
   __name: "VoNotificationsBadge",
   setup(u) {
-    const e = Ne(), o = N();
-    return (n, i) => (c(), _(Ge, {
+    const e = Ne(), o = F();
+    return (n, s) => (c(), h(Ge, {
       content: a(e).unread.length,
       "model-value": a(o).notifications.show && a(e).unread.length > 0,
       color: "error"
     }, {
-      default: s(() => [
+      default: r(() => [
         P(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["content", "model-value"]));
   }
-}), ss = /* @__PURE__ */ V({
+}), ss = /* @__PURE__ */ $({
   __name: "VoNotificationsNavItem",
   setup(u) {
-    const e = ze(), o = N(), n = Ne(), i = A(!1);
+    const e = ze(), o = F(), n = Ne(), s = A(!1);
     return Xe(async () => {
-      n.index(), e.get();
-    }), (r, l) => {
+      n.index(), e.index();
+    }), (i, l) => {
       const d = ns, v = os, p = Q;
-      return a(o).notifications.show ? (c(), _(p, {
+      return a(o).notifications.show ? (c(), h(p, {
         key: 0,
-        active: i.value,
-        "prepend-icon": `svg:${a(eo)}`,
+        active: s.value,
+        "prepend-icon": `svg:${a(to)}`,
         title: "Notifications",
         link: ""
-      }, q({
-        default: s(() => [
+      }, W({
+        default: r(() => [
           t(v, {
-            modelValue: i.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (h) => i.value = h)
+            modelValue: s.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (_) => s.value = _)
           }, null, 8, ["modelValue"])
         ]),
         _: 2
       }, [
         a(n).unread.length ? {
           name: "prepend",
-          fn: s(() => [
+          fn: r(() => [
             t(d, null, {
-              default: s(() => [
+              default: r(() => [
                 t(D)
               ]),
               _: 1
@@ -3074,58 +3077,58 @@ const vt = X("settings", () => {
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["active", "prepend-icon"])) : x("", !0);
+      ]), 1032, ["active", "prepend-icon"])) : w("", !0);
     };
   }
-}), as = /* @__PURE__ */ V({
+}), as = /* @__PURE__ */ $({
   __name: "VoDashboardListItem",
   setup(u) {
     const e = M();
     return (o, n) => {
-      const i = Q;
-      return c(), _(i, {
-        "prepend-icon": `svg:${a(to)}`,
+      const s = Q;
+      return c(), h(s, {
+        "prepend-icon": `svg:${a(oo)}`,
         title: "Dashboard",
         to: "/user/dashboard",
-        onClick: n[0] || (n[0] = (r) => a(e).isOpen = !1)
+        onClick: n[0] || (n[0] = (i) => a(e).isOpen = !1)
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), is = /* @__PURE__ */ V({
+}), is = /* @__PURE__ */ $({
   __name: "VoUserList",
   setup(u) {
-    const e = T();
+    const e = j();
     return (o, n) => {
-      const i = as, r = ss, l = zn, d = kn, v = dn, p = Po, h = No;
-      return c(), _(oe, {
+      const s = as, i = ss, l = Fn, d = $n, v = pn, p = Ro, _ = To;
+      return c(), h(oe, {
         density: "compact",
         nav: "",
         slim: ""
       }, {
-        default: s(() => [
+        default: r(() => [
+          t(s),
           t(i),
-          t(r),
           t(l),
           t(d),
-          a(e).user ? (c(), _(v, { key: 0 })) : x("", !0),
+          a(e).user ? (c(), h(v, { key: 0 })) : w("", !0),
           t(p),
-          a(e).user ? (c(), _(h, { key: 1 })) : x("", !0)
+          a(e).user ? (c(), h(_, { key: 1 })) : w("", !0)
         ]),
         _: 1
       });
     };
   }
-}), rs = { key: 0 }, ls = { class: "d-flex align-center justify-center pa-1 ga-2" }, us = /* @__PURE__ */ V({
+}), rs = { key: 0 }, ls = { class: "d-flex align-center justify-center pa-1 ga-2" }, us = /* @__PURE__ */ $({
   __name: "VoUserQuickActions",
   setup(u) {
-    const e = N(), o = [
+    const e = F(), o = [
       ["M18.9112 5.03206L3.68692 8.88953C3.68692 8.88953 2.00252 6.21666 2 6.21428C2.02517 6.20794 18.6159 2.00476 18.6394 2L18.8944 4.8489L18.9095 5.01937L18.9112 5.03285V5.03206Z", 0.6],
       ["M19.4556 10.9994C19.4556 10.9994 7.06082 14.1417 7.05915 14.1386L5.3739 11.4641C5.41836 11.453 18.4582 8.14817 18.4993 8.13945L19.1838 7.9658L19.4556 10.9994Z", 1],
       "M20 17.0652C19.9916 17.0675 14.6826 18.4123 14.6742 18.4147C14.6994 17.3633 14.3353 16.3579 13.712 15.5563L19.7274 14.0331L20 17.066V17.0652Z",
       ["M12.353 16.0368C9.07567 12.843 3.90082 17.0493 6.66818 20.5975C9.94136 24.3844 15.773 19.6984 12.353 16.0368ZM11.1267 19.4129C10.2224 20.7664 7.79139 20.1099 7.82746 18.4686C8.04976 15.4897 12.7112 16.8495 11.1267 19.4129Z", 0.6]
     ];
-    return (n, i) => (c(), _(ge, null, {
-      default: s(() => [
+    return (n, s) => (c(), h(ye, null, {
+      default: r(() => [
         a(e).quickbar ? (c(), L("div", rs, [
           g("div", ls, [
             t(E, {
@@ -3136,9 +3139,9 @@ const vt = X("settings", () => {
               icon: "$vuetify-play",
               target: "_blank"
             }, {
-              default: s(() => [
+              default: r(() => [
                 t(D),
-                t(J, {
+                t(X, {
                   activator: "parent",
                   location: "top",
                   text: "Vuetify Play"
@@ -3154,9 +3157,9 @@ const vt = X("settings", () => {
               href: "https://bin.vuetifyjs.com",
               target: "_blank"
             }, {
-              default: s(() => [
+              default: r(() => [
                 t(D),
-                t(J, {
+                t(X, {
                   activator: "parent",
                   location: "top",
                   text: "Vuetify Bin"
@@ -3166,15 +3169,15 @@ const vt = X("settings", () => {
             }, 8, ["color"]),
             t(E, {
               color: a(e).colors.one,
-              icon: `svg:${a(oo)}`,
+              icon: `svg:${a(no)}`,
               class: "text-caption",
               density: "comfortable",
               href: "https://issues.vuetifyjs.com",
               target: "_blank"
             }, {
-              default: s(() => [
+              default: r(() => [
                 t(D),
-                t(J, {
+                t(X, {
                   activator: "parent",
                   location: "top",
                   text: "Vuetify Issues"
@@ -3183,15 +3186,15 @@ const vt = X("settings", () => {
               _: 1
             }, 8, ["color", "icon"])
           ])
-        ])) : x("", !0)
+        ])) : w("", !0)
       ]),
       _: 1
     }));
   }
-}), cs = { class: "mb-2" }, ds = { key: 0 }, ps = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, ms = { class: "text-h6" }, fs = /* @__PURE__ */ V({
+}), cs = { class: "mb-2" }, ds = { key: 0 }, ps = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, ms = { class: "text-h6" }, fs = /* @__PURE__ */ $({
   __name: "VoUserAvatar",
   setup(u) {
-    const e = T(), o = N(), n = A(!1), i = S(() => {
+    const e = j(), o = F(), n = A(!1), s = S(() => {
       const d = [
         "https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/grass.png",
@@ -3210,7 +3213,7 @@ const vt = X("settings", () => {
       ];
       return e.user && d.unshift(e.user.picture), d;
     });
-    function r(d) {
+    function i(d) {
       o.avatar = d;
     }
     function l() {
@@ -3219,8 +3222,8 @@ const vt = X("settings", () => {
     return (d, v) => {
       var p;
       return c(), L("div", null, [
-        Le((c(), _(ne, {
-          class: kt([
+        Le((c(), h(ne, {
+          class: $t([
             "border-md border-opacity-100 border-surface-variant",
             {
               "cursor-pointer": a(e).isSubscriber
@@ -3231,12 +3234,12 @@ const vt = X("settings", () => {
           text: "Foobar",
           onClick: Re(l, ["prevent", "stop"])
         }, {
-          default: s(() => [
-            a(e).user && a(o).avatar ? (c(), _(ae, {
+          default: r(() => [
+            a(e).user && a(o).avatar ? (c(), h(se, {
               key: 0,
               src: a(o).avatar,
               alt: "User avatar"
-            }, null, 8, ["src"])) : (c(), _(D, {
+            }, null, 8, ["src"])) : (c(), h(D, {
               key: 1,
               class: "mt-1",
               icon: "$vuetify",
@@ -3245,29 +3248,29 @@ const vt = X("settings", () => {
           ]),
           _: 1
         }, 8, ["class"])), [
-          [Vo, a(e).isSubscriber]
+          [ko, a(e).isSubscriber]
         ]),
         g("div", cs, [
-          t(ge, null, {
-            default: s(() => [
+          t(ye, null, {
+            default: r(() => [
               n.value ? (c(), L("div", ds, [
                 t(H, {
                   class: "pt-6 pb-1",
                   rounded: "0",
                   flat: ""
                 }, {
-                  default: s(() => [
+                  default: r(() => [
                     g("div", ps, [
-                      (c(!0), L(B, null, te(i.value, (h, $) => (c(), _(E, {
-                        key: $,
-                        active: a(o).avatar === h,
+                      (c(!0), L(T, null, te(s.value, (_, x) => (c(), h(E, {
+                        key: x,
+                        active: a(o).avatar === _,
                         variant: "flat",
                         icon: "",
-                        onClick: (b) => r(h)
+                        onClick: (V) => i(_)
                       }, {
-                        default: s(() => [
+                        default: r(() => [
                           t(ne, {
-                            image: h,
+                            image: _,
                             eager: ""
                           }, null, 8, ["image"])
                         ]),
@@ -3277,7 +3280,7 @@ const vt = X("settings", () => {
                   ]),
                   _: 1
                 })
-              ])) : x("", !0)
+              ])) : w("", !0)
             ]),
             _: 1
           })
@@ -3286,94 +3289,94 @@ const vt = X("settings", () => {
       ]);
     };
   }
-}), vs = /* @__PURE__ */ V({
+}), vs = /* @__PURE__ */ $({
   __name: "VoUserBadges",
   setup(u) {
-    const e = T(), o = M(), n = S(() => {
-      var i;
-      return o.github || o.discord || o.isSubscriber || ((i = e.user) == null ? void 0 : i.isAdmin);
+    const e = j(), o = M(), n = S(() => {
+      var s;
+      return o.github || o.discord || o.isSubscriber || ((s = e.user) == null ? void 0 : s.isAdmin);
     });
-    return (i, r) => n.value ? (c(), _(_e, {
+    return (s, i) => n.value ? (c(), h(_e, {
       key: 0,
       class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
       color: "rgba(0,0,0,.54)",
       rounded: "lg",
       style: { left: "0" }
     }, {
-      default: s(() => {
+      default: r(() => {
         var l;
         return [
-          (l = a(e).user) != null && l.isAdmin ? (c(), _(J, {
+          (l = a(e).user) != null && l.isAdmin ? (c(), h(X, {
             key: 0,
             location: "bottom",
             text: "Vuetify Administrator"
           }, {
-            activator: s(({ props: d }) => [
+            activator: r(({ props: d }) => [
               t(D, R({
                 color: "blue",
                 icon: "$vuetify"
               }, d, { size: "16" }), null, 16)
             ]),
             _: 1
-          })) : x("", !0),
-          a(o).isSubscriber ? (c(), _(J, {
+          })) : w("", !0),
+          a(o).isSubscriber ? (c(), h(X, {
             key: 1,
             location: "bottom",
             text: "Vuetify One Subscriber"
           }, {
-            activator: s(({ props: d }) => [
+            activator: r(({ props: d }) => [
               t(D, R({
-                icon: `svg:${a(no)}`,
+                icon: `svg:${a(so)}`,
                 color: "amber-darken-2"
               }, d, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
-          })) : x("", !0),
-          a(o).github ? (c(), _(J, {
+          })) : w("", !0),
+          a(o).github ? (c(), h(X, {
             key: 2,
             location: "bottom",
             text: "GitHub Sponsor"
           }, {
-            activator: s(({ props: d }) => [
+            activator: r(({ props: d }) => [
               t(D, R({
                 icon: `svg:${a(qe)}`,
                 color: "white"
               }, d, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
-          })) : x("", !0),
-          a(o).discord ? (c(), _(J, {
+          })) : w("", !0),
+          a(o).discord ? (c(), h(X, {
             key: 3,
             location: "bottom",
             text: "Discord Subscriber"
           }, {
-            activator: s(({ props: d }) => [
+            activator: r(({ props: d }) => [
               t(D, R({
                 icon: `svg:${a(We)}`,
                 color: "white"
               }, d, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
-          })) : x("", !0)
+          })) : w("", !0)
         ];
       }),
       _: 1
-    })) : x("", !0);
+    })) : w("", !0);
   }
-}), _s = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, hs = {
+}), hs = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, _s = {
   key: "reset",
   class: "align-self-end"
-}, gs = /* @__PURE__ */ V({
+}, gs = /* @__PURE__ */ $({
   __name: "VoUserColors",
   setup(u) {
-    const e = T(), o = N(), n = A(!1);
-    function i() {
+    const e = j(), o = F(), n = A(!1);
+    function s() {
       o.colors.one = "surface-light";
     }
-    return (r, l) => {
-      const d = vs, v = de;
-      return c(), L(B, null, [
-        t(ae, {
+    return (i, l) => {
+      const d = vs, v = pe;
+      return c(), L(T, null, [
+        t(se, {
           color: a(e).user ? a(o).colors.one : "surface-light",
           "content-class": "d-flex align-start justify-end pa-2",
           height: "88",
@@ -3381,10 +3384,10 @@ const vt = X("settings", () => {
           cover: "",
           flat: ""
         }, {
-          default: s(() => [
-            g("div", _s, [
+          default: r(() => [
+            g("div", hs, [
               t(d),
-              a(e).isSubscriber ? (c(), _(v, {
+              a(e).isSubscriber ? (c(), h(v, {
                 key: 0,
                 active: n.value,
                 icon: n.value ? `svg:${a(De)}` : "$edit",
@@ -3395,10 +3398,10 @@ const vt = X("settings", () => {
                 title: "Edit One Header Color",
                 onClick: l[0] || (l[0] = (p) => n.value = !n.value)
               }, {
-                default: s(() => [
+                default: r(() => [
                   t(Oe, { "leave-absolute": "" }, {
-                    default: s(() => [
-                      (c(), _(D, {
+                    default: r(() => [
+                      (c(), h(D, {
                         key: String(n.value)
                       }))
                     ]),
@@ -3406,19 +3409,19 @@ const vt = X("settings", () => {
                   })
                 ]),
                 _: 1
-              }, 8, ["active", "icon", "variant"])) : x("", !0),
-              t(co, null, {
-                default: s(() => [
-                  Le(g("div", hs, [
+              }, 8, ["active", "icon", "variant"])) : w("", !0),
+              t(po, null, {
+                default: r(() => [
+                  Le(g("div", _s, [
                     t(v, {
                       disabled: a(o).colors.one === "surface-light",
-                      icon: `svg:${a(so)}`,
+                      icon: `svg:${a(ao)}`,
                       class: "ms-2 me-1",
                       color: "inherit",
                       density: "comfortable",
                       title: "Revert to Default",
                       variant: "text",
-                      onClick: i
+                      onClick: s
                     }, null, 8, ["disabled", "icon"])
                   ], 512), [
                     [Ee, n.value]
@@ -3430,9 +3433,9 @@ const vt = X("settings", () => {
           ]),
           _: 1
         }, 8, ["color"]),
-        t(ge, null, {
-          default: s(() => [
-            n.value ? (c(), _(ko, {
+        t(ye, null, {
+          default: r(() => [
+            n.value ? (c(), h($o, {
               key: 0,
               "model-value": a(o).colors.one !== "surface-light" ? a(o).colors.one : void 0,
               elevation: "0",
@@ -3445,49 +3448,49 @@ const vt = X("settings", () => {
               "hide-sliders": "",
               "show-swatches": "",
               "onUpdate:modelValue": l[1] || (l[1] = (p) => a(o).colors.one = p)
-            }, null, 8, ["model-value"])) : x("", !0)
+            }, null, 8, ["model-value"])) : w("", !0)
           ]),
           _: 1
         })
       ], 64);
     };
   }
-}), ys = { class: "text-center mt-n9 mb-4" }, bs = /* @__PURE__ */ V({
+}), ys = { class: "text-center mt-n9 mb-4" }, bs = /* @__PURE__ */ $({
   __name: "VoUserMenu",
   setup(u) {
-    const e = ze(), o = M(), n = j();
-    return O(() => e.banner, async () => {
-      var i, r;
-      await new Promise((l) => setTimeout(l, 300)), o.isOpen && ((r = (i = n.value) == null ? void 0 : i.updateLocation) == null || r.call(i));
-    }, { flush: "pre" }), (i, r) => {
-      const l = gs, d = fs, v = us, p = is, h = mt;
-      return c(), _(a($o), {
+    const e = ze(), o = M(), n = N();
+    return U(() => e.banner, async () => {
+      var s, i;
+      await new Promise((l) => setTimeout(l, 300)), o.isOpen && ((i = (s = n.value) == null ? void 0 : s.updateLocation) == null || i.call(s));
+    }, { flush: "pre" }), (s, i) => {
+      const l = gs, d = fs, v = us, p = is, _ = mt;
+      return c(), h(a(xo), {
         ref_key: "menu",
         ref: n,
         modelValue: a(o).isOpen,
-        "onUpdate:modelValue": r[0] || (r[0] = ($) => a(o).isOpen = $),
+        "onUpdate:modelValue": i[0] || (i[0] = (x) => a(o).isOpen = x),
         "close-on-click": !1,
         "close-on-content-click": !1,
         activator: "parent",
         location: "bottom end",
         eager: ""
       }, {
-        default: s(() => [
+        default: r(() => [
           t(H, {
             rounded: "lg",
             width: "280",
             border: ""
           }, {
-            default: s(() => [
+            default: r(() => [
               t(l),
               g("div", ys, [
                 t(d),
                 t(v)
               ]),
-              t(Z),
+              t(G),
               t(p),
-              t(Z),
-              t(h)
+              t(G),
+              t(_)
             ]),
             _: 1
           })
@@ -3496,24 +3499,24 @@ const vt = X("settings", () => {
       }, 8, ["modelValue"]);
     };
   }
-}), Vs = { key: 0 }, ks = /* @__PURE__ */ V({
+}), Vs = { key: 0 }, ks = /* @__PURE__ */ $({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
   },
   setup(u) {
-    const e = T(), o = M(), n = N(), { lgAndUp: i } = re(), r = S(() => o.isOpen || !e.user ? n.colors.one === "surface-light" ? "primary" : n.colors.one : "surface-light");
+    const e = j(), o = M(), n = F(), { lgAndUp: s } = re(), i = S(() => o.isOpen || !e.user ? n.colors.one === "surface-light" ? "primary" : n.colors.one : "surface-light");
     return (l, d) => {
-      const v = bs, p = de, h = Uo, $ = pt;
-      return c(), L(B, null, [
-        t(h, {
+      const v = bs, p = pe, _ = Bo, x = pt;
+      return c(), L(T, null, [
+        t(_, {
           "offset-y": a(e).user ? 5 : 0
         }, {
-          default: s(() => [
+          default: r(() => [
             t(p, R({
-              [`${a(i) ? "append-" : ""}icon`]: a(e).user ? void 0 : `svg:${a(ao)}`
+              [`${a(s) ? "append-" : ""}icon`]: a(e).user ? void 0 : `svg:${a(io)}`
             }, {
-              color: r.value,
+              color: i.value,
               icon: a(e).user || a(e).isLoading,
               loading: a(e).isLoading,
               variant: a(e).user ? "outlined" : "flat",
@@ -3522,12 +3525,12 @@ const vt = X("settings", () => {
               style: { transition: ".2s ease" },
               active: ""
             }), {
-              default: s(() => [
-                a(e).user ? x("", !0) : (c(), L("span", Vs, "Login")),
-                a(e).user ? (c(), _(ne, {
+              default: r(() => [
+                a(e).user ? w("", !0) : (c(), L("span", Vs, "Login")),
+                a(e).user ? (c(), h(ne, {
                   key: 1,
                   image: a(n).avatar || a(e).user.picture || ""
-                }, null, 8, ["image"])) : x("", !0),
+                }, null, 8, ["image"])) : w("", !0),
                 t(v)
               ]),
               _: 1
@@ -3535,49 +3538,49 @@ const vt = X("settings", () => {
           ]),
           _: 1
         }, 8, ["offset-y"]),
-        t($)
+        t(x)
       ], 64);
     };
   }
-}), $s = /* @__PURE__ */ V({
+}), $s = /* @__PURE__ */ $({
   __name: "VoNotificationsBanner",
   props: {
     demo: { type: Boolean }
   },
   setup(u) {
-    const e = u, { mdAndUp: o } = re(), n = Ie(), i = N(), r = ze(), l = S(() => r.banner), d = S(() => {
-      var b, w;
-      return ((b = l.value) == null ? void 0 : b.metadata.height) || ((w = l.value) != null && w.metadata.subtext ? 88 : 48);
-    }), v = S(() => e.demo ? !0 : !l.value || !i.notifications.last.banner.includes(l.value.slug));
+    const e = u, { mdAndUp: o } = re(), n = Ie(), s = F(), i = ze(), l = S(() => i.banner), d = S(() => {
+      var V, k;
+      return ((V = l.value) == null ? void 0 : V.metadata.height) || ((k = l.value) != null && k.metadata.subtext ? 88 : 48);
+    }), v = S(() => e.demo ? !0 : !l.value || !s.notifications.last.banner.includes(l.value.slug));
     function p() {
-      l.value && i.notifications.last.banner.push(l.value.slug);
+      l.value && s.notifications.last.banner.push(l.value.slug);
     }
-    async function h(b) {
+    async function _(V) {
       var f;
       if (!l.value)
         return;
       p(), await ce();
-      const w = ((f = l.value) == null ? void 0 : f.metadata) ?? { link: "" };
-      if (w.link.indexOf("?one=") === -1)
+      const k = ((f = l.value) == null ? void 0 : f.metadata) ?? { link: "" };
+      if (k.link.indexOf("?one=") === -1)
         return;
-      b.preventDefault(), b.stopPropagation();
-      const m = w.link.split("?one=")[1];
+      V.preventDefault(), V.stopPropagation();
+      const m = k.link.split("?one=")[1];
       n.push({ query: { one: m } });
     }
-    const $ = S(() => {
-      var w, m;
-      const b = ((w = l.value) == null ? void 0 : w.metadata) ?? { link: "" };
+    const x = S(() => {
+      var k, m;
+      const V = ((k = l.value) == null ? void 0 : k.metadata) ?? { link: "" };
       return {
-        href: b.link.startsWith("http") ? b.link : void 0,
-        target: b.link.startsWith("http") ? "_blank" : void 0,
-        to: b.link.startsWith("http") ? void 0 : b.link,
+        href: V.link.startsWith("http") ? V.link : void 0,
+        target: V.link.startsWith("http") ? "_blank" : void 0,
+        to: V.link.startsWith("http") ? void 0 : V.link,
         ...(m = l.value) == null ? void 0 : m.metadata.attributes,
-        onClick: h
+        onClick: _
       };
     });
-    return (b, w) => {
+    return (V, k) => {
       var m;
-      return l.value ? (c(), _(xo, {
+      return l.value ? (c(), h(wo, {
         key: 0,
         color: l.value.metadata.color,
         height: d.value,
@@ -3586,28 +3589,28 @@ const vt = X("settings", () => {
         order: "-1",
         flat: ""
       }, {
-        default: s(() => [
-          t(he, R($.value, {
+        default: r(() => [
+          t(ge, R(x.value, {
             active: !1,
             class: "flex-grow-1 py-6",
             lines: "two",
-            onClick: h
+            onClick: _
           }), {
-            prepend: s(() => [
-              l.value.metadata.images.logo ? (c(), _(ne, {
+            prepend: r(() => [
+              l.value.metadata.images.logo ? (c(), h(ne, {
                 key: 0,
                 image: l.value.metadata.images.logo.url,
                 icon: "$vuetify",
                 size: "x-large",
                 tile: ""
-              }, null, 8, ["image"])) : x("", !0)
+              }, null, 8, ["image"])) : w("", !0)
             ]),
-            append: s(() => [
-              a(o) && l.value.metadata.link && l.value.metadata.link_text ? (c(), _(Be, { key: 0 }, {
-                default: s(({ isHovering: f, props: k }) => [
+            append: r(() => [
+              a(o) && l.value.metadata.link && l.value.metadata.link_text ? (c(), h(Be, { key: 0 }, {
+                default: r(({ isHovering: f, props: y }) => [
                   t(E, R({
-                    ...k,
-                    ...$.value
+                    ...y,
+                    ...x.value
                   }, {
                     "append-icon": `svg:${a(Ae)}`,
                     color: l.value.metadata.link_color,
@@ -3615,157 +3618,260 @@ const vt = X("settings", () => {
                     title: l.value.metadata.link_text,
                     class: "text-none me-2",
                     variant: "elevated",
-                    onClick: h
+                    onClick: _
                   }), {
-                    default: s(() => [
-                      U(C(l.value.metadata.link_text), 1)
+                    default: r(() => [
+                      B(C(l.value.metadata.link_text), 1)
                     ]),
                     _: 2
                   }, 1040, ["append-icon", "color", "elevation", "title"])
                 ]),
                 _: 1
-              })) : x("", !0),
-              l.value.metadata.closable ? (c(), _(E, {
+              })) : w("", !0),
+              l.value.metadata.closable ? (c(), h(E, {
                 key: 1,
-                disabled: b.demo,
+                disabled: V.demo,
                 class: "ms-6 me-2",
                 density: "comfortable",
                 icon: "$clear",
                 size: "small",
                 variant: "plain",
                 onClick: Re(p, ["prevent", "stop"])
-              }, null, 8, ["disabled"])) : x("", !0)
+              }, null, 8, ["disabled"])) : w("", !0)
             ]),
-            default: s(() => [
-              l.value.metadata.text ? (c(), _(st, {
+            default: r(() => [
+              l.value.metadata.text ? (c(), h(st, {
                 key: 0,
                 class: "text-subtitle-2 text-md-subtitle-1 font-weight-medium"
               }, {
-                default: s(() => [
-                  U(C(l.value.metadata.text), 1)
+                default: r(() => [
+                  B(C(l.value.metadata.text), 1)
                 ]),
                 _: 1
-              })) : x("", !0),
-              l.value.metadata.subtext ? (c(), _(io, { key: 1 }, {
-                default: s(() => [
-                  U(C(l.value.metadata.subtext), 1)
+              })) : w("", !0),
+              l.value.metadata.subtext ? (c(), h(ro, { key: 1 }, {
+                default: r(() => [
+                  B(C(l.value.metadata.subtext), 1)
                 ]),
                 _: 1
-              })) : x("", !0)
+              })) : w("", !0)
             ]),
             _: 1
           }, 16)
         ]),
         _: 1
-      }, 8, ["color", "height", "image", "model-value"])) : x("", !0);
+      }, 8, ["color", "height", "image", "model-value"])) : w("", !0);
     };
   }
-}), ca = X("bins", () => {
-  const u = T(), e = Ve(), o = j([]), n = j(), i = A(!1), r = A(-1), l = S(() => !u.user || !n.value ? !1 : u.user.id === n.value.owner.id), d = S(() => o.value.filter((f) => f.favorite)), v = S(() => o.value.filter((f) => f.pinned));
-  O(n, () => {
-    window.clearTimeout(r.value), r.value = window.setTimeout(() => {
-      !n.value || !l.value || b(n.value, n.value.id);
-    }, 100);
-  }, { deep: !0 });
-  async function p() {
+}), xs = Z("spots", () => {
+  const u = de(), e = _t(), o = N([]), n = N([]), s = N(), i = A(!1), l = S(() => s.value ? s.value : o.value.find(({
+    metadata: {
+      site: k,
+      active: m
+    }
+  }) => m ? k.includes("dev") && !1 || k.includes("*") ? !0 : k.some((f) => e.id.includes(f)) : !1));
+  async function d() {
     try {
       i.value = !0;
-      const f = await e.get("/one/bins");
-      o.value = f.bins;
+      const k = await u.get("/one/spots");
+      o.value = k.spots;
     } catch {
     } finally {
       i.value = !1;
     }
     return o.value;
   }
-  async function h(f) {
+  async function v(k) {
     try {
-      i.value = !0, await e.delete(`/one/bins/${f}`), o.value = o.value.filter((k) => k.id !== f);
+      i.value = !0;
+      const m = await u.get(`/one/admin/spots/${k}`);
+      return s.value = m.spot, m.spot;
     } catch {
     } finally {
       i.value = !1;
     }
-    return !0;
   }
-  async function $(f) {
+  async function p(k) {
     try {
       i.value = !0;
-      const k = await e.post("/one/bins", { bin: f });
-      return o.value.push(k.bin), n.value = k.bin, k;
+      const m = await u.form(
+        "/one/admin/spots",
+        k
+      );
+      return s.value = m.spot, m.spot;
     } catch {
     } finally {
       i.value = !1;
     }
-    return { bin: f };
   }
-  async function b(f, k) {
+  async function _(k, m) {
     try {
       i.value = !0;
-      const z = await e.post(`/one/bins/${k}`, { bin: f }), F = o.value.findIndex((se) => se.id === k);
-      o.value.splice(F, 1, z.bin);
+      const f = await u.form(
+        `/one/admin/spots/${k}`,
+        m
+      );
+      return s.value = f.spot, f.spot;
     } catch {
     } finally {
       i.value = !1;
     }
-    return { bin: f };
   }
-  async function w(f, k) {
+  async function x() {
+  }
+  async function V() {
     try {
       i.value = !0;
-      const z = k ? await b(f, k) : await $(f);
-      n.value = z.bin;
+      const k = await u.get("/one/admin/spots");
+      n.value = k.spots;
     } catch {
     } finally {
       i.value = !1;
     }
+    return o.value;
+  }
+  return {
+    all: o,
+    aall: n,
+    isLoading: i,
+    spot: l,
+    record: s,
+    admin: V,
+    index: d,
+    show: v,
+    store: p,
+    update: _,
+    destroy: x
+  };
+}), ws = ["href"], Ss = /* @__PURE__ */ $({
+  __name: "VoSpot",
+  setup(u) {
+    const e = xs();
+    return (o, n) => {
+      var s;
+      return a(e).spot ? (c(), L("a", {
+        key: 0,
+        href: a(e).spot.metadata.href,
+        rel: "noopener noreferrer sponsored",
+        target: "_blank"
+      }, [
+        t(se, {
+          color: a(e).spot.metadata.image ? void 0 : "surface",
+          src: (s = a(e).spot.metadata.image) == null ? void 0 : s.url,
+          class: "mx-auto",
+          width: "225",
+          rounded: ""
+        }, null, 8, ["color", "src"])
+      ], 8, ws)) : w("", !0);
+    };
+  }
+}), ma = Z("bins", () => {
+  const u = j(), e = de(), o = N([]), n = N(), s = A(!1), i = A(-1), l = S(() => !u.user || !n.value ? !1 : u.user.id === n.value.owner.id), d = S(() => o.value.filter((f) => f.favorite)), v = S(() => o.value.filter((f) => f.pinned));
+  U(n, () => {
+    window.clearTimeout(i.value), i.value = window.setTimeout(() => {
+      !n.value || !l.value || V(n.value, n.value.id);
+    }, 100);
+  }, { deep: !0 });
+  async function p() {
+    try {
+      s.value = !0;
+      const f = await e.get("/one/bins");
+      o.value = f.bins;
+    } catch {
+    } finally {
+      s.value = !1;
+    }
+    return o.value;
+  }
+  async function _(f) {
+    try {
+      s.value = !0, await e.delete(`/one/bins/${f}`), o.value = o.value.filter((y) => y.id !== f);
+    } catch {
+    } finally {
+      s.value = !1;
+    }
+    return !0;
+  }
+  async function x(f) {
+    try {
+      s.value = !0;
+      const y = await e.post("/one/bins", { bin: f });
+      return o.value.push(y.bin), n.value = y.bin, y;
+    } catch {
+    } finally {
+      s.value = !1;
+    }
+    return { bin: f };
+  }
+  async function V(f, y) {
+    try {
+      s.value = !0;
+      const O = await e.post(`/one/bins/${y}`, { bin: f }), z = o.value.findIndex((ae) => ae.id === y);
+      o.value.splice(z, 1, O.bin);
+    } catch {
+    } finally {
+      s.value = !1;
+    }
+    return { bin: f };
+  }
+  async function k(f, y) {
+    try {
+      s.value = !0;
+      const O = y ? await V(f, y) : await x(f);
+      n.value = O.bin;
+    } catch {
+    } finally {
+      s.value = !1;
+    }
     return { bin: f };
   }
   async function m(f) {
     try {
-      i.value = !0;
-      const k = await e.get(`/one/bins/${f}`);
-      n.value = k.bin;
+      s.value = !0;
+      const y = await e.get(`/one/bins/${f}`);
+      n.value = y.bin;
     } catch {
     } finally {
-      i.value = !1;
+      s.value = !1;
     }
     return { bin: n.value };
   }
   return {
-    isLoading: i,
+    isLoading: s,
     isOwner: l,
     pinned: v,
     favorites: d,
     all: o,
-    create: $,
-    delete: h,
+    create: x,
+    delete: _,
     current: n,
     find: m,
     get: p,
-    update: b,
-    updateOrCreate: w
+    update: V,
+    updateOrCreate: k
   };
 });
-function da() {
+function fa() {
   function u(e) {
-    e.component("VoAuthBtn", ks), e.component("VoAuthCard", dt), e.component("VoAuthDialog", pt), e.component("VoAuthListItem", mt), e.component("VoNotificationsBanner", $s), e.component("VoFooter", _t);
+    e.component("VoAuthBtn", ks), e.component("VoAuthCard", dt), e.component("VoAuthDialog", pt), e.component("VoAuthListItem", mt), e.component("VoNotificationsBanner", $s), e.component("VoSpot", Ss), e.component("VoFooter", ht);
   }
   return { install: u };
 }
-function pa(u, e) {
+function va(u, e) {
   return function(o) {
     const n = o.store;
     n.url = e, n.$id === "site" && (n.id = u);
   };
 }
 export {
-  da as createOne,
-  pa as one,
-  T as useAuthStore,
+  fa as createOne,
+  va as one,
+  j as useAuthStore,
   ze as useBannersStore,
-  ca as useBinsStore,
-  Ve as useHttpStore,
+  ma as useBinsStore,
+  de as useHttpStore,
   M as useOneStore,
   vt as useSettingsStore,
-  N as useUserStore
+  xs as useSpotsStore,
+  F as useUserStore
 };