@vuetify/one 1.1.3 → 1.1.5

package/dist/index.js

@@ -1,44 +1,44 @@
-import { reactive as dt, watch as N, toRefs as pt, ref as H, shallowRef as D, computed as w, defineComponent as k, openBlock as d, createBlock as v, unref as t, withCtx as a, renderSlot as R, normalizeStyle as Qe, createSlots as W, createCommentVNode as x, createElementVNode as h, toDisplayString as A, createVNode as o, withModifiers as Te, mergeModels as mt, useModel as le, createElementBlock as L, Fragment as U, createTextVNode as B, onBeforeMount as ft, nextTick as fe, renderList as oe, mergeProps as P, resolveComponent as Me, withDirectives as xe, vShow as Re, onMounted as vt, normalizeClass as _t, pushScopeId as ht, popScopeId as gt } from "vue";
-import { useRouter as Pe, useRoute as bt } from "vue-router/auto";
-import { defineStore as J } from "pinia";
+import { reactive as pt, watch as N, toRefs as mt, ref as H, shallowRef as D, computed as w, defineComponent as k, openBlock as d, createBlock as f, unref as t, createSlots as G, withCtx as a, createElementVNode as h, toDisplayString as I, createVNode as o, createTextVNode as B, renderSlot as R, normalizeStyle as Qe, createCommentVNode as x, withModifiers as Te, mergeModels as ft, useModel as ie, createElementBlock as S, Fragment as U, onBeforeMount as vt, nextTick as fe, renderList as oe, mergeProps as P, resolveComponent as Me, withDirectives as xe, vShow as Re, onMounted as _t, normalizeClass as ht, pushScopeId as gt, popScopeId as bt } from "vue";
+import { useRouter as Pe, useRoute as yt } from "vue-router";
+import { defineStore as X } from "pinia";
 import { merge as Oe } from "lodash-es";
-import { VBadge as He } from "vuetify/lib/components/VBadge/index.mjs";
-import { VBtn as G } from "vuetify/lib/components/VBtn/index.mjs";
-import { VProgressCircular as yt } from "vuetify/lib/components/VProgressCircular/index.mjs";
-import { mdiDiscord as Ee, mdiGithub as We, mdiSync as Vt, mdiSyncOff as kt, mdiLogoutVariant as xt, mdiCheck as re, mdiHome as $t, mdiTextBox as wt, mdiSpaceInvaders as Je, mdiWhiteBalanceSunny as St, mdiWeatherNight as Ct, mdiDesktopTowerMonitor as Lt, mdiImageFilterHdr as At, mdiRocketLaunchOutline as It, mdiContrastCircle as Dt, mdiCog as Ut, mdiCogOutline as Bt, mdiFileDocument as Nt, mdiCreditCardSettingsOutline as Ot, mdiRocketOutline as Ft, mdiCheckCircleOutline as pe, mdiCreditCard as zt, mdiReload as jt, mdiPlaylistCheck as Tt, mdiCreditCardOutline as Mt, mdiMedal as Ge, mdiOpenInNew as ve, mdiHandHeart as Rt, mdiChartLine as Pt, mdiHandHeartOutline as Ht, mdiEmailOpenOutline as Xe, mdiEmailVariant as Ke, mdiBell as Et, mdiInboxOutline as Wt, mdiInboxFullOutline as Gt, mdiBillboard as qt, mdiBellOutline as Yt, mdiViewDashboardOutline as Zt, mdiSpider as Qt, mdiCrown as Jt, mdiArrowULeftBottom as Xt, mdiLogin as Kt, mdiShieldStarOutline as eo, mdiReddit as to } from "@mdi/js";
-import { VListItem as _e, VList as ee, VListItemTitle as et, VListItemSubtitle as oo } from "vuetify/lib/components/VList/index.mjs";
+import { mdiDiscord as He, mdiGithub as Ee, mdiSync as Vt, mdiSyncOff as kt, mdiLogoutVariant as xt, mdiFullscreenExit as $t, mdiFullscreen as wt, mdiCheck as le, mdiHome as St, mdiTextBox as Ct, mdiSpaceInvaders as Je, mdiWhiteBalanceSunny as Lt, mdiWeatherNight as It, mdiDesktopTowerMonitor as At, mdiImageFilterHdr as Dt, mdiRocketLaunchOutline as Ut, mdiContrastCircle as Bt, mdiCog as Nt, mdiCogOutline as Ot, mdiFileDocument as Ft, mdiCreditCardSettingsOutline as zt, mdiRocketOutline as jt, mdiCheckCircleOutline as pe, mdiCreditCard as Tt, mdiReload as Mt, mdiPlaylistCheck as Rt, mdiCreditCardOutline as Pt, mdiMedal as We, mdiOpenInNew as ve, mdiHandHeart as Ht, mdiChartLine as Et, mdiHandHeartOutline as Wt, mdiEmailOpenOutline as Xe, mdiEmailVariant as Ke, mdiBell as Gt, mdiInboxOutline as qt, mdiInboxFullOutline as Zt, mdiBillboard as Yt, mdiBellOutline as Qt, mdiViewDashboardOutline as Jt, mdiSpider as Xt, mdiCrown as Kt, mdiArrowULeftBottom as eo, mdiLogin as to, mdiShieldStarOutline as oo, mdiReddit as no } from "@mdi/js";
+import { VListItem as _e, VList as ee, VListItemTitle as et, VListItemSubtitle as so } from "vuetify/lib/components/VList/index.mjs";
 import { VAvatar as ne } from "vuetify/lib/components/VAvatar/index.mjs";
-import { VCard as M, VCardText as K, VCardTitle as no, VCardSubtitle as so } from "vuetify/lib/components/VCard/index.mjs";
+import { VCard as M, VCardTitle as ao, VCardSubtitle as io, VCardText as K } from "vuetify/lib/components/VCard/index.mjs";
+import { VDialog as tt } 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 lo } from "vuetify/lib/components/VProgressCircular/index.mjs";
 import { VSheet as qe } from "vuetify/lib/components/VSheet/index.mjs";
-import { VSwitch as tt } from "vuetify/lib/components/VSwitch/index.mjs";
-import { VFadeTransition as $e, VExpandTransition as he, VExpandXTransition as ao } from "vuetify/lib/components/transitions/index.mjs";
-import { useDisplay as se, useTheme as io, useDate as we } from "vuetify";
-import { VDialog as ot } from "vuetify/lib/components/VDialog/index.mjs";
-import { VDivider as E } from "vuetify/lib/components/VDivider/index.mjs";
-import { VIcon as I } from "vuetify/lib/components/VIcon/index.mjs";
+import { VSwitch as ot } from "vuetify/lib/components/VSwitch/index.mjs";
+import { VFadeTransition as $e, VExpandTransition as he, VExpandXTransition as ro } from "vuetify/lib/components/transitions/index.mjs";
+import { useDisplay as re, useTheme as co, useDate as we } from "vuetify";
+import { VDivider as W } from "vuetify/lib/components/VDivider/index.mjs";
+import { VIcon as A } from "vuetify/lib/components/VIcon/index.mjs";
 import { VLabel as ze } from "vuetify/lib/components/VLabel/index.mjs";
-import { VChip as Y } from "vuetify/lib/components/VChip/index.mjs";
-import { VChipGroup as lo } from "vuetify/lib/components/VChipGroup/index.mjs";
-import { VSelect as ro } from "vuetify/lib/components/VSelect/index.mjs";
+import { VChip as q } from "vuetify/lib/components/VChip/index.mjs";
+import { VChipGroup as uo } from "vuetify/lib/components/VChipGroup/index.mjs";
+import { VSelect as po } from "vuetify/lib/components/VSelect/index.mjs";
 import { VRow as Se, VCol as me } from "vuetify/lib/components/VGrid/index.mjs";
 import { VHover as Ce } from "vuetify/lib/components/VHover/index.mjs";
 import { VImg as Le } from "vuetify/lib/components/VImg/index.mjs";
 import { VItemGroup as nt, VItem as je } from "vuetify/lib/components/VItemGroup/index.mjs";
-import { VLayout as Ae } from "vuetify/lib/components/VLayout/index.mjs";
-import { VMain as Ie } from "vuetify/lib/components/VMain/index.mjs";
-import { VDataTableVirtual as co } from "vuetify/lib/components/VDataTable/index.mjs";
-import { VSkeletonLoader as Ze } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
+import { VLayout as Ie } from "vuetify/lib/components/VLayout/index.mjs";
+import { VMain as Ae } from "vuetify/lib/components/VMain/index.mjs";
+import { VDataTableVirtual as mo } from "vuetify/lib/components/VDataTable/index.mjs";
+import { VSkeletonLoader as Ye } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
 import { VWindow as st, VWindowItem as de } from "vuetify/lib/components/VWindow/index.mjs";
-import { VTimelineItem as Ye, VTimeline as uo } from "vuetify/lib/components/VTimeline/index.mjs";
-import { VTooltip as Q } from "vuetify/lib/components/VTooltip/index.mjs";
-import { VResponsive as po } from "vuetify/lib/components/VResponsive/index.mjs";
-import { VNavigationDrawer as mo } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
-import { Ripple as fo } from "vuetify/lib/directives/index.mjs";
-import { VColorPicker as vo } from "vuetify/lib/components/VColorPicker/index.mjs";
-import { VMenu as _o } from "vuetify/components";
-import { VAppBar as ho } from "vuetify/lib/components/VAppBar/index.mjs";
-import { VFooter as go } from "vuetify/lib/components/VFooter/index.mjs";
-const ge = J("http", {
+import { VTimelineItem as Ze, VTimeline as fo } from "vuetify/lib/components/VTimeline/index.mjs";
+import { VTooltip as J } from "vuetify/lib/components/VTooltip/index.mjs";
+import { VResponsive as vo } from "vuetify/lib/components/VResponsive/index.mjs";
+import { VNavigationDrawer as _o } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
+import { Ripple as ho } from "vuetify/lib/directives/index.mjs";
+import { VColorPicker as go } from "vuetify/lib/components/VColorPicker/index.mjs";
+import { VMenu as bo } from "vuetify/components";
+import { VAppBar as yo } from "vuetify/lib/components/VAppBar/index.mjs";
+import { VFooter as Vo } from "vuetify/lib/components/VFooter/index.mjs";
+const ge = X("http", {
   state: () => ({
     url: ""
   }),
@@ -108,8 +108,8 @@ const ge = J("http", {
       jobs: null
     }
   }
-}, O = J("user", () => {
-  const p = dt(Oe({}, ke));
+}, O = X("user", () => {
+  const p = pt(Oe({}, ke));
   N(p, i);
   function e() {
     if (!Fe)
@@ -125,26 +125,26 @@ const ge = J("http", {
     Fe && (Object.assign(p, Oe({}, ke)), i());
   }
   return e(), {
-    ...pt(p),
+    ...mt(p),
     load: e,
     save: i,
     reset: n
   };
-}), F = J("auth", () => {
+}), F = X("auth", () => {
   const p = H(!1), e = H(null), i = ge(), n = O(), l = Pe(), s = D(!1), r = w(() => {
     var _, y;
     return !i.url || ((_ = e.value) == null ? void 0 : _.isAdmin) || !!((y = e.value) != null && y.sponsorships.some(($) => $.isActive));
   });
-  let c = !!S();
+  let c = !!C();
   N(e, (_) => {
     if (!(_ != null && _.settings))
       return;
     const y = localStorage.getItem("vuetify@user") || "{}";
     JSON.stringify(_.settings, null, 2) !== y && (c = !0, Object.assign(n, _.settings));
   }), n.$subscribe(() => {
-    c || f(), c = !1;
+    c || v(), c = !1;
   });
-  async function f() {
+  async function v() {
     if (!(!e.value || !n.syncSettings))
       try {
         await i.post("/user/settings", { settings: n.$state });
@@ -173,28 +173,28 @@ const ge = J("http", {
   u.promise = null;
   async function m(_ = "github") {
     s.value = !0;
-    const y = `${i.url}/auth/${_}/redirect`, $ = 400, z = 600, T = window.screenX + (window.innerWidth - $) / 2, te = window.screenY + (window.innerHeight - z) / 2, q = window.open(
+    const y = `${i.url}/auth/${_}/redirect`, $ = 400, z = 600, T = window.screenX + (window.innerWidth - $) / 2, te = window.screenY + (window.innerHeight - z) / 2, Z = window.open(
       "",
       "vuetify:authorize:popup",
       `popup,left=${T},top=${te},width=${$},height=${z},resizable`
     );
-    if (!q) {
+    if (!Z) {
       console.error("Failed to open popup");
       return;
     }
-    q.location.href = y;
+    Z.location.href = y;
     let Ve = -1, ce = -1;
     function ue(g) {
-      var C;
-      g.origin === i.url && ((C = g.data) == null ? void 0 : C.type) === "auth-response" && (g.data.status === "success" ? (e.value || localStorage.setItem("vuetify@lastLoginProvider", _), e.value = g.data.body.user, l.push("/user/dashboard/"), f()) : console.error(g.data.message), ie());
+      var L;
+      g.origin === i.url && ((L = g.data) == null ? void 0 : L.type) === "auth-response" && (g.data.status === "success" ? (e.value || localStorage.setItem("vuetify@lastLoginProvider", _), e.value = g.data.body.user, l.push("/user/dashboard/"), v()) : console.error(g.data.message), ae());
     }
-    function ie() {
-      window.removeEventListener("message", ue), window.clearInterval(Ve), window.clearTimeout(ce), q == null || q.close(), s.value = !1;
+    function ae() {
+      window.removeEventListener("message", ue), window.clearInterval(Ve), window.clearTimeout(ce), Z == null || Z.close(), s.value = !1;
     }
     window.addEventListener("message", ue), Ve = window.setInterval(() => {
-      !q || q.closed ? (console.error("Auth popup closed"), ie()) : q.postMessage({ type: "auth-request" }, "*");
+      !Z || Z.closed ? (console.error("Auth popup closed"), ae()) : Z.postMessage({ type: "auth-request" }, "*");
     }, 1e3), ce = window.setTimeout(() => {
-      ie(), console.error("Auth timed out");
+      ae(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
   async function b(_) {
@@ -212,7 +212,7 @@ const ge = J("http", {
     var y;
     return (y = e.value) == null ? void 0 : y.identities.find(($) => $.provider === _);
   }
-  function S() {
+  function C() {
     return localStorage.getItem("vuetify@lastLoginProvider");
   }
   return u(), {
@@ -225,10 +225,129 @@ const ge = J("http", {
     login: m,
     logout: b,
     isSubscriber: r,
-    lastLoginProvider: S,
-    sync: f
+    lastLoginProvider: C,
+    sync: v
   };
-}), De = J("notifications", () => {
+}), ko = { class: "text-body-2" }, xo = /* @__PURE__ */ h("div", { class: "text-caption mt-n1" }, "Last Used", -1), at = /* @__PURE__ */ k({
+  __name: "VoAuthDiscord",
+  setup(p) {
+    const e = F(), i = w(() => e.user && e.findIdentity("discord")), n = w(() => e.user ? i.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
+    return (l, s) => (d(), f(_e, {
+      "prepend-icon": `svg:${t(He)}`,
+      "base-color": "#5865F2",
+      rounded: "pill",
+      variant: "flat",
+      slim: "",
+      onClick: s[0] || (s[0] = (r) => t(e).login("discord"))
+    }, G({
+      title: a(() => [
+        h("span", ko, I(n.value), 1)
+      ]),
+      _: 2
+    }, [
+      !t(e).user && t(e).lastLoginProvider() === "discord" ? {
+        name: "subtitle",
+        fn: a(() => [
+          xo
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["prepend-icon"]));
+  }
+}), $o = { class: "text-body-2" }, wo = /* @__PURE__ */ h("div", { class: "text-caption mt-n1" }, "Last Used", -1), it = /* @__PURE__ */ k({
+  __name: "VoAuthGithub",
+  setup(p) {
+    const e = F(), i = w(() => e.user && e.findIdentity("github")), n = w(() => e.user ? i.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
+    return (l, s) => (d(), f(_e, {
+      "prepend-icon": `svg:${t(Ee)}`,
+      "base-color": "#2a2a2a",
+      rounded: "pill",
+      variant: "flat",
+      slim: "",
+      onClick: s[0] || (s[0] = (r) => t(e).login("github"))
+    }, G({
+      title: a(() => [
+        h("span", $o, I(n.value), 1)
+      ]),
+      _: 2
+    }, [
+      !t(e).user && t(e).lastLoginProvider() === "github" ? {
+        name: "subtitle",
+        fn: a(() => [
+          wo
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["prepend-icon"]));
+  }
+}), So = { class: "text-center" }, Co = { class: "text-center mb-6" }, Lo = { class: "font-weight-light mb-2" }, Io = /* @__PURE__ */ h("span", { class: "font-weight-bold" }, "Vuetify One", -1), lt = /* @__PURE__ */ k({
+  __name: "VoAuthCard",
+  setup(p) {
+    const e = F();
+    return (i, n) => {
+      const l = it, s = at;
+      return d(), f(M, {
+        class: "pt-6 pb-8 px-4 px-sm-8 mx-auto",
+        "max-width": "480"
+      }, {
+        default: a(() => [
+          h("div", So, [
+            o(ne, {
+              image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
+              class: "mx-auto",
+              size: "64"
+            }, null, 8, ["image"])
+          ]),
+          h("div", Co, [
+            o(ao, { class: "text-h5 mb-1 text-md-h4" }, {
+              default: a(() => [
+                h("div", Lo, I(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
+                Io
+              ]),
+              _: 1
+            }),
+            o(io, { class: "text-wrap" }, {
+              default: a(() => [
+                B(" Login with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
+              ]),
+              _: 1
+            })
+          ]),
+          o(ee, {
+            class: "mx-auto",
+            "max-width": "300",
+            width: "100%"
+          }, {
+            default: a(() => [
+              o(l, { class: "mb-3" }),
+              o(s)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), rt = /* @__PURE__ */ k({
+  __name: "VoAuthDialog",
+  setup(p) {
+    const e = F();
+    return (i, n) => {
+      const l = lt;
+      return d(), f(tt, {
+        modelValue: t(e).dialog,
+        "onUpdate:modelValue": n[0] || (n[0] = (s) => t(e).dialog = s),
+        "max-width": "480"
+      }, {
+        default: a(() => [
+          o(l)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), De = X("notifications", () => {
   const p = ge(), e = O(), i = H([]), n = D(!1), l = w(() => i.value.filter((c) => !e.notifications.read.includes(c.slug))), s = w(() => i.value.filter((c) => e.notifications.read.includes(c.slug)));
   async function r() {
     try {
@@ -248,11 +367,11 @@ const ge = J("http", {
     read: s,
     unread: l
   };
-}), bo = /* @__PURE__ */ k({
+}), Ao = /* @__PURE__ */ k({
   __name: "VoNotificationsTotalBadge",
   setup(p) {
     const e = F(), i = De(), n = O(), l = w(() => n.notifications.show ? i.unread.length : 0);
-    return (s, r) => (d(), v(He, {
+    return (s, r) => (d(), f(Ge, {
       content: l.value,
       dot: !!t(e).user,
       "model-value": l.value > 0,
@@ -265,14 +384,14 @@ const ge = J("http", {
       _: 3
     }, 8, ["content", "dot", "model-value"]));
   }
-}), ae = /* @__PURE__ */ k({
+}), se = /* @__PURE__ */ k({
   __name: "VoBtn",
   props: {
     readonly: { type: Boolean }
   },
   setup(p) {
     const e = p;
-    return (i, n) => (d(), v(G, {
+    return (i, n) => (d(), f(E, {
       style: Qe({
         pointerEvents: e.readonly ? "none" : void 0
       }),
@@ -281,9 +400,9 @@ const ge = J("http", {
       color: "primary",
       size: "small",
       variant: "flat"
-    }, W({
+    }, G({
       loader: a(() => [
-        i.$slots.loader ? x("", !0) : (d(), v(yt, {
+        i.$slots.loader ? x("", !0) : (d(), f(lo, {
           key: 0,
           indeterminate: "disable-shrink",
           size: "16",
@@ -302,59 +421,7 @@ const ge = J("http", {
       } : void 0
     ]), 1032, ["style", "tabindex"]));
   }
-}), yo = { class: "text-body-2" }, Vo = /* @__PURE__ */ h("div", { class: "text-caption mt-n1" }, "Last Used", -1), at = /* @__PURE__ */ k({
-  __name: "VoAuthDiscord",
-  setup(p) {
-    const e = F(), i = w(() => e.user && e.findIdentity("discord")), n = w(() => e.user ? i.value ? "Connected to Discord" : "Connect Discord" : "Login with Discord");
-    return (l, s) => (d(), v(_e, {
-      "prepend-icon": `svg:${t(Ee)}`,
-      "base-color": "#5865F2",
-      rounded: "pill",
-      variant: "flat",
-      slim: "",
-      onClick: s[0] || (s[0] = (r) => t(e).login("discord"))
-    }, W({
-      title: a(() => [
-        h("span", yo, A(n.value), 1)
-      ]),
-      _: 2
-    }, [
-      !t(e).user && t(e).lastLoginProvider() === "discord" ? {
-        name: "subtitle",
-        fn: a(() => [
-          Vo
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["prepend-icon"]));
-  }
-}), ko = { class: "text-body-2" }, xo = /* @__PURE__ */ h("div", { class: "text-caption mt-n1" }, "Last Used", -1), it = /* @__PURE__ */ k({
-  __name: "VoAuthGithub",
-  setup(p) {
-    const e = F(), i = w(() => e.user && e.findIdentity("github")), n = w(() => e.user ? i.value ? "Connected to GitHub" : "Connect GitHub" : "Login with GitHub");
-    return (l, s) => (d(), v(_e, {
-      "prepend-icon": `svg:${t(We)}`,
-      "base-color": "#2a2a2a",
-      rounded: "pill",
-      variant: "flat",
-      slim: "",
-      onClick: s[0] || (s[0] = (r) => t(e).login("github"))
-    }, W({
-      title: a(() => [
-        h("span", ko, A(n.value), 1)
-      ]),
-      _: 2
-    }, [
-      !t(e).user && t(e).lastLoginProvider() === "github" ? {
-        name: "subtitle",
-        fn: a(() => [
-          xo
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["prepend-icon"]));
-  }
-}), $o = { class: "pa-4 d-flex flex-column ga-4" }, lt = /* @__PURE__ */ k({
+}), Do = { class: "pa-4 d-flex flex-column ga-4" }, ct = /* @__PURE__ */ k({
   __name: "VoAuthListItem",
   setup(p) {
     const e = F(), i = O(), n = D(!e.user && !e.isLoading);
@@ -365,8 +432,8 @@ const ge = J("http", {
       e.user && (n.value = !n.value);
     }
     return (s, r) => {
-      const c = it, f = at;
-      return d(), v(M, {
+      const c = it, v = at;
+      return d(), f(M, {
         variant: n.value ? "tonal" : "text",
         class: "ma-2",
         rounded: "lg"
@@ -387,7 +454,7 @@ const ge = J("http", {
                 append: a(() => [
                   o($e, null, {
                     default: a(() => [
-                      t(e).user && (n.value || !t(i).syncSettings) ? (d(), v(tt, {
+                      t(e).user && (n.value || !t(i).syncSettings) ? (d(), f(ot, {
                         key: 0,
                         modelValue: t(i).syncSettings,
                         "onUpdate:modelValue": r[0] || (r[0] = (u) => t(i).syncSettings = u),
@@ -413,17 +480,17 @@ const ge = J("http", {
               }, 8, ["link", "prepend-icon", "title"]),
               o(he, null, {
                 default: a(() => [
-                  !t(e).user && !t(e).isLoading || n.value ? (d(), v(qe, {
+                  !t(e).user && !t(e).isLoading || n.value ? (d(), f(qe, {
                     key: 0,
                     border: "t",
                     color: "transparent"
                   }, {
                     default: a(() => [
-                      h("div", $o, [
+                      h("div", Do, [
                         o(c, {
                           onClick: r[2] || (r[2] = (u) => n.value = !1)
                         }),
-                        o(f, {
+                        o(v, {
                           onClick: r[3] || (r[3] = (u) => n.value = !1)
                         })
                       ])
@@ -441,10 +508,10 @@ const ge = J("http", {
       }, 8, ["variant"]);
     };
   }
-}), X = /* @__PURE__ */ k({
+}), Y = /* @__PURE__ */ k({
   __name: "VoListItem",
   setup(p) {
-    return (e, i) => (d(), v(_e, { slim: "" }, W({
+    return (e, i) => (d(), f(_e, { slim: "" }, G({
       default: a(() => [
         R(e.$slots, "default")
       ]),
@@ -473,7 +540,7 @@ const ge = J("http", {
       } : void 0
     ]), 1024));
   }
-}), wo = /* @__PURE__ */ k({
+}), Uo = /* @__PURE__ */ k({
   __name: "VoAuthLogoutListItem",
   setup(p) {
     const e = F(), i = D(!1);
@@ -481,8 +548,8 @@ const ge = J("http", {
       i.value = !0, await e.logout(), i.value = !1;
     }
     return (l, s) => {
-      const r = X;
-      return d(), v(r, {
+      const r = Y;
+      return d(), f(r, {
         disabled: i.value,
         loading: i.value,
         "prepend-icon": `svg:${t(xt)}`,
@@ -495,7 +562,7 @@ const ge = J("http", {
   }
 }), Ue = /* @__PURE__ */ k({
   __name: "VoDialog",
-  props: /* @__PURE__ */ mt({
+  props: /* @__PURE__ */ ft({
     prependIcon: {},
     title: {}
   }, {
@@ -504,50 +571,59 @@ const ge = J("http", {
   }),
   emits: ["update:modelValue"],
   setup(p) {
-    const e = le(p, "modelValue"), i = se();
-    return (n, l) => (d(), v(ot, {
+    const e = ie(p, "modelValue"), i = re(), n = D(!1);
+    return (l, s) => (d(), f(tt, {
       modelValue: e.value,
-      "onUpdate:modelValue": l[1] || (l[1] = (s) => e.value = s),
-      fullscreen: t(i).xs.value,
-      "max-height": t(i).xs.value ? "100%" : 800,
-      "max-width": t(i).xs.value ? "100%" : 800,
+      "onUpdate:modelValue": s[2] || (s[2] = (r) => e.value = r),
+      fullscreen: n.value || t(i).xs.value,
+      "max-height": n.value || t(i).xs.value ? "100%" : 800,
+      "max-width": n.value || t(i).xs.value ? "100%" : 800,
       activator: "parent",
       height: "100%"
     }, {
-      default: a(({ isActive: s }) => [
+      default: a(({ isActive: r }) => [
         o(M, {
-          "prepend-icon": n.prependIcon,
-          title: n.title,
+          "prepend-icon": l.prependIcon,
+          title: l.title,
           class: "overflow-hidden",
           height: "inherit"
-        }, W({
+        }, G({
           append: a(() => [
-            R(n.$slots, "append"),
-            o(G, {
+            R(l.$slots, "append"),
+            t(i).xs.value ? x("", !0) : (d(), f(E, {
+              key: 0,
+              icon: `svg:${n.value ? t($t) : t(wt)}`,
+              class: "me-2",
+              density: "comfortable",
+              size: "small",
+              variant: "text",
+              onClick: s[0] || (s[0] = (c) => n.value = !n.value)
+            }, null, 8, ["icon"])),
+            o(E, {
               density: "comfortable",
               icon: "$close",
               size: "small",
               variant: "text",
-              onClick: l[0] || (l[0] = (r) => e.value = !e.value)
+              onClick: s[1] || (s[1] = (c) => e.value = !e.value)
             })
           ]),
           default: a(() => [
-            o(E, { class: "mt-4" }),
-            R(n.$slots, "default")
+            o(W, { class: "mt-4" }),
+            R(l.$slots, "default")
           ]),
           _: 2
         }, [
-          n.$slots.prepend ? {
+          l.$slots.prepend ? {
             name: "prepend",
             fn: a(() => [
-              R(n.$slots, "prepend")
+              R(l.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
-          n.$slots.actions ? {
+          l.$slots.actions ? {
             name: "actions",
             fn: a(() => [
-              R(n.$slots, "actions", { isActive: s })
+              R(l.$slots, "actions", { isActive: r })
             ]),
             key: "1"
           } : void 0
@@ -556,21 +632,21 @@ const ge = J("http", {
       _: 3
     }, 8, ["modelValue", "fullscreen", "max-height", "max-width"]));
   }
-}), rt = /* @__PURE__ */ k({
+}), ut = /* @__PURE__ */ k({
   __name: "VoSwitch",
   props: {
     disabled: { type: Boolean }
   },
   setup(p) {
-    return (e, i) => (d(), v(tt, {
+    return (e, i) => (d(), f(ot, {
       disabled: e.disabled,
-      "true-icon": `svg:${t(re)}`,
+      "true-icon": `svg:${t(le)}`,
       color: "primary",
       density: "compact",
       inset: ""
-    }, W({
+    }, G({
       thumb: a(() => [
-        o(I, {
+        o(A, {
           color: e.disabled ? void 0 : "primary"
         }, null, 8, ["color"])
       ]),
@@ -585,7 +661,7 @@ const ge = J("http", {
       } : void 0
     ]), 1032, ["disabled", "true-icon"]));
   }
-}), So = {
+}), Bo = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
 }, be = /* @__PURE__ */ k({
@@ -595,20 +671,20 @@ const ge = J("http", {
     text: {}
   },
   setup(p) {
-    return (e, i) => (d(), L(U, null, [
-      e.title ? (d(), v(ze, {
+    return (e, i) => (d(), S(U, null, [
+      e.title ? (d(), f(ze, {
         key: 0,
         class: "font-weight-black"
       }, {
         default: a(() => [
-          B(A(e.title), 1)
+          B(I(e.title), 1)
         ]),
         _: 1
       })) : x("", !0),
-      e.text ? (d(), L("div", So, A(e.text), 1)) : x("", !0)
+      e.text ? (d(), S("div", Bo, I(e.text), 1)) : x("", !0)
     ], 64));
   }
-}), Co = { key: 0 }, Lo = /* @__PURE__ */ k({
+}), No = { key: 0 }, Oo = /* @__PURE__ */ k({
   __name: "VoSettingsPageSuitOption",
   setup(p) {
     const e = O(), i = [
@@ -634,8 +710,8 @@ const ge = J("http", {
       // },
     ];
     return (n, l) => {
-      const s = rt, r = be;
-      return d(), L(U, null, [
+      const s = ut, r = be;
+      return d(), S(U, null, [
         o(s, {
           modelValue: t(e).suits.show,
           "onUpdate:modelValue": l[0] || (l[0] = (c) => t(e).suits.show = c),
@@ -645,8 +721,8 @@ const ge = J("http", {
         }, null, 8, ["modelValue"]),
         o(he, null, {
           default: a(() => [
-            t(e).suits.show ? (d(), L("div", Co, [
-              o(ro, {
+            t(e).suits.show ? (d(), S("div", No, [
+              o(po, {
                 modelValue: t(e).suits.suit,
                 "onUpdate:modelValue": l[1] || (l[1] = (c) => t(e).suits.suit = c),
                 items: i,
@@ -659,17 +735,17 @@ const ge = J("http", {
                 "single-line": ""
               }, {
                 selection: a(({ item: c }) => [
-                  o(I, {
+                  o(A, {
                     icon: c.props.prependIcon,
                     size: "x-small",
                     start: ""
                   }, null, 8, ["icon"]),
-                  B(" " + A(c.title), 1)
+                  B(" " + I(c.title), 1)
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
               o(r, { text: "Select your suit elements to display the background image:" }),
-              o(lo, {
+              o(uo, {
                 modelValue: t(e).suits.elements,
                 "onUpdate:modelValue": l[2] || (l[2] = (c) => t(e).suits.elements = c),
                 color: "primary",
@@ -677,39 +753,39 @@ const ge = J("http", {
                 multiple: ""
               }, {
                 default: a(() => [
-                  o(Y, {
-                    "append-icon": `svg:${t($t)}`,
+                  o(q, {
+                    "append-icon": `svg:${t(St)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
                     value: "app-bar",
                     variant: "flat"
                   }, {
                     append: a(() => [
-                      o(E, {
+                      o(W, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      o(I, { size: "x-small" })
+                      o(A, { size: "x-small" })
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  o(Y, {
-                    "append-icon": `svg:${t(wt)}`,
+                  o(q, {
+                    "append-icon": `svg:${t(Ct)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
                     value: "drawer",
                     variant: "flat"
                   }, {
                     append: a(() => [
-                      o(E, {
+                      o(W, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      o(I, { size: "x-small" })
+                      o(A, { size: "x-small" })
                     ]),
                     _: 1
                   }, 8, ["append-icon"]),
-                  o(Y, {
+                  o(q, {
                     "append-icon": "$info",
                     "filter-icon": "$success",
                     text: "Footer",
@@ -717,11 +793,11 @@ const ge = J("http", {
                     variant: "flat"
                   }, {
                     append: a(() => [
-                      o(E, {
+                      o(W, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
-                      o(I, { size: "x-small" })
+                      o(A, { size: "x-small" })
                     ]),
                     _: 1
                   })
@@ -737,63 +813,63 @@ const ge = J("http", {
   }
 });
 function ye() {
-  const p = bt();
+  const p = yt();
   return w(
     () => p.query
   );
 }
-const j = J("one", () => {
-  const p = ye(), e = p.value.session_id, i = Pe(), n = F(), l = ge(), s = D(!1), r = H(!1), c = H(), f = H([]), u = w(() => {
+const j = X("one", () => {
+  const p = ye(), e = p.value.session_id, i = Pe(), n = F(), l = ge(), s = D(!1), r = H(!1), c = H(), v = H([]), u = w(() => {
     var g;
     return (g = c.value) == null ? void 0 : g.items[0].plan.interval;
   }), m = w(() => {
     var g;
-    return (g = n.user) == null ? void 0 : g.sponsorships.find((C) => C.platform === "stripe" && C.tierName.startsWith("sub_"));
+    return (g = n.user) == null ? void 0 : g.sponsorships.find((L) => L.platform === "stripe" && L.tierName.startsWith("sub_"));
   }), b = w(() => {
     var g;
     return !!((g = m.value) != null && g.tierName);
   }), V = w(() => {
     var g;
     return (g = m.value) == null ? void 0 : g.isActive;
-  }), S = w(() => {
+  }), C = w(() => {
     var g;
-    return (g = n.user) == null ? void 0 : g.sponsorships.find((C) => C.platform === "github");
+    return (g = n.user) == null ? void 0 : g.sponsorships.find((L) => L.platform === "github");
   }), _ = w(() => {
     var g;
-    return (g = n.user) == null ? void 0 : g.sponsorships.find((C) => C.platform === "discord");
+    return (g = n.user) == null ? void 0 : g.sponsorships.find((L) => L.platform === "discord");
   }), y = w(() => {
     var g;
-    return (g = n.user) == null ? void 0 : g.sponsorships.find((C) => C.platform === "patreon");
+    return (g = n.user) == null ? void 0 : g.sponsorships.find((L) => L.platform === "patreon");
   }), $ = w(() => {
     var g;
-    return (g = n.user) == null ? void 0 : g.sponsorships.reduce((C, Z) => {
-      if (!Z.isActive || Z.interval === "once" || Z.platform === "stripe")
-        return C;
-      const ut = Z.interval === "month" ? Z.amount : Z.amount / 12;
-      return C + ut / 100;
+    return (g = n.user) == null ? void 0 : g.sponsorships.reduce((L, Q) => {
+      if (!Q.isActive || Q.interval === "once" || Q.platform === "stripe")
+        return L;
+      const dt = Q.interval === "month" ? Q.amount : Q.amount / 12;
+      return L + dt / 100;
     }, 0);
   });
-  ft(async () => {
+  vt(async () => {
     e && await z();
   }), N(r, (g) => {
-    g && ie();
+    g && ae();
   }), N(p, (g) => {
     if (g.one !== "subscribe" || n.user)
       return;
     console.log(g.one), n.dialog = !0;
-    const C = N(() => n.user, (Z) => {
-      Z && (n.dialog = !1, C());
+    const L = N(() => n.user, (Q) => {
+      Q && (n.dialog = !1, L());
     });
-  }, { immediate: !0 }), N(V, (g, C) => {
-    g === !1 && C !== !0 || ce();
+  }, { immediate: !0 }), N(V, (g, L) => {
+    g === !1 && L !== !0 || ce();
   });
   async function z() {
     try {
       s.value = !0;
       const g = await l.post("/one/activate", { sessionId: e });
       n.user = g.user;
-      const C = new URL(window.location.href);
-      C.searchParams.delete("session_id"), history.pushState(null, "", C.toString()), ue();
+      const L = new URL(window.location.href);
+      L.searchParams.delete("session_id"), history.pushState(null, "", L.toString()), ue();
     } catch {
     } finally {
       s.value = !1;
@@ -805,15 +881,15 @@ const j = J("one", () => {
   async function te(g) {
     s.value = !0, window.location.href = `${l.url}/one/subscribe?interval=${g}`;
   }
-  async function q() {
+  async function Z() {
     var g;
     if (m.value)
       try {
         s.value = !0;
-        const C = await l.post(
+        const L = await l.post(
           `/one/cancel?subscriptionId=${(g = m.value) == null ? void 0 : g.tierName}`
         );
-        n.user = C.user;
+        n.user = L.user;
       } catch {
       } finally {
         s.value = !1;
@@ -823,11 +899,11 @@ const j = J("one", () => {
     if (m.value)
       try {
         s.value = !0;
-        const C = await l.post("/one/modify", {
+        const L = await l.post("/one/modify", {
           subscriptionId: m.value.tierName,
           interval: g
         });
-        n.user = C.user;
+        n.user = L.user;
       } catch {
       } finally {
         s.value = !1;
@@ -838,10 +914,10 @@ const j = J("one", () => {
     if (m.value)
       try {
         s.value = !0;
-        const C = await l.post(
+        const L = await l.post(
           `/one/verify?subscriptionId=${(g = m.value) == null ? void 0 : g.tierName}`
         );
-        n.user = C.user;
+        n.user = L.user;
       } catch {
       } finally {
         s.value = !1;
@@ -851,19 +927,19 @@ const j = J("one", () => {
     try {
       s.value = !0;
       const g = await l.get("/one/info");
-      return c.value = g.subscription, f.value = g.invoices, g;
+      return c.value = g.subscription, v.value = g.invoices, g;
     } catch {
     } finally {
       s.value = !1;
     }
   }
-  function ie() {
+  function ae() {
     i.push({ query: {} });
   }
   return {
     info: c,
     interval: u,
-    invoices: f,
+    invoices: v,
     sessionId: e,
     subscription: m,
     monthlyTotal: $,
@@ -871,20 +947,20 @@ const j = J("one", () => {
     isLoading: s,
     isOpen: r,
     isSubscriber: V,
-    github: S,
+    github: C,
     patreon: y,
     discord: _,
     activate: z,
-    cancel: q,
+    cancel: Z,
     manage: T,
     modify: Ve,
-    resetQuery: ie,
+    resetQuery: ae,
     subscribe: te,
     subscriptionInfo: ue,
     verify: ce
   };
 });
-function Ao() {
+function Fo() {
   return {
     blackguard: {
       dark: !0,
@@ -1000,8 +1076,8 @@ function Ao() {
     }
   };
 }
-const Be = J("settings", () => {
-  const p = "https://cdn.vuetifyjs.com/docs/images/one/", e = F(), i = O(), n = io(), l = Ao(), s = {
+const Be = X("settings", () => {
+  const p = "https://cdn.vuetifyjs.com/docs/images/one/", e = F(), i = O(), n = co(), l = Fo(), s = {
     blackguard: {
       "app-bar": p + "suits/blackguard/blackguard-app-bar.png",
       drawer: p + "suits/blackguard/blackguard-app-drawer.png",
@@ -1020,10 +1096,10 @@ const Be = J("settings", () => {
   }, r = w(() => {
     if (!i.suits.suit || !i.suits.show || !e.isSubscriber)
       return {};
-    const c = s[i.suits.suit.toLowerCase()], f = {};
+    const c = s[i.suits.suit.toLowerCase()], v = {};
     for (const u of i.suits.elements)
-      f[u] = c[u];
-    return f;
+      v[u] = c[u];
+    return v;
   });
   return n.themes.value = {
     ...n.themes.value,
@@ -1034,7 +1110,7 @@ const Be = J("settings", () => {
     suit: r,
     CDN_URL: p
   };
-}), Io = /* @__PURE__ */ k({
+}), zo = /* @__PURE__ */ k({
   __name: "VoSettingsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1042,26 +1118,26 @@ const Be = J("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const e = le(p, "modelValue"), i = F(), n = j(), l = Be(), s = O(), r = [
+    const e = ie(p, "modelValue"), i = F(), n = j(), l = Be(), s = O(), r = [
       {
         title: "Light",
         subtitle: "A standard light theme.",
         image: l.CDN_URL + "themes/light.png",
-        prependIcon: `svg:${St}`,
+        prependIcon: `svg:${Lt}`,
         value: "light"
       },
       {
         title: "Dark",
         subtitle: "A standard dark theme.",
         image: l.CDN_URL + "themes/dark.png",
-        prependIcon: `svg:${Ct}`,
+        prependIcon: `svg:${It}`,
         value: "dark"
       },
       {
         title: "System",
         subtitle: "A theme based on the system preference.",
         image: l.CDN_URL + "themes/system.png",
-        prependIcon: `svg:${Lt}`,
+        prependIcon: `svg:${At}`,
         value: "system"
       },
       {
@@ -1075,7 +1151,7 @@ const Be = J("settings", () => {
         title: "Polaris",
         subtitle: "A theme for v3.5 Polaris.",
         image: l.CDN_URL + "themes/polaris.png",
-        prependIcon: `svg:${At}`,
+        prependIcon: `svg:${Dt}`,
         value: "polaris",
         disabled: !0
       },
@@ -1083,7 +1159,7 @@ const Be = J("settings", () => {
         title: "Nebula",
         subtitle: "A theme for v3.6 Nebula.",
         image: l.CDN_URL + "themes/nebula.png",
-        prependIcon: `svg:${It}`,
+        prependIcon: `svg:${Ut}`,
         value: "nebula",
         disabled: !0
       },
@@ -1091,25 +1167,25 @@ const Be = J("settings", () => {
         title: "High Contrast",
         subtitle: "A theme for high contrast.",
         image: l.CDN_URL + "themes/high-contrast.png",
-        prependIcon: `svg:${Dt}`,
+        prependIcon: `svg:${Bt}`,
         value: "highContrast",
         disabled: !0
       }
     ], c = ye();
     return N(c, async () => {
       c.value.one === "settings" && (n.isOpen = !0, await fe(), e.value = !0);
-    }, { immediate: !0 }), (f, u) => {
-      const m = be, b = Lo, V = rt, S = Ue;
-      return d(), v(S, {
+    }, { immediate: !0 }), (v, u) => {
+      const m = be, b = Oo, V = ut, C = Ue;
+      return d(), f(C, {
         modelValue: e.value,
         "onUpdate:modelValue": u[5] || (u[5] = (_) => e.value = _),
-        "prepend-icon": `svg:${t(Ut)}`,
+        "prepend-icon": `svg:${t(Nt)}`,
         title: "Settings"
       }, {
         default: a(() => [
-          o(Ae, null, {
+          o(Ie, null, {
             default: a(() => [
-              o(Ie, { scrollable: "" }, {
+              o(Ae, { scrollable: "" }, {
                 default: a(() => [
                   o(K, { class: "px-7" }, {
                     default: a(() => [
@@ -1125,7 +1201,7 @@ const Be = J("settings", () => {
                         default: a(() => [
                           o(Se, { dense: "" }, {
                             default: a(() => [
-                              (d(), L(U, null, oe(r, (_, y) => o(me, {
+                              (d(), S(U, null, oe(r, (_, y) => o(me, {
                                 key: y,
                                 cols: "12",
                                 md: "6"
@@ -1172,21 +1248,21 @@ const Be = J("settings", () => {
                         ]),
                         _: 1
                       }, 8, ["modelValue"]),
-                      t(i).isSubscriber ? (d(), L(U, { key: 0 }, [
-                        o(E, { class: "mt-6 mb-4" }),
+                      t(i).isSubscriber ? (d(), S(U, { key: 0 }, [
+                        o(W, { class: "mt-6 mb-4" }),
                         o(b)
                       ], 64)) : x("", !0)
                     ]),
                     _: 1
                   }),
-                  o(E),
+                  o(W),
                   o(K, { class: "px-7" }, {
                     default: a(() => [
                       o(m, {
                         text: "These options change your browsing experience within Vuetify properties",
                         title: "Experience"
                       }),
-                      t(i).isSubscriber ? (d(), v(V, {
+                      t(i).isSubscriber ? (d(), f(V, {
                         key: 0,
                         modelValue: t(s).disableAds,
                         "onUpdate:modelValue": u[1] || (u[1] = (_) => t(s).disableAds = _),
@@ -1203,8 +1279,8 @@ const Be = J("settings", () => {
                     ]),
                     _: 1
                   }),
-                  o(E),
-                  t(i).isSubscriber ? (d(), v(K, {
+                  o(W),
+                  t(i).isSubscriber ? (d(), f(K, {
                     key: 0,
                     class: "px-7"
                   }, {
@@ -1220,7 +1296,7 @@ const Be = J("settings", () => {
                         label: "Enable Notifications",
                         messages: "Notifications are short form messages that provide information about new releases, updates, and other important information."
                       }, null, 8, ["modelValue"]),
-                      t(s).notifications.show ? (d(), v(V, {
+                      t(s).notifications.show ? (d(), f(V, {
                         key: 0,
                         modelValue: t(s).notifications.banners,
                         "onUpdate:modelValue": u[4] || (u[4] = (_) => t(s).notifications.banners = _),
@@ -1242,15 +1318,15 @@ const Be = J("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Do = /* @__PURE__ */ k({
+}), jo = /* @__PURE__ */ k({
   __name: "VoSettingsListItem",
   setup(p) {
     const e = D(!1);
     return (i, n) => {
-      const l = Io, s = X;
-      return d(), v(s, {
+      const l = zo, s = Y;
+      return d(), f(s, {
         active: e.value,
-        "prepend-icon": `svg:${t(Bt)}`,
+        "prepend-icon": `svg:${t(Ot)}`,
         title: "Settings",
         link: ""
       }, {
@@ -1264,13 +1340,13 @@ const Be = J("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Uo = { class: "text-caption" }, Bo = /* @__PURE__ */ k({
+}), To = { class: "text-caption" }, Mo = /* @__PURE__ */ k({
   __name: "VoSubscriptionInvoices",
   setup(p) {
     const e = we(), i = j();
     return (n, l) => {
       const s = be;
-      return d(), v(Se, null, {
+      return d(), f(Se, null, {
         default: a(() => [
           o(me, { cols: "12" }, {
             default: a(() => [
@@ -1284,19 +1360,19 @@ const Be = J("settings", () => {
                 border: ""
               }, {
                 default: a(() => [
-                  o(co, {
+                  o(mo, {
                     items: t(i).invoices,
                     loading: t(i).isLoading,
                     sticky: ""
                   }, {
                     "item.date": a(({ item: r }) => [
-                      h("div", Uo, A(t(e).format(new Date(r.date * 1e3), "fullDateWithWeekday")), 1)
+                      h("div", To, I(t(e).format(new Date(r.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
                     "item.amount": a(({ item: r }) => [
-                      B(" $" + A(r.amount / 100), 1)
+                      B(" $" + I(r.amount / 100), 1)
                     ]),
                     "item.status": a(({ item: r }) => [
-                      o(Y, {
+                      o(q, {
                         text: r.status,
                         border: "success sm",
                         class: "text-capitalize",
@@ -1307,9 +1383,9 @@ const Be = J("settings", () => {
                       }, null, 8, ["text"])
                     ]),
                     "item.pdf": a(({ item: r }) => [
-                      o(G, {
+                      o(E, {
                         href: r.pdf,
-                        icon: `svg:${t(Nt)}`,
+                        icon: `svg:${t(Ft)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -1328,10 +1404,10 @@ const Be = J("settings", () => {
       });
     };
   }
-}), No = { class: "d-flex align-center" }, Oo = {
+}), Ro = { class: "d-flex align-center" }, Po = {
   key: "status",
   class: "text-capitalize hidden-sm-and-down"
-}, Fo = /* @__PURE__ */ h("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), zo = { class: "me-1" }, jo = { class: "text-medium-emphasis text-caption" }, To = { class: "d-flex align-start justify-space-between text-caption py-2" }, Mo = { class: "font-weight-bold" }, Ro = { class: "font-weight-bold" }, Po = /* @__PURE__ */ k({
+}, Ho = /* @__PURE__ */ h("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), Eo = { class: "me-1" }, Wo = { class: "text-medium-emphasis text-caption" }, Go = { class: "d-flex align-start justify-space-between text-caption py-2" }, qo = { class: "font-weight-bold" }, Zo = { class: "font-weight-bold" }, Yo = /* @__PURE__ */ k({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
   setup(p, { emit: e }) {
@@ -1344,9 +1420,9 @@ const Be = J("settings", () => {
     async function r() {
       n.interval && (n.isLoading = !0, n.subscribe(n.interval));
     }
-    return (c, f) => {
-      const u = ae;
-      return d(), v(Se, null, {
+    return (c, v) => {
+      const u = se;
+      return d(), f(Se, null, {
         default: a(() => [
           o(me, { cols: "12" }, {
             default: a(() => {
@@ -1358,11 +1434,11 @@ const Be = J("settings", () => {
                   title: "Subscription Status",
                   border: "",
                   flat: ""
-                }, W({
+                }, G({
                   append: a(() => {
                     var V;
                     return [
-                      t(n).hasBilling && ((V = t(n).info) == null ? void 0 : V.status) === "canceled" ? (d(), v(u, {
+                      t(n).hasBilling && ((V = t(n).info) == null ? void 0 : V.status) === "canceled" ? (d(), f(u, {
                         key: 0,
                         loading: t(n).isLoading,
                         class: "me-2",
@@ -1372,10 +1448,10 @@ const Be = J("settings", () => {
                         variant: "outlined",
                         onClick: r
                       }, null, 8, ["loading"])) : x("", !0),
-                      t(n).hasBilling ? (d(), v(u, {
+                      t(n).hasBilling ? (d(), f(u, {
                         key: 1,
                         loading: t(n).isLoading,
-                        "prepend-icon": `svg:${t(Ot)}`,
+                        "prepend-icon": `svg:${t(zt)}`,
                         text: "Billing",
                         onClick: t(n).manage
                       }, null, 8, ["loading", "prepend-icon", "onClick"])) : x("", !0)
@@ -1386,19 +1462,19 @@ const Be = J("settings", () => {
                   t(n).info ? {
                     name: "subtitle",
                     fn: a(() => [
-                      h("div", No, [
-                        h("span", Oo, A(t(n).info.status), 1),
-                        t(n).info.items.length ? (d(), L(U, { key: 0 }, [
-                          Fo,
-                          h("span", zo, [
-                            B(" $" + A(t(n).info.items[0].plan.amount / 100), 1),
-                            h("span", jo, "/" + A(t(n).interval), 1)
+                      h("div", Ro, [
+                        h("span", Po, I(t(n).info.status), 1),
+                        t(n).info.items.length ? (d(), S(U, { key: 0 }, [
+                          Ho,
+                          h("span", Eo, [
+                            B(" $" + I(t(n).info.items[0].plan.amount / 100), 1),
+                            h("span", Wo, "/" + I(t(n).interval), 1)
                           ]),
                           o(u, {
                             size: "x-small",
                             text: "(Change Subscription)",
                             variant: "text",
-                            onClick: f[0] || (f[0] = (V) => l("change:subscription"))
+                            onClick: v[0] || (v[0] = (V) => l("change:subscription"))
                           })
                         ], 64)) : x("", !0)
                       ])
@@ -1408,13 +1484,13 @@ const Be = J("settings", () => {
                     name: "subtitle",
                     fn: a(() => [
                       h("div", { class: "d-flex align-center" }, [
-                        o(Ze, {
+                        o(Ye, {
                           height: "16",
                           type: "ossein",
                           width: "40"
                         }),
                         h("span", { class: "mx-1" }, "—"),
-                        o(Ze, {
+                        o(Ye, {
                           height: "16",
                           type: "ossein",
                           width: "80"
@@ -1424,15 +1500,15 @@ const Be = J("settings", () => {
                     key: "1"
                   }
                 ]), 1024),
-                h("div", To, [
+                h("div", Go, [
                   h("div", null, [
-                    ((m = t(n).info) == null ? void 0 : m.status) === "active" ? (d(), L(U, { key: 0 }, [
+                    ((m = t(n).info) == null ? void 0 : m.status) === "active" ? (d(), S(U, { key: 0 }, [
                       B(" Your plan renews on "),
-                      h("span", Mo, A(t(i).format(s.value, "fullDateWithWeekday")), 1),
+                      h("span", qo, I(t(i).format(s.value, "fullDateWithWeekday")), 1),
                       B(". ")
-                    ], 64)) : (d(), L(U, { key: 1 }, [
+                    ], 64)) : (d(), S(U, { key: 1 }, [
                       B(" Your plan ends on "),
-                      h("span", Ro, A(t(i).format((b = t(n).info) == null ? void 0 : b.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      h("span", Zo, I(t(i).format((b = t(n).info) == null ? void 0 : b.currentPeriodEnd, "fullDateWithWeekday")), 1),
                       B(". ")
                     ], 64))
                   ])
@@ -1446,7 +1522,7 @@ const Be = J("settings", () => {
       });
     };
   }
-}), Ho = /* @__PURE__ */ h("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), Eo = ["innerHTML"], Wo = /* @__PURE__ */ h("br", null, null, -1), Go = /* @__PURE__ */ h("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), qo = ["innerHTML"], Yo = /* @__PURE__ */ k({
+}), Qo = /* @__PURE__ */ h("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), Jo = ["innerHTML"], Xo = /* @__PURE__ */ h("br", null, null, -1), Ko = /* @__PURE__ */ h("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), en = ["innerHTML"], tn = /* @__PURE__ */ k({
   __name: "VoSubscriptionPerks",
   setup(p) {
     const e = [
@@ -1463,15 +1539,15 @@ const Be = J("settings", () => {
     return N(n, async (s) => {
       s && l.subscriptionInfo();
     }), (s, r) => {
-      const c = X;
-      return d(), L(U, null, [
+      const c = Y;
+      return d(), S(U, null, [
         o(ze, { class: "font-weight-black" }, {
           default: a(() => [
             B("Perks")
           ]),
           _: 1
         }),
-        Ho,
+        Qo,
         o(ee, {
           lines: !1,
           class: "py-0",
@@ -1479,34 +1555,34 @@ const Be = J("settings", () => {
           nav: ""
         }, {
           default: a(() => [
-            (d(), L(U, null, oe(e, (f, u) => o(c, {
+            (d(), S(U, null, oe(e, (v, u) => o(c, {
               key: u,
-              "prepend-icon": `svg:${t(re)}`,
+              "prepend-icon": `svg:${t(le)}`,
               class: "mb-0"
             }, {
               prepend: a(() => [
-                o(I, {
+                o(A, {
                   class: "mx-n2",
                   color: "success",
                   size: "small"
                 })
               ]),
               title: a(() => [
-                h("div", { innerHTML: f }, null, 8, Eo)
+                h("div", { innerHTML: v }, null, 8, Jo)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
           ]),
           _: 1
         }),
-        Wo,
+        Xo,
         o(ze, { class: "font-weight-black" }, {
           default: a(() => [
             B("Up Next")
           ]),
           _: 1
         }),
-        Go,
+        Ko,
         o(ee, {
           lines: !1,
           class: "py-0",
@@ -1514,19 +1590,19 @@ const Be = J("settings", () => {
           nav: ""
         }, {
           default: a(() => [
-            (d(), L(U, null, oe(i, (f, u) => o(c, {
+            (d(), S(U, null, oe(i, (v, u) => o(c, {
               key: u,
-              "prepend-icon": `svg:${t(Ft)}`,
+              "prepend-icon": `svg:${t(jt)}`,
               class: "mb-0"
             }, {
               prepend: a(() => [
-                o(I, {
+                o(A, {
                   class: "mx-n2",
                   size: "small"
                 })
               ]),
               title: a(() => [
-                h("div", { innerHTML: f }, null, 8, qo)
+                h("div", { innerHTML: v }, null, 8, en)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
@@ -1536,7 +1612,7 @@ const Be = J("settings", () => {
       ], 64);
     };
   }
-}), Zo = /* @__PURE__ */ k({
+}), on = /* @__PURE__ */ k({
   __name: "VoSubscriptionSubscribe",
   props: {
     modelValue: {
@@ -1546,12 +1622,12 @@ const Be = J("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const e = D(!1), i = le(p, "modelValue"), n = j();
+    const e = D(!1), i = ie(p, "modelValue"), n = j();
     return N(e, async (l) => {
       l && n.subscriptionInfo();
     }), N(() => n.interval, (l) => {
       i.value = l;
-    }, { immediate: !0 }), (l, s) => (d(), v(nt, {
+    }, { immediate: !0 }), (l, s) => (d(), f(nt, {
       modelValue: i.value,
       "onUpdate:modelValue": s[0] || (s[0] = (r) => i.value = r),
       mandatory: ""
@@ -1577,7 +1653,7 @@ const Be = J("settings", () => {
                       onClick: r
                     }, {
                       prepend: a(() => [
-                        o(I, { class: "mt-n6" })
+                        o(A, { class: "mt-n6" })
                       ]),
                       _: 2
                     }, 1032, ["border", "color", "prepend-icon", "variant", "onClick"])
@@ -1605,10 +1681,10 @@ const Be = J("settings", () => {
                       onClick: r
                     }, {
                       prepend: a(() => [
-                        o(I, { class: "mt-n6" })
+                        o(A, { class: "mt-n6" })
                       ]),
                       append: a(() => [
-                        o(Y, {
+                        o(q, {
                           class: "mt-n6",
                           color: "success",
                           size: "small",
@@ -1631,7 +1707,7 @@ const Be = J("settings", () => {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Qo = { class: "px-3" }, Jo = /* @__PURE__ */ h("br", null, null, -1), Xo = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, Ko = /* @__PURE__ */ k({
+}), nn = { class: "px-3" }, sn = /* @__PURE__ */ h("br", null, null, -1), an = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, ln = /* @__PURE__ */ k({
   __name: "VoSubscriptionDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1642,7 +1718,7 @@ const Be = J("settings", () => {
     function e(u) {
       return new Promise((m) => setTimeout(m, u));
     }
-    const i = le(p, "modelValue"), n = j(), l = ye(), s = D(n.interval), r = D(n.hasBilling ? "status" : "subscribe"), c = D(!1);
+    const i = ie(p, "modelValue"), n = j(), l = ye(), s = D(n.interval), r = D(n.hasBilling ? "status" : "subscribe"), c = D(!1);
     N(s, (u) => {
       !n.isSubscriber || !n.interval || (c.value = u !== n.interval);
     }), N(i, async (u) => {
@@ -1650,23 +1726,23 @@ const Be = J("settings", () => {
     }), N(l, async () => {
       !n.sessionId && !["subscribe", "status"].includes(l.value.one) || (r.value = n.sessionId || l.value.one === "status" ? "status" : "subscribe", n.isOpen = !0, await fe(), i.value = !0);
     }, { immediate: !0 });
-    async function f() {
+    async function v() {
       await n.modify(s.value), await n.subscriptionInfo(), c.value = null, await e(3e3), r.value = "status", await e(300), c.value = !1;
     }
     return (u, m) => {
-      const b = be, V = Zo, S = Yo, _ = Po, y = Bo, $ = ae, z = Ue;
-      return d(), v(z, {
+      const b = be, V = on, C = tn, _ = Yo, y = Mo, $ = se, z = Ue;
+      return d(), f(z, {
         modelValue: i.value,
         "onUpdate:modelValue": m[4] || (m[4] = (T) => i.value = T),
-        "prepend-icon": `svg:${t(zt)}`,
+        "prepend-icon": `svg:${t(Tt)}`,
         title: "Subscriptions"
-      }, W({
+      }, G({
         default: a(() => [
-          o(Ae, null, {
+          o(Ie, null, {
             default: a(() => [
-              o(Ie, { scrollable: "" }, {
+              o(Ae, { scrollable: "" }, {
                 default: a(() => [
-                  h("div", Qo, [
+                  h("div", nn, [
                     o(K, null, {
                       default: a(() => [
                         o(b, {
@@ -1681,8 +1757,8 @@ const Be = J("settings", () => {
                                   modelValue: s.value,
                                   "onUpdate:modelValue": m[0] || (m[0] = (T) => s.value = T)
                                 }, null, 8, ["modelValue"]),
-                                Jo,
-                                o(S)
+                                sn,
+                                o(C)
                               ]),
                               _: 1
                             }),
@@ -1714,25 +1790,25 @@ const Be = J("settings", () => {
         r.value === "subscribe" ? {
           name: "actions",
           fn: a(() => [
-            h("div", Xo, [
-              c.value !== !1 ? (d(), v($, {
+            h("div", an, [
+              c.value !== !1 ? (d(), f($, {
                 key: 0,
                 loading: t(n).isLoading,
-                "prepend-icon": `svg:${c.value !== null ? t(jt) : t(pe)}`,
+                "prepend-icon": `svg:${c.value !== null ? t(Mt) : t(pe)}`,
                 readonly: c.value === null,
                 text: c.value !== null ? "Modify Subscription" : "Success",
                 color: "success",
                 size: "default",
                 block: "",
-                onClick: f
-              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : t(n).isSubscriber ? (d(), v($, {
+                onClick: v
+              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : t(n).isSubscriber ? (d(), f($, {
                 key: 2,
-                "prepend-icon": `svg:${t(Tt)}`,
+                "prepend-icon": `svg:${t(Rt)}`,
                 size: "default",
                 text: "Manage Subscription",
                 block: "",
                 onClick: m[3] || (m[3] = (T) => r.value = "status")
-              }, null, 8, ["prepend-icon"])) : (d(), v($, {
+              }, null, 8, ["prepend-icon"])) : (d(), f($, {
                 key: 1,
                 color: s.value ? "primary" : "disabled",
                 disabled: !s.value,
@@ -1750,15 +1826,15 @@ const Be = J("settings", () => {
       ]), 1032, ["modelValue", "prepend-icon"]);
     };
   }
-}), en = /* @__PURE__ */ k({
+}), rn = /* @__PURE__ */ k({
   __name: "VoSubscriptionListItem",
   setup(p) {
     const e = D(!1);
     return (i, n) => {
-      const l = Ko, s = X;
-      return d(), v(s, {
+      const l = ln, s = Y;
+      return d(), f(s, {
         active: e.value,
-        "prepend-icon": `svg:${t(Mt)}`,
+        "prepend-icon": `svg:${t(Pt)}`,
         title: "Subscriptions",
         link: ""
       }, {
@@ -1772,16 +1848,16 @@ const Be = J("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), tn = { class: "ps-16" }, on = /* @__PURE__ */ k({
+}), cn = { class: "ps-16" }, un = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemPatreon",
   setup(p) {
     const e = j(), i = Be();
     return (n, l) => {
       var r, c;
-      const s = ae;
-      return d(), v(Ye, {
+      const s = se;
+      return d(), f(Ze, {
         "dot-color": (r = t(e).patreon) != null && r.isActive ? "success" : "transparent",
-        icon: (c = t(e).patreon) != null && c.isActive ? `svg:${t(re)}` : void 0,
+        icon: (c = t(e).patreon) != null && c.isActive ? `svg:${t(le)}` : void 0,
         size: "x-small",
         width: "100%"
       }, {
@@ -1795,11 +1871,11 @@ const Be = J("settings", () => {
             border: ""
           }, {
             append: a(() => {
-              var f;
+              var v;
               return [
-                h("div", tn, [
+                h("div", cn, [
                   o(s, {
-                    text: (f = t(e).patreon) != null && f.isActive ? "Active" : "Coming Soon",
+                    text: (v = t(e).patreon) != null && v.isActive ? "Active" : "Coming Soon",
                     color: "surface-variant",
                     readonly: ""
                   }, null, 8, ["text"])
@@ -1807,14 +1883,14 @@ const Be = J("settings", () => {
               ];
             }),
             default: a(() => {
-              var f;
+              var v;
               return [
-                (f = t(e).patreon) != null && f.isActive ? (d(), L(U, { key: 0 }, [
-                  o(E),
+                (v = t(e).patreon) != null && v.isActive ? (d(), S(U, { key: 0 }, [
+                  o(W),
                   o(K, { class: "d-flex justify-space-between align-center flex-wrap" }, {
                     default: a(() => [
-                      o(Y, {
-                        "prepend-icon": `svg:${t(Ge)}`,
+                      o(q, {
+                        "prepend-icon": `svg:${t(We)}`,
                         text: t(e).patreon.tierName,
                         color: "success",
                         variant: "text",
@@ -1833,16 +1909,16 @@ const Be = J("settings", () => {
       }, 8, ["dot-color", "icon"]);
     };
   }
-}), nn = { class: "ps-16" }, sn = /* @__PURE__ */ k({
+}), dn = { class: "ps-16" }, pn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemDiscord",
   setup(p) {
     const e = j(), i = Be();
     return (n, l) => {
       var r, c;
-      const s = ae;
-      return d(), v(Ye, {
+      const s = se;
+      return d(), f(Ze, {
         "dot-color": (r = t(e).discord) != null && r.isActive ? "success" : "transparent",
-        icon: (c = t(e).discord) != null && c.isActive ? `svg:${t(re)}` : void 0,
+        icon: (c = t(e).discord) != null && c.isActive ? `svg:${t(le)}` : void 0,
         size: "x-small",
         width: "100%"
       }, {
@@ -1856,30 +1932,30 @@ const Be = J("settings", () => {
             border: ""
           }, {
             append: a(() => {
-              var f, u, m, b, V, S;
+              var v, u, m, b, V, C;
               return [
-                h("div", nn, [
+                h("div", dn, [
                   o(s, {
-                    color: (f = t(e).discord) != null && f.isActive ? "success" : "primary",
+                    color: (v = t(e).discord) != null && v.isActive ? "success" : "primary",
                     href: (u = t(e).discord) != null && u.isActive ? void 0 : "https://discord.com/servers/vuetify-340160225338195969",
                     "prepend-icon": `svg:${(m = t(e).discord) != null && m.isActive ? t(pe) : t(ve)}`,
                     readonly: (b = t(e).discord) == null ? void 0 : b.isActive,
                     target: (V = t(e).discord) != null && V.isActive ? void 0 : "_blank",
-                    text: (S = t(e).discord) != null && S.isActive ? "Active" : "Info",
+                    text: (C = t(e).discord) != null && C.isActive ? "Active" : "Info",
                     width: "88"
                   }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
                 ])
               ];
             }),
             default: a(() => {
-              var f;
+              var v;
               return [
-                (f = t(e).discord) != null && f.isActive ? (d(), L(U, { key: 0 }, [
-                  o(E),
+                (v = t(e).discord) != null && v.isActive ? (d(), S(U, { key: 0 }, [
+                  o(W),
                   o(K, { class: "d-flex justify-space-between align-center flex-wrap" }, {
                     default: a(() => [
-                      o(Y, {
-                        "prepend-icon": `svg:${t(Ge)}`,
+                      o(q, {
+                        "prepend-icon": `svg:${t(We)}`,
                         text: t(e).discord.tierName,
                         color: "surface-variant",
                         size: "small",
@@ -1899,16 +1975,16 @@ const Be = J("settings", () => {
       }, 8, ["dot-color", "icon"]);
     };
   }
-}), an = { class: "ps-16" }, ln = /* @__PURE__ */ k({
+}), mn = { class: "ps-16" }, fn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimelineItemGithub",
   setup(p) {
     const e = j(), i = Be();
     return (n, l) => {
       var r, c;
-      const s = ae;
-      return d(), v(Ye, {
+      const s = se;
+      return d(), f(Ze, {
         "dot-color": (r = t(e).github) != null && r.isActive ? "success" : "transparent",
-        icon: (c = t(e).github) != null && c.isActive ? `svg:${t(re)}` : void 0,
+        icon: (c = t(e).github) != null && c.isActive ? `svg:${t(le)}` : void 0,
         size: "x-small",
         width: "100%"
       }, {
@@ -1922,30 +1998,30 @@ const Be = J("settings", () => {
             border: ""
           }, {
             append: a(() => {
-              var f, u, m, b, V, S;
+              var v, u, m, b, V, C;
               return [
-                h("div", an, [
+                h("div", mn, [
                   o(s, {
-                    color: (f = t(e).github) != null && f.isActive ? "success" : "primary",
+                    color: (v = t(e).github) != null && v.isActive ? "success" : "primary",
                     href: (u = t(e).github) != null && u.isActive ? void 0 : "https://github.com/sponsors/johnleider",
                     "prepend-icon": `svg:${(m = t(e).github) != null && m.isActive ? t(pe) : t(ve)}`,
                     readonly: (b = t(e).github) == null ? void 0 : b.isActive,
                     target: (V = t(e).github) != null && V.isActive ? void 0 : "_blank",
-                    text: (S = t(e).github) != null && S.isActive ? "Active" : "Info",
+                    text: (C = t(e).github) != null && C.isActive ? "Active" : "Info",
                     width: "88"
                   }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
                 ])
               ];
             }),
             default: a(() => {
-              var f;
+              var v;
               return [
-                (f = t(e).github) != null && f.isActive ? (d(), L(U, { key: 0 }, [
-                  o(E),
+                (v = t(e).github) != null && v.isActive ? (d(), S(U, { key: 0 }, [
+                  o(W),
                   o(K, { class: "d-flex justify-space-between align-center flex-wrap" }, {
                     default: a(() => [
-                      o(Y, {
-                        "prepend-icon": `svg:${t(Ge)}`,
+                      o(q, {
+                        "prepend-icon": `svg:${t(We)}`,
                         text: t(e).github.tierName,
                         color: "surface-variant",
                         size: "small",
@@ -1965,12 +2041,12 @@ const Be = J("settings", () => {
       }, 8, ["dot-color", "icon"]);
     };
   }
-}), rn = /* @__PURE__ */ k({
+}), vn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsTimeline",
   setup(p) {
     return (e, i) => {
-      const n = ln, l = sn, s = on;
-      return d(), v(uo, {
+      const n = fn, l = pn, s = un;
+      return d(), f(fo, {
         class: "justify-start ms-n7",
         "line-inset": "12",
         side: "end",
@@ -1986,11 +2062,11 @@ const Be = J("settings", () => {
       });
     };
   }
-}), cn = { class: "px-3 pb-5 d-flex flex-column" }, un = { class: "py-4" }, dn = /* @__PURE__ */ h("div", { class: "text-caption text-medium-emphasis" }, [
+}), _n = { class: "px-3 pb-5 d-flex flex-column" }, hn = { class: "py-4" }, gn = /* @__PURE__ */ h("div", { class: "text-caption text-medium-emphasis" }, [
   /* @__PURE__ */ B(" A total of $2.99 or more unlocks "),
   /* @__PURE__ */ h("span", { class: "font-weight-black" }, "all"),
   /* @__PURE__ */ B(" Vuetify One benefits ")
-], -1), pn = /* @__PURE__ */ k({
+], -1), bn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -1998,55 +2074,54 @@ const Be = J("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const e = le(p, "modelValue"), i = se(), n = ye(), l = F(), s = j();
-    return N(n, async () => {
-      n.value.one === "sponsorships" && (s.isOpen = !0, await fe(), e.value = !0);
-    }, { immediate: !0 }), (r, c) => {
-      const f = be, u = rn, m = Me("v-empty-state"), b = Ue;
-      return d(), v(b, {
+    const e = ie(p, "modelValue"), i = ye(), n = F(), l = j();
+    return N(i, async () => {
+      i.value.one === "sponsorships" && (l.isOpen = !0, await fe(), e.value = !0);
+    }, { immediate: !0 }), (s, r) => {
+      const c = be, v = vn, u = Me("v-empty-state"), m = Ue;
+      return d(), f(m, {
         modelValue: e.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (V) => e.value = V),
-        "max-height": t(i).xs.value ? void 0 : 820,
-        "prepend-icon": `svg:${t(Rt)}`,
+        "onUpdate:modelValue": r[0] || (r[0] = (b) => e.value = b),
+        "prepend-icon": `svg:${t(Ht)}`,
         title: "Sponsorships"
       }, {
         default: a(() => [
-          o(Ae, null, {
+          o(Ie, null, {
             default: a(() => [
-              o(Ie, { scrollable: "" }, {
+              o(Ae, { scrollable: "" }, {
                 default: a(() => [
-                  h("div", cn, [
+                  h("div", _n, [
                     o(K, null, {
                       default: a(() => [
-                        o(f, {
+                        o(c, {
                           text: "Support Vuetify through GitHub Sponsors, Discord, or Patreon to unlock exclusive benefits and content.",
                           title: "Support Vuetify"
                         }),
-                        o(u)
+                        o(v)
                       ]),
                       _: 1
                     }),
-                    o(m, {
-                      icon: `svg:${t(Pt)}`,
+                    o(u, {
+                      icon: `svg:${t(Et)}`,
                       class: "mt-auto",
                       "min-height": "auto",
                       size: "64",
                       title: "Your Monthly Contributions"
                     }, {
                       media: a(() => [
-                        o(I, { color: "success" })
+                        o(A, { color: "success" })
                       ]),
                       headline: a(() => [
-                        h("div", un, [
-                          t(l).isSubscriber ? (d(), L(U, { key: 0 }, [
-                            B(" $" + A(parseFloat(String(t(s).monthlyTotal)).toFixed(2)), 1)
-                          ], 64)) : (d(), L(U, { key: 1 }, [
+                        h("div", hn, [
+                          t(n).isSubscriber ? (d(), S(U, { key: 0 }, [
+                            B(" $" + I(parseFloat(String(t(l).monthlyTotal)).toFixed(2)), 1)
+                          ], 64)) : (d(), S(U, { key: 1 }, [
                             B(" $0.00 ")
                           ], 64))
                         ])
                       ]),
                       text: a(() => [
-                        dn
+                        gn
                       ]),
                       _: 1
                     }, 8, ["icon"])
@@ -2059,18 +2134,18 @@ const Be = J("settings", () => {
           })
         ]),
         _: 1
-      }, 8, ["modelValue", "max-height", "prepend-icon"]);
+      }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), mn = /* @__PURE__ */ k({
+}), yn = /* @__PURE__ */ k({
   __name: "VoSponsorshipsListItem",
   setup(p) {
     const e = D(!1);
     return (i, n) => {
-      const l = pn, s = X;
-      return d(), v(s, {
+      const l = bn, s = Y;
+      return d(), f(s, {
         active: e.value,
-        "prepend-icon": `svg:${t(Ht)}`,
+        "prepend-icon": `svg:${t(Wt)}`,
         title: "Sponsorships",
         link: ""
       }, {
@@ -2084,19 +2159,50 @@ const Be = J("settings", () => {
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), fn = {
+}), Vn = /* @__PURE__ */ k({
+  __name: "VoStudioListItem",
+  setup(p) {
+    const e = [
+      ["M12.435 14.3194L12 21L6.87046 12.2799L12.435 14.3194Z", 1],
+      ["M22 4L12.435 14.3194L6.87046 12.2799L9.26479 7.61064L12.435 14.3194L12 21L22 4Z", 0.5],
+      ["M12.435 14.3194L22 4L9.26479 7.61064L12.435 14.3194Z", 1],
+      ["M2 4L6.87046 12.2799L9.26479 7.61064L2 4Z", 1]
+    ];
+    return (i, n) => {
+      const l = Y;
+      return d(), f(l, {
+        "prepend-icon": e,
+        class: "cursor-default",
+        title: "Vuetify Studio"
+      }, {
+        append: a(() => [
+          o(q, {
+            size: "x-small",
+            label: ""
+          }, {
+            default: a(() => [
+              B("COMING SOON")
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), kn = {
   key: 0,
   class: "pt-16"
-}, vn = /* @__PURE__ */ h("div", { class: "text-medium-emphasis" }, " All caught up ", -1), _n = {
+}, xn = /* @__PURE__ */ h("div", { class: "text-medium-emphasis" }, " All caught up ", -1), $n = {
   key: 1,
   class: "pa-5"
-}, hn = { class: "text-subtitle-1 font-weight-bold" }, gn = { class: "text-caption font-weight-bold text-medium-emphasis" }, bn = { class: "text-disabled text-caption mt-2 mb-3" }, yn = /* @__PURE__ */ k({
+}, wn = { class: "text-subtitle-1 font-weight-bold" }, Sn = { class: "text-caption font-weight-bold text-medium-emphasis" }, Cn = { class: "text-disabled text-caption mt-2 mb-3" }, Ln = /* @__PURE__ */ k({
   __name: "VoNotificationsBannerList",
   props: {
     items: {}
   },
   setup(p) {
-    const e = we(), i = se(), n = O();
+    const e = we(), i = re(), n = O();
     function l(r) {
       return n.notifications.last.banner.includes(r);
     }
@@ -2104,17 +2210,17 @@ const Be = J("settings", () => {
       l(r.slug) ? n.notifications.last.banner = n.notifications.last.banner.filter((c) => c !== r.slug) : n.notifications.last.banner.push(r.slug);
     }
     return (r, c) => {
-      const f = Me("v-empty-state");
-      return d(), v(ee, {
+      const v = Me("v-empty-state");
+      return d(), f(ee, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
         default: a(() => [
-          r.items.length ? (d(), L("div", _n, [
-            (d(!0), L(U, null, oe(r.items, (u) => {
+          r.items.length ? (d(), S("div", $n, [
+            (d(!0), S(U, null, oe(r.items, (u) => {
               var m;
-              return d(), L("div", {
+              return d(), S("div", {
                 key: u.slug,
                 class: "mb-4"
               }, [
@@ -2143,14 +2249,14 @@ const Be = J("settings", () => {
                       border: ""
                     }), {
                       default: a(() => [
-                        o(Q, {
+                        o(J, {
                           text: l(u.slug) ? "Mark as unread" : "Mark as read",
                           location: "bottom"
                         }, {
-                          activator: a(({ props: S }) => [
+                          activator: a(({ props: C }) => [
                             o($e, { "hide-on-leave": "" }, {
                               default: a(() => [
-                                xe(o(G, P(S, {
+                                xe(o(E, P(C, {
                                   icon: `svg:${l(u.slug) ? t(Ke) : t(Xe)}`,
                                   class: "ms-auto float-right",
                                   size: "small",
@@ -2166,10 +2272,10 @@ const Be = J("settings", () => {
                           ]),
                           _: 2
                         }, 1032, ["text"]),
-                        h("div", hn, A(u.metadata.text), 1),
-                        h("div", gn, A(t(e).format(u.created_at, "fullDateWithWeekday")), 1),
-                        h("div", bn, A(u.metadata.subtext), 1),
-                        o(Y, P({
+                        h("div", wn, I(u.metadata.text), 1),
+                        h("div", Sn, I(t(e).format(u.created_at, "fullDateWithWeekday")), 1),
+                        h("div", Cn, I(u.metadata.subtext), 1),
+                        o(q, P({
                           href: u.metadata.link.startsWith("http") ? u.metadata.link : void 0,
                           target: u.metadata.link.startsWith("http") ? "_blank" : void 0,
                           to: u.metadata.link.startsWith("http") ? void 0 : u.metadata.link
@@ -2182,7 +2288,7 @@ const Be = J("settings", () => {
                           label: ""
                         }), {
                           append: a(() => [
-                            o(I, { size: "12" })
+                            o(A, { size: "12" })
                           ]),
                           _: 2
                         }, 1040, ["append-icon", "text"])
@@ -2194,16 +2300,16 @@ const Be = J("settings", () => {
                 }, 1024)
               ]);
             }), 128))
-          ])) : (d(), L("div", fn, [
-            o(f, {
+          ])) : (d(), S("div", kn, [
+            o(v, {
               icon: "$vuetify",
               size: "256"
             }, {
               media: a(() => [
-                o(I, { color: "medium-emphasis" })
+                o(A, { color: "medium-emphasis" })
               ]),
               title: a(() => [
-                vn
+                xn
               ]),
               _: 1
             })
@@ -2213,16 +2319,16 @@ const Be = J("settings", () => {
       });
     };
   }
-}), Vn = {
+}), In = {
   key: 0,
   class: "pt-16"
-}, kn = /* @__PURE__ */ h("div", { class: "text-medium-emphasis" }, " All caught up ", -1), xn = { class: "ps-3 text-subtitle-2 pe-2" }, $n = { class: "text-truncate" }, wn = { class: "text-caption font-weight-bold text-medium-emphasis" }, Sn = { class: "text-disabled text-caption my-2" }, Cn = /* @__PURE__ */ k({
+}, An = /* @__PURE__ */ h("div", { class: "text-medium-emphasis" }, " All caught up ", -1), Dn = { class: "ps-3 text-subtitle-2 pe-2" }, Un = { class: "text-truncate" }, Bn = { class: "text-caption font-weight-bold text-medium-emphasis" }, Nn = { class: "text-disabled text-caption my-2" }, On = /* @__PURE__ */ k({
   __name: "VoNotificationsList",
   props: {
     items: {}
   },
   setup(p) {
-    const e = we(), i = se(), n = O();
+    const e = we(), i = re(), n = O();
     function l(r) {
       return n.notifications.read.includes(r);
     }
@@ -2230,38 +2336,38 @@ const Be = J("settings", () => {
       l(r.slug) ? n.notifications.read = n.notifications.read.filter((c) => c !== r.slug) : n.notifications.read.push(r.slug);
     }
     return (r, c) => {
-      const f = Me("v-empty-state"), u = X;
-      return d(), v(ee, {
+      const v = Me("v-empty-state"), u = Y;
+      return d(), f(ee, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
         default: a(() => [
-          r.items.length ? (d(!0), L(U, { key: 1 }, oe(r.items, (m, b) => (d(), v(Ce, {
+          r.items.length ? (d(!0), S(U, { key: 1 }, oe(r.items, (m, b) => (d(), f(Ce, {
             key: m.slug
           }, {
-            default: a(({ isHovering: V, props: S }) => [
-              o(u, P(S, {
+            default: a(({ isHovering: V, props: C }) => [
+              o(u, P(C, {
                 border: b !== 0 && "t",
                 class: "py-4 mb-0"
               }), {
                 prepend: a(() => [
-                  h("div", xn, A(m.metadata.emoji), 1)
+                  h("div", Dn, I(m.metadata.emoji), 1)
                 ]),
                 append: a(() => [
-                  o(po, {
+                  o(vo, {
                     class: "mt-n3",
                     width: "56"
                   }, {
                     default: a(() => [
-                      o(Q, {
+                      o(J, {
                         text: l(m.slug) ? "Mark as unread" : "Mark as read",
                         location: "bottom"
                       }, {
                         activator: a(({ props: _ }) => [
                           o($e, { "hide-on-leave": "" }, {
                             default: a(() => [
-                              xe(o(G, P(_, {
+                              xe(o(E, P(_, {
                                 icon: `svg:${l(m.slug) ? t(Ke) : t(Xe)}`,
                                 class: "ms-auto",
                                 size: "small",
@@ -2284,13 +2390,13 @@ const Be = J("settings", () => {
                 default: a(() => [
                   o(et, { class: "text-wrap text-h6 mb-1" }, {
                     default: a(() => [
-                      h("div", $n, A(m.title), 1)
+                      h("div", Un, I(m.title), 1)
                     ]),
                     _: 2
                   }, 1024),
-                  h("div", wn, A(t(e).format(m.created_at, "fullDateWithWeekday")), 1),
-                  h("div", Sn, A(m.metadata.text), 1),
-                  o(Y, {
+                  h("div", Bn, I(t(e).format(m.created_at, "fullDateWithWeekday")), 1),
+                  h("div", Nn, I(m.metadata.text), 1),
+                  o(q, {
                     "append-icon": `svg:${t(ve)}`,
                     href: m.metadata.action,
                     text: m.metadata.action_text,
@@ -2302,7 +2408,7 @@ const Be = J("settings", () => {
                     onClick: (_) => s(m)
                   }, {
                     append: a(() => [
-                      o(I, { size: "12" })
+                      o(A, { size: "12" })
                     ]),
                     _: 2
                   }, 1032, ["append-icon", "href", "text", "onClick"])
@@ -2311,16 +2417,16 @@ const Be = J("settings", () => {
               }, 1040, ["border"])
             ]),
             _: 2
-          }, 1024))), 128)) : (d(), L("div", Vn, [
-            o(f, {
+          }, 1024))), 128)) : (d(), S("div", In, [
+            o(v, {
               icon: "$vuetify",
               size: "256"
             }, {
               media: a(() => [
-                o(I, { color: "medium-emphasis" })
+                o(A, { color: "medium-emphasis" })
               ]),
               title: a(() => [
-                kn
+                An
               ]),
               _: 1
             })
@@ -2330,30 +2436,30 @@ const Be = J("settings", () => {
       });
     };
   }
-}), Ln = J("site", () => {
+}), Fn = X("site", () => {
   const p = H([]), e = H();
   return {
     id: p,
     url: e
   };
-}), Ne = J("banners", () => {
-  const p = ge(), e = Ln(), i = O(), n = H([]), l = D(!1), s = w(() => r.value ? r.value : n.value.find(({
-    slug: f,
+}), Ne = X("banners", () => {
+  const p = ge(), e = Fn(), i = O(), n = H([]), l = D(!1), s = w(() => r.value ? r.value : n.value.find(({
+    slug: v,
     metadata: {
       site: u,
       active: m
     }
-  }) => !m || i.notifications.last.banner.includes(f) ? !1 : u.includes("dev") && !1 || u.includes("*") ? !0 : u.some((b) => e.id.includes(b)))), r = w(() => n.value.find(({
+  }) => !m || i.notifications.last.banner.includes(v) ? !1 : u.includes("dev") && !1 || u.includes("*") ? !0 : u.some((b) => e.id.includes(b)))), r = w(() => n.value.find(({
     metadata: {
-      site: f,
+      site: v,
       active: u
     }
-  }) => u ? f.includes("server") : !1));
+  }) => u ? v.includes("server") : !1));
   async function c() {
     try {
       l.value = !0;
-      const f = await p.get("/one/banners");
-      n.value = f.banners;
+      const v = await p.get("/one/banners");
+      n.value = v.banners;
     } catch {
     } finally {
       l.value = !1;
@@ -2367,7 +2473,7 @@ const Be = J("settings", () => {
     banner: s,
     get: c
   };
-}), An = { class: "text-caption" }, In = { class: "text-caption" }, Dn = /* @__PURE__ */ k({
+}), zn = { class: "text-caption" }, jn = { class: "text-caption" }, Tn = /* @__PURE__ */ k({
   __name: "VoNotificationsDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2375,25 +2481,25 @@ const Be = J("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(p) {
-    const e = se(), i = ye(), n = Ne(), l = De(), s = j(), r = D(["read"]), c = le(p, "modelValue");
+    const e = re(), i = ye(), n = Ne(), l = De(), s = j(), r = D(["read"]), c = ie(p, "modelValue");
     return N(i, async () => {
       if (i.value.one !== "notifications") {
         c.value && (c.value = !1);
         return;
       }
       s.isOpen = !0, await fe(), c.value = !0;
-    }, { immediate: !0 }), (f, u) => {
-      const m = X, b = Cn, V = yn, S = Ue;
-      return d(), v(S, {
+    }, { immediate: !0 }), (v, u) => {
+      const m = Y, b = On, V = Ln, C = Ue;
+      return d(), f(C, {
         modelValue: c.value,
         "onUpdate:modelValue": u[2] || (u[2] = (_) => c.value = _),
-        "prepend-icon": `svg:${t(Et)}`,
+        "prepend-icon": `svg:${t(Gt)}`,
         title: "Notifications"
       }, {
         default: a(() => [
-          o(Ae, null, {
+          o(Ie, null, {
             default: a(() => [
-              o(mo, {
+              o(_o, {
                 location: t(e).mobile.value ? "top" : "start",
                 width: t(e).mobile.value ? 128 : 168,
                 permanent: ""
@@ -2409,39 +2515,39 @@ const Be = J("settings", () => {
                   }, {
                     default: a(() => [
                       o(m, {
-                        "prepend-icon": `svg:${t(Wt)}`,
+                        "prepend-icon": `svg:${t(qt)}`,
                         title: "Unread",
                         value: "read"
-                      }, W({ _: 2 }, [
+                      }, G({ _: 2 }, [
                         t(l).unread.length > 0 ? {
                           name: "append",
                           fn: a(() => [
-                            h("span", An, A(t(l).unread.length), 1)
+                            h("span", zn, I(t(l).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
                       o(m, {
-                        "prepend-icon": `svg:${t(Gt)}`,
+                        "prepend-icon": `svg:${t(Zt)}`,
                         title: "Read",
                         value: "unread"
-                      }, W({ _: 2 }, [
+                      }, G({ _: 2 }, [
                         t(l).read.length > 0 ? {
                           name: "append",
                           fn: a(() => [
-                            h("span", In, A(t(l).read.length), 1)
+                            h("span", jn, I(t(l).read.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
-                      t(n).all.length > 0 ? (d(), v(m, {
+                      t(n).all.length > 0 ? (d(), f(m, {
                         key: 0,
-                        "prepend-icon": `svg:${t(qt)}`,
+                        "prepend-icon": `svg:${t(Yt)}`,
                         title: "Banners",
                         value: "banners"
                       }, {
                         append: a(() => [
-                          o(He, {
+                          o(Ge, {
                             "offset-y": "-3",
                             dot: ""
                           })
@@ -2454,7 +2560,7 @@ const Be = J("settings", () => {
                 ]),
                 _: 1
               }, 8, ["location", "width"]),
-              o(Ie, { scrollable: "" }, {
+              o(Ae, { scrollable: "" }, {
                 default: a(() => [
                   o(st, {
                     modelValue: r.value,
@@ -2499,11 +2605,11 @@ const Be = J("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Un = /* @__PURE__ */ k({
+}), Mn = /* @__PURE__ */ k({
   __name: "VoNotificationsBadge",
   setup(p) {
     const e = De(), i = O();
-    return (n, l) => (d(), v(He, {
+    return (n, l) => (d(), f(Ge, {
       content: t(e).unread.length,
       "model-value": t(i).notifications.show && t(e).unread.length > 0,
       color: "error"
@@ -2514,23 +2620,23 @@ const Be = J("settings", () => {
       _: 3
     }, 8, ["content", "model-value"]));
   }
-}), Bn = /* @__PURE__ */ k({
+}), Rn = /* @__PURE__ */ k({
   __name: "VoNotificationsListItem",
   setup(p) {
     const e = Ne(), i = O(), n = De(), l = D(!1);
-    return vt(async () => {
+    return _t(async () => {
       n.get(), e.get();
     }), (s, r) => {
-      const c = Un, f = Dn, u = X;
-      return t(i).notifications.show ? (d(), v(u, {
+      const c = Mn, v = Tn, u = Y;
+      return t(i).notifications.show ? (d(), f(u, {
         key: 0,
         active: l.value,
-        "prepend-icon": `svg:${t(Yt)}`,
+        "prepend-icon": `svg:${t(Qt)}`,
         title: "Notifications",
         link: ""
-      }, W({
+      }, G({
         default: a(() => [
-          o(f, {
+          o(v, {
             modelValue: l.value,
             "onUpdate:modelValue": r[0] || (r[0] = (m) => l.value = m)
           }, null, 8, ["modelValue"])
@@ -2542,7 +2648,7 @@ const Be = J("settings", () => {
           fn: a(() => [
             o(c, null, {
               default: a(() => [
-                o(I)
+                o(A)
               ]),
               _: 1
             })
@@ -2552,27 +2658,27 @@ const Be = J("settings", () => {
       ]), 1032, ["active", "prepend-icon"])) : x("", !0);
     };
   }
-}), Nn = /* @__PURE__ */ k({
+}), Pn = /* @__PURE__ */ k({
   __name: "VoDashboardListItem",
   setup(p) {
     const e = j();
     return (i, n) => {
-      const l = X;
-      return d(), v(l, {
-        "prepend-icon": `svg:${t(Zt)}`,
+      const l = Y;
+      return d(), f(l, {
+        "prepend-icon": `svg:${t(Jt)}`,
         title: "Dashboard",
         to: "/user/dashboard",
         onClick: n[0] || (n[0] = (s) => t(e).isOpen = !1)
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), On = /* @__PURE__ */ k({
+}), Hn = /* @__PURE__ */ k({
   __name: "VoUserList",
   setup(p) {
     const e = F();
     return (i, n) => {
-      const l = Nn, s = Bn, r = mn, c = en, f = Do, u = wo;
-      return d(), v(ee, {
+      const l = Pn, s = Rn, r = Vn, c = yn, v = rn, u = jo, m = Uo;
+      return d(), f(ee, {
         density: "compact",
         nav: "",
         slim: ""
@@ -2581,15 +2687,16 @@ const Be = J("settings", () => {
           o(l),
           o(s),
           o(r),
-          t(e).user ? (d(), v(c, { key: 0 })) : x("", !0),
-          o(f),
-          t(e).user ? (d(), v(u, { key: 1 })) : x("", !0)
+          o(c),
+          t(e).user ? (d(), f(v, { key: 0 })) : x("", !0),
+          o(u),
+          t(e).user ? (d(), f(m, { key: 1 })) : x("", !0)
         ]),
         _: 1
       });
     };
   }
-}), Fn = { key: 0 }, zn = { class: "d-flex align-center justify-center pa-1 ga-2" }, jn = /* @__PURE__ */ k({
+}), En = { key: 0 }, Wn = { class: "d-flex align-center justify-center pa-1 ga-2" }, Gn = /* @__PURE__ */ k({
   __name: "VoUserQuickActions",
   setup(p) {
     const e = O(), i = [
@@ -2598,11 +2705,11 @@ const Be = J("settings", () => {
       "M20 17.0652C19.9916 17.0675 14.6826 18.4123 14.6742 18.4147C14.6994 17.3633 14.3353 16.3579 13.712 15.5563L19.7274 14.0331L20 17.066V17.0652Z",
       ["M12.353 16.0368C9.07567 12.843 3.90082 17.0493 6.66818 20.5975C9.94136 24.3844 15.773 19.6984 12.353 16.0368ZM11.1267 19.4129C10.2224 20.7664 7.79139 20.1099 7.82746 18.4686C8.04976 15.4897 12.7112 16.8495 11.1267 19.4129Z", 0.6]
     ];
-    return (n, l) => (d(), v(he, null, {
+    return (n, l) => (d(), f(he, null, {
       default: a(() => [
-        t(e).quickbar ? (d(), L("div", Fn, [
-          h("div", zn, [
-            o(G, {
+        t(e).quickbar ? (d(), S("div", En, [
+          h("div", Wn, [
+            o(E, {
               color: t(e).colors.one,
               class: "text-caption",
               density: "comfortable",
@@ -2611,8 +2718,8 @@ const Be = J("settings", () => {
               target: "_blank"
             }, {
               default: a(() => [
-                o(I),
-                o(Q, {
+                o(A),
+                o(J, {
                   activator: "parent",
                   location: "top",
                   text: "Vuetify Play"
@@ -2620,7 +2727,7 @@ const Be = J("settings", () => {
               ]),
               _: 1
             }, 8, ["color"]),
-            o(G, {
+            o(E, {
               color: t(e).colors.one,
               icon: i,
               class: "text-caption",
@@ -2629,8 +2736,8 @@ const Be = J("settings", () => {
               target: "_blank"
             }, {
               default: a(() => [
-                o(I),
-                o(Q, {
+                o(A),
+                o(J, {
                   activator: "parent",
                   location: "top",
                   text: "Vuetify Bin"
@@ -2638,17 +2745,17 @@ const Be = J("settings", () => {
               ]),
               _: 1
             }, 8, ["color"]),
-            o(G, {
+            o(E, {
               color: t(e).colors.one,
-              icon: `svg:${t(Qt)}`,
+              icon: `svg:${t(Xt)}`,
               class: "text-caption",
               density: "comfortable",
               href: "https://issues.vuetifyjs.com",
               target: "_blank"
             }, {
               default: a(() => [
-                o(I),
-                o(Q, {
+                o(A),
+                o(J, {
                   activator: "parent",
                   location: "top",
                   text: "Vuetify Issues"
@@ -2662,7 +2769,7 @@ const Be = J("settings", () => {
       _: 1
     }));
   }
-}), Tn = { class: "mb-2" }, Mn = { key: 0 }, Rn = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Pn = { class: "text-h6" }, Hn = /* @__PURE__ */ k({
+}), qn = { class: "mb-2" }, Zn = { key: 0 }, Yn = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Qn = { class: "text-h6" }, Jn = /* @__PURE__ */ k({
   __name: "VoUserAvatar",
   setup(p) {
     const e = F(), i = O(), n = D(!1), l = w(() => {
@@ -2690,11 +2797,11 @@ const Be = J("settings", () => {
     function r() {
       e.isSubscriber && (n.value = !n.value);
     }
-    return (c, f) => {
+    return (c, v) => {
       var u;
-      return d(), L("div", null, [
-        xe((d(), v(ne, {
-          class: _t([
+      return d(), S("div", null, [
+        xe((d(), f(ne, {
+          class: ht([
             "border-md border-opacity-100 border-surface-variant",
             {
               "cursor-pointer": t(e).isSubscriber
@@ -2706,11 +2813,11 @@ const Be = J("settings", () => {
           onClick: Te(r, ["prevent", "stop"])
         }, {
           default: a(() => [
-            t(e).user && t(i).avatar ? (d(), v(Le, {
+            t(e).user && t(i).avatar ? (d(), f(Le, {
               key: 0,
               src: t(i).avatar,
               alt: "User avatar"
-            }, null, 8, ["src"])) : (d(), v(I, {
+            }, null, 8, ["src"])) : (d(), f(A, {
               key: 1,
               class: "mt-1",
               icon: "$vuetify",
@@ -2719,20 +2826,20 @@ const Be = J("settings", () => {
           ]),
           _: 1
         }, 8, ["class"])), [
-          [fo, t(e).isSubscriber]
+          [ho, t(e).isSubscriber]
         ]),
-        h("div", Tn, [
+        h("div", qn, [
           o(he, null, {
             default: a(() => [
-              n.value ? (d(), L("div", Mn, [
+              n.value ? (d(), S("div", Zn, [
                 o(M, {
                   class: "pt-6 pb-1",
                   rounded: "0",
                   flat: ""
                 }, {
                   default: a(() => [
-                    h("div", Rn, [
-                      (d(!0), L(U, null, oe(l.value, (m, b) => (d(), v(G, {
+                    h("div", Yn, [
+                      (d(!0), S(U, null, oe(l.value, (m, b) => (d(), f(E, {
                         key: b,
                         active: t(i).avatar === m,
                         variant: "flat",
@@ -2756,18 +2863,18 @@ const Be = J("settings", () => {
             _: 1
           })
         ]),
-        h("div", Pn, A(((u = t(e).user) == null ? void 0 : u.name) ?? "Guest"), 1)
+        h("div", Qn, I(((u = t(e).user) == null ? void 0 : u.name) ?? "Guest"), 1)
       ]);
     };
   }
-}), En = /* @__PURE__ */ k({
+}), Xn = /* @__PURE__ */ k({
   __name: "VoUserBadges",
   setup(p) {
     const e = F(), i = j(), n = w(() => {
       var l;
       return i.github || i.discord || i.isSubscriber || ((l = e.user) == null ? void 0 : l.isAdmin);
     });
-    return (l, s) => n.value ? (d(), v(qe, {
+    return (l, s) => n.value ? (d(), f(qe, {
       key: 0,
       class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
       color: "rgba(0,0,0,.54)",
@@ -2777,53 +2884,53 @@ const Be = J("settings", () => {
       default: a(() => {
         var r;
         return [
-          (r = t(e).user) != null && r.isAdmin ? (d(), v(Q, {
+          (r = t(e).user) != null && r.isAdmin ? (d(), f(J, {
             key: 0,
             location: "bottom",
             text: "Vuetify Administrator"
           }, {
             activator: a(({ props: c }) => [
-              o(I, P({
+              o(A, P({
                 color: "blue",
                 icon: "$vuetify"
               }, c, { size: "16" }), null, 16)
             ]),
             _: 1
           })) : x("", !0),
-          t(i).isSubscriber ? (d(), v(Q, {
+          t(i).isSubscriber ? (d(), f(J, {
             key: 1,
             location: "bottom",
             text: "Vuetify One Subscriber"
           }, {
             activator: a(({ props: c }) => [
-              o(I, P({
-                icon: `svg:${t(Jt)}`,
+              o(A, P({
+                icon: `svg:${t(Kt)}`,
                 color: "amber-darken-2"
               }, c, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
           })) : x("", !0),
-          t(i).github ? (d(), v(Q, {
+          t(i).github ? (d(), f(J, {
             key: 2,
             location: "bottom",
             text: "GitHub Sponsor"
           }, {
             activator: a(({ props: c }) => [
-              o(I, P({
-                icon: `svg:${t(We)}`,
+              o(A, P({
+                icon: `svg:${t(Ee)}`,
                 color: "white"
               }, c, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
           })) : x("", !0),
-          t(i).discord ? (d(), v(Q, {
+          t(i).discord ? (d(), f(J, {
             key: 3,
             location: "bottom",
             text: "Discord Subscriber"
           }, {
             activator: a(({ props: c }) => [
-              o(I, P({
-                icon: `svg:${t(Ee)}`,
+              o(A, P({
+                icon: `svg:${t(He)}`,
                 color: "white"
               }, c, { size: "16" }), null, 16, ["icon"])
             ]),
@@ -2834,10 +2941,10 @@ const Be = J("settings", () => {
       _: 1
     })) : x("", !0);
   }
-}), Wn = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, Gn = {
+}), Kn = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, es = {
   key: "reset",
   class: "align-self-end"
-}, qn = /* @__PURE__ */ k({
+}, ts = /* @__PURE__ */ k({
   __name: "VoUserColors",
   setup(p) {
     const e = F(), i = O(), n = D(!1);
@@ -2845,8 +2952,8 @@ const Be = J("settings", () => {
       i.colors.one = "surface-light";
     }
     return (s, r) => {
-      const c = En, f = ae;
-      return d(), L(U, null, [
+      const c = Xn, v = se;
+      return d(), S(U, null, [
         o(Le, {
           color: t(e).user ? t(i).colors.one : "surface-light",
           "content-class": "d-flex align-start justify-end pa-2",
@@ -2856,12 +2963,12 @@ const Be = J("settings", () => {
           flat: ""
         }, {
           default: a(() => [
-            h("div", Wn, [
+            h("div", Kn, [
               o(c),
-              t(e).isSubscriber ? (d(), v(f, {
+              t(e).isSubscriber ? (d(), f(v, {
                 key: 0,
                 active: n.value,
-                icon: n.value ? `svg:${t(re)}` : "$edit",
+                icon: n.value ? `svg:${t(le)}` : "$edit",
                 variant: n.value ? "text" : "plain",
                 class: "align-self-end",
                 color: "inherit",
@@ -2872,7 +2979,7 @@ const Be = J("settings", () => {
                 default: a(() => [
                   o($e, { "leave-absolute": "" }, {
                     default: a(() => [
-                      (d(), v(I, {
+                      (d(), f(A, {
                         key: String(n.value)
                       }))
                     ]),
@@ -2881,12 +2988,12 @@ const Be = J("settings", () => {
                 ]),
                 _: 1
               }, 8, ["active", "icon", "variant"])) : x("", !0),
-              o(ao, null, {
+              o(ro, null, {
                 default: a(() => [
-                  xe(h("div", Gn, [
-                    o(f, {
+                  xe(h("div", es, [
+                    o(v, {
                       disabled: t(i).colors.one === "surface-light",
-                      icon: `svg:${t(Xt)}`,
+                      icon: `svg:${t(eo)}`,
                       class: "ms-2 me-1",
                       color: "inherit",
                       density: "comfortable",
@@ -2906,7 +3013,7 @@ const Be = J("settings", () => {
         }, 8, ["color"]),
         o(he, null, {
           default: a(() => [
-            n.value ? (d(), v(vo, {
+            n.value ? (d(), f(go, {
               key: 0,
               "model-value": t(i).colors.one !== "surface-light" ? t(i).colors.one : void 0,
               elevation: "0",
@@ -2926,7 +3033,7 @@ const Be = J("settings", () => {
       ], 64);
     };
   }
-}), Yn = { class: "text-center mt-n9 mb-4" }, Zn = /* @__PURE__ */ k({
+}), os = { class: "text-center mt-n9 mb-4" }, ns = /* @__PURE__ */ k({
   __name: "VoUserMenu",
   setup(p) {
     const e = Ne(), i = j(), n = H();
@@ -2934,8 +3041,8 @@ const Be = J("settings", () => {
       var l, s;
       await new Promise((r) => setTimeout(r, 300)), i.isOpen && ((s = (l = n.value) == null ? void 0 : l.updateLocation) == null || s.call(l));
     }, { flush: "pre" }), (l, s) => {
-      const r = qn, c = Hn, f = jn, u = On, m = lt;
-      return d(), v(t(_o), {
+      const r = ts, c = Jn, v = Gn, u = Hn, m = ct;
+      return d(), f(t(bo), {
         ref_key: "menu",
         ref: n,
         modelValue: t(i).isOpen,
@@ -2954,13 +3061,13 @@ const Be = J("settings", () => {
           }, {
             default: a(() => [
               o(r),
-              h("div", Yn, [
+              h("div", os, [
                 o(c),
-                o(f)
+                o(v)
               ]),
-              o(E),
+              o(W),
               o(u),
-              o(E),
+              o(W),
               o(m)
             ]),
             _: 1
@@ -2970,156 +3077,91 @@ const Be = J("settings", () => {
       }, 8, ["modelValue"]);
     };
   }
-}), Qn = { key: 0 }, Jn = /* @__PURE__ */ k({
+}), ss = { key: 0 }, as = /* @__PURE__ */ k({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
   },
   setup(p) {
-    const e = F(), i = j(), n = O(), { lgAndUp: l, mdAndDown: s } = se(), r = w(() => i.isOpen || !e.user ? n.colors.one === "surface-light" ? "primary" : n.colors.one : "surface-light");
-    return (c, f) => {
-      const u = Zn, m = ae, b = bo;
-      return d(), v(b, {
-        "offset-y": t(e).user ? 5 : 0
-      }, {
-        default: a(() => [
-          o(m, P({
-            [`${t(l) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(Kt)}`
-          }, {
-            color: r.value,
-            icon: t(e).user || t(e).isLoading,
-            loading: t(e).isLoading,
-            rounded: t(s),
-            variant: t(e).user ? "outlined" : "flat",
-            class: "vo-auth-btn",
-            size: "default",
-            style: { transition: ".2s ease" },
-            active: ""
-          }), {
-            default: a(() => [
-              t(e).user ? x("", !0) : (d(), L("span", Qn, "Login")),
-              t(e).user ? (d(), v(ne, {
-                key: 1,
-                image: t(n).avatar || t(e).user.picture || ""
-              }, null, 8, ["image"])) : x("", !0),
-              o(u)
-            ]),
-            _: 1
-          }, 16, ["color", "icon", "loading", "rounded", "variant"])
-        ]),
-        _: 1
-      }, 8, ["offset-y"]);
-    };
-  }
-}), Xn = { class: "text-center" }, Kn = { class: "text-center mb-6" }, es = { class: "font-weight-light mb-2" }, ts = /* @__PURE__ */ h("span", { class: "font-weight-bold" }, "Vuetify One", -1), ct = /* @__PURE__ */ k({
-  __name: "VoAuthCard",
-  setup(p) {
-    const e = F();
-    return (i, n) => {
-      const l = it, s = at;
-      return d(), v(M, {
-        class: "pt-6 pb-8 px-4 px-sm-8 mx-auto",
-        "max-width": "480"
-      }, {
-        default: a(() => [
-          h("div", Xn, [
-            o(ne, {
-              image: "https://vuetifyjs.b-cdn.net/docs/images/avatars/one.png",
-              class: "mx-auto",
-              size: "64"
-            }, null, 8, ["image"])
-          ]),
-          h("div", Kn, [
-            o(no, { class: "text-h5 mb-1 text-md-h4" }, {
-              default: a(() => [
-                h("div", es, A(t(e).lastLoginProvider() ? "Welcome back to" : "Login to"), 1),
-                ts
-              ]),
-              _: 1
-            }),
-            o(so, { class: "text-wrap" }, {
+    const e = F(), i = j(), n = O(), { lgAndUp: l, mdAndDown: s } = re(), r = w(() => i.isOpen || !e.user ? n.colors.one === "surface-light" ? "primary" : n.colors.one : "surface-light");
+    return (c, v) => {
+      const u = ns, m = se, b = Ao, V = rt;
+      return d(), S(U, null, [
+        o(b, {
+          "offset-y": t(e).user ? 5 : 0
+        }, {
+          default: a(() => [
+            o(m, P({
+              [`${t(l) ? "append-" : ""}icon`]: t(e).user ? void 0 : `svg:${t(to)}`
+            }, {
+              color: r.value,
+              icon: t(e).user || t(e).isLoading,
+              loading: t(e).isLoading,
+              rounded: t(s),
+              variant: t(e).user ? "outlined" : "flat",
+              class: "vo-auth-btn",
+              size: "default",
+              style: { transition: ".2s ease" },
+              active: ""
+            }), {
               default: a(() => [
-                B(" Login with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
+                t(e).user ? x("", !0) : (d(), S("span", ss, "Login")),
+                t(e).user ? (d(), f(ne, {
+                  key: 1,
+                  image: t(n).avatar || t(e).user.picture || ""
+                }, null, 8, ["image"])) : x("", !0),
+                o(u)
               ]),
               _: 1
-            })
+            }, 16, ["color", "icon", "loading", "rounded", "variant"])
           ]),
-          o(ee, {
-            class: "mx-auto",
-            "max-width": "300",
-            width: "100%"
-          }, {
-            default: a(() => [
-              o(l, { class: "mb-3" }),
-              o(s)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-}), os = /* @__PURE__ */ k({
-  __name: "VoAuthDialog",
-  setup(p) {
-    const e = F();
-    return (i, n) => {
-      const l = ct;
-      return d(), v(ot, {
-        modelValue: t(e).dialog,
-        "onUpdate:modelValue": n[0] || (n[0] = (s) => t(e).dialog = s),
-        "max-width": "480"
-      }, {
-        default: a(() => [
-          o(l)
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
+          _: 1
+        }, 8, ["offset-y"]),
+        o(V)
+      ], 64);
     };
   }
-}), ns = /* @__PURE__ */ k({
+}), is = /* @__PURE__ */ k({
   __name: "VoNotificationsBanner",
   setup(p) {
-    const { mdAndUp: e } = se(), i = Pe(), n = O(), l = Ne(), s = w(() => l.banner), r = w(() => {
+    const { mdAndUp: e } = re(), i = Pe(), n = O(), l = Ne(), s = w(() => l.banner), r = w(() => {
       var b, V;
       return ((b = s.value) == null ? void 0 : b.metadata.height) || ((V = s.value) != null && V.metadata.subtext ? 88 : 48);
     }), c = w(() => !s.value || !n.notifications.last.banner.includes(s.value.slug));
-    function f() {
+    function v() {
       s.value && n.notifications.last.banner.push(s.value.slug);
     }
     async function u(b) {
       var _;
       if (!s.value)
         return;
-      f(), await fe();
+      v(), await fe();
       const V = ((_ = s.value) == null ? void 0 : _.metadata) ?? { link: "" };
       if (V.link.indexOf("?one=") === -1)
         return;
       b.preventDefault(), b.stopPropagation();
-      const S = V.link.split("?one=")[1];
-      i.push({ query: { one: S } });
+      const C = V.link.split("?one=")[1];
+      i.push({ query: { one: C } });
     }
     const m = w(() => {
-      var V, S;
+      var V, C;
       const b = ((V = s.value) == null ? void 0 : V.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,
-        ...(S = s.value) == null ? void 0 : S.metadata.attributes,
+        ...(C = s.value) == null ? void 0 : C.metadata.attributes,
         onClick: u
       };
     });
     return (b, V) => {
-      var S;
-      return s.value ? (d(), v(ho, {
+      var C;
+      return s.value ? (d(), f(yo, {
         key: 0,
         color: s.value.metadata.color,
         height: r.value,
-        image: (S = s.value.metadata.images.bg) == null ? void 0 : S.url,
+        image: (C = s.value.metadata.images.bg) == null ? void 0 : C.url,
         "model-value": c.value,
-        theme: s.value.metadata.theme.key,
         flat: ""
       }, {
         default: a(() => [
@@ -3128,11 +3170,11 @@ const Be = J("settings", () => {
             class: "flex-grow-1",
             lines: "two",
             onClick: u
-          }), W({
+          }), G({
             append: a(() => [
-              t(e) && s.value.metadata.link && s.value.metadata.link_text ? (d(), v(Ce, { key: 0 }, {
+              t(e) && s.value.metadata.link && s.value.metadata.link_text ? (d(), f(Ce, { key: 0 }, {
                 default: a(({ isHovering: _, props: y }) => [
-                  o(G, P({
+                  o(E, P({
                     ...y,
                     ...m.value
                   }, {
@@ -3145,36 +3187,36 @@ const Be = J("settings", () => {
                     onClick: u
                   }), {
                     default: a(() => [
-                      B(A(s.value.metadata.link_text), 1)
+                      B(I(s.value.metadata.link_text), 1)
                     ]),
                     _: 2
                   }, 1040, ["append-icon", "color", "elevation", "title"])
                 ]),
                 _: 1
               })) : x("", !0),
-              s.value.metadata.closable ? (d(), v(G, {
+              s.value.metadata.closable ? (d(), f(E, {
                 key: 1,
                 class: "ms-6 me-2",
                 density: "comfortable",
                 icon: "$clear",
                 size: "small",
                 variant: "plain",
-                onClick: Te(f, ["prevent", "stop"])
+                onClick: Te(v, ["prevent", "stop"])
               })) : x("", !0)
             ]),
             default: a(() => [
-              s.value.metadata.text ? (d(), v(et, {
+              s.value.metadata.text ? (d(), f(et, {
                 key: 0,
                 class: "text-subtitle-2 text-md-subtitle-1 font-weight-medium"
               }, {
                 default: a(() => [
-                  B(A(s.value.metadata.text), 1)
+                  B(I(s.value.metadata.text), 1)
                 ]),
                 _: 1
               })) : x("", !0),
-              s.value.metadata.subtext ? (d(), v(oo, { key: 1 }, {
+              s.value.metadata.subtext ? (d(), f(so, { key: 1 }, {
                 default: a(() => [
-                  B(A(s.value.metadata.subtext), 1)
+                  B(I(s.value.metadata.subtext), 1)
                 ]),
                 _: 1
               })) : x("", !0)
@@ -3194,13 +3236,13 @@ const Be = J("settings", () => {
           ]), 1040)
         ]),
         _: 1
-      }, 8, ["color", "height", "image", "model-value", "theme"])) : x("", !0);
+      }, 8, ["color", "height", "image", "model-value"])) : x("", !0);
     };
   }
-}), ss = (p) => (ht("data-v-d0145a63"), p = p(), gt(), p), as = ["href", "title"], is = {
+}), ls = (p) => (gt("data-v-d0145a63"), p = p(), bt(), p), rs = ["href", "title"], cs = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, ls = /* @__PURE__ */ ss(() => /* @__PURE__ */ h("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), rs = /* @__PURE__ */ k({
+}, us = /* @__PURE__ */ ls(() => /* @__PURE__ */ h("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), ds = /* @__PURE__ */ k({
   __name: "VoFooter",
   setup(p) {
     const e = [
@@ -3211,7 +3253,7 @@ const Be = J("settings", () => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${eo}`,
+        icon: `svg:${oo}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -3221,26 +3263,26 @@ const Be = J("settings", () => {
       },
       {
         title: "Vuetify GitHub",
-        icon: `svg:${We}`,
+        icon: `svg:${Ee}`,
         href: "https://github.com/vuetifyjs/vuetify"
       },
       {
         title: "Vuetify Discord",
-        icon: `svg:${Ee}`,
+        icon: `svg:${He}`,
         href: "https://community.vuetifyjs.com/"
       },
       {
         title: "Vuetify Reddit",
-        icon: `svg:${to}`,
+        icon: `svg:${no}`,
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
-    return (i, n) => (d(), v(go, {
+    return (i, n) => (d(), f(Vo, {
       class: "vo-footer",
       height: "40"
     }, {
       default: a(() => [
-        (d(), L(U, null, oe(e, (l) => h("a", {
+        (d(), S(U, null, oe(e, (l) => h("a", {
           key: l.title,
           href: l.href,
           title: l.title,
@@ -3248,26 +3290,26 @@ const Be = J("settings", () => {
           rel: "noopener noreferrer",
           target: "_blank"
         }, [
-          o(I, {
+          o(A, {
             icon: l.icon,
             size: l.icon === "$vuetify" ? 24 : 16
           }, null, 8, ["icon", "size"])
-        ], 8, as)), 64)),
-        h("div", is, [
-          B(" © 2016-" + A((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-          ls
+        ], 8, rs)), 64)),
+        h("div", cs, [
+          B(" © 2016-" + I((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+          us
         ])
       ]),
       _: 1
     }));
   }
-}), cs = (p, e) => {
+}), ps = (p, e) => {
   const i = p.__vccOpts || p;
   for (const [n, l] of e)
     i[n] = l;
   return i;
-}, us = /* @__PURE__ */ cs(rs, [["__scopeId", "data-v-d0145a63"]]), Js = J("bins", () => {
-  const p = F(), e = ge(), i = H([]), n = H(), l = D(!1), s = D(-1), r = w(() => !p.user || !n.value ? !1 : p.user.id === n.value.owner.id), c = w(() => i.value.filter((y) => y.favorite)), f = w(() => i.value.filter((y) => y.pinned));
+}, ms = /* @__PURE__ */ ps(ds, [["__scopeId", "data-v-d0145a63"]]), ea = X("bins", () => {
+  const p = F(), e = ge(), i = H([]), n = H(), l = D(!1), s = D(-1), r = w(() => !p.user || !n.value ? !1 : p.user.id === n.value.owner.id), c = w(() => i.value.filter((y) => y.favorite)), v = w(() => i.value.filter((y) => y.pinned));
   N(n, () => {
     window.clearTimeout(s.value), s.value = window.setTimeout(() => {
       !n.value || !r.value || V(n.value, n.value.id);
@@ -3315,7 +3357,7 @@ const Be = J("settings", () => {
     }
     return { bin: y };
   }
-  async function S(y, $) {
+  async function C(y, $) {
     try {
       l.value = !0;
       const z = $ ? await V(y, $) : await b(y);
@@ -3340,7 +3382,7 @@ const Be = J("settings", () => {
   return {
     isLoading: l,
     isOwner: r,
-    pinned: f,
+    pinned: v,
     favorites: c,
     all: i,
     create: b,
@@ -3349,27 +3391,27 @@ const Be = J("settings", () => {
     find: _,
     get: u,
     update: V,
-    updateOrCreate: S
+    updateOrCreate: C
   };
 });
-function Xs() {
+function ta() {
   function p(e) {
-    e.component("VoAuthBtn", Jn), e.component("VoAuthCard", ct), e.component("VoAuthDialog", os), e.component("VoAuthListItem", lt), e.component("VoNotificationsBanner", ns), e.component("VoFooter", us);
+    e.component("VoAuthBtn", as), e.component("VoAuthCard", lt), e.component("VoAuthDialog", rt), e.component("VoAuthListItem", ct), e.component("VoNotificationsBanner", is), e.component("VoFooter", ms);
   }
   return { install: p };
 }
-function Ks(p, e) {
+function oa(p, e) {
   return function(i) {
     const n = i.store;
     n.url = e, n.$id === "site" && (n.id = p);
   };
 }
 export {
-  Xs as createOne,
-  Ks as one,
+  ta as createOne,
+  oa as one,
   F as useAuthStore,
   Ne as useBannersStore,
-  Js as useBinsStore,
+  ea as useBinsStore,
   ge as useHttpStore,
   j as useOneStore,
   Be as useSettingsStore,