@vuetify/one 1.0.13 → 1.0.15

package/dist/index.js

@@ -1,55 +1,56 @@
-import { reactive as ot, toRefs as nt, ref as te, shallowRef as O, computed as L, watch as z, defineComponent as k, openBlock as d, createBlock as m, unref as e, withCtx as s, renderSlot as R, normalizeStyle as Me, createSlots as G, createCommentVNode as x, createElementVNode as v, toDisplayString as D, createVNode as o, withModifiers as Pe, mergeModels as st, useModel as ae, createElementBlock as S, Fragment as N, createTextVNode as j, inject as it, onBeforeMount as at, nextTick as _e, renderList as se, mergeProps as J, resolveComponent as We, withDirectives as Ne, vShow as qe, onMounted as rt, normalizeClass as lt, pushScopeId as ct, popScopeId as ut } from "vue";
+import { reactive as et, toRefs as tt, ref as te, shallowRef as N, computed as L, watch as z, defineComponent as k, openBlock as d, createBlock as m, unref as e, withCtx as n, renderSlot as H, normalizeStyle as Re, createSlots as G, createCommentVNode as x, createElementVNode as v, toDisplayString as D, createVNode as o, withModifiers as He, mergeModels as ot, useModel as ae, createElementBlock as S, Fragment as F, createTextVNode as O, onBeforeMount as st, nextTick as _e, renderList as ne, mergeProps as J, resolveComponent as Me, withDirectives as Fe, vShow as Pe, onMounted as nt, normalizeClass as it, pushScopeId as at, popScopeId as rt } from "vue";
 import { defineStore as oe } from "pinia";
 import { merge as Ce } from "lodash-es";
-import { VBadge as Ge } from "vuetify/lib/components/VBadge/index.mjs";
+import { VBadge as Ee } from "vuetify/lib/components/VBadge/index.mjs";
 import { VBtn as Z } from "vuetify/lib/components/VBtn/index.mjs";
-import { VProgressCircular as dt } from "vuetify/lib/components/VProgressCircular/index.mjs";
-import { mdiDiscord as Oe, mdiGithub as je, mdiSync as pt, mdiSyncOff as mt, mdiLogoutVariant as ft, mdiCheck as ne, mdiHome as vt, mdiTextBox as _t, mdiSpaceInvaders as Ye, mdiWhiteBalanceSunny as ht, mdiWeatherNight as gt, mdiDesktopTowerMonitor as bt, mdiImageFilterHdr as yt, mdiRocketLaunchOutline as Vt, mdiContrastCircle as kt, mdiCog as $t, mdiCogOutline as xt, mdiFileDocument as wt, mdiCreditCardSettingsOutline as St, mdiRocketOutline as Ct, mdiCheckCircleOutline as le, mdiCreditCard as Lt, mdiReload as It, mdiPlaylistCheck as At, mdiCreditCardOutline as Dt, mdiHandHeart as Ut, mdiInformationOutline as ze, mdiMedal as Le, mdiChartLine as Nt, mdiHandHeartOutline as Ot, mdiEmailOpenOutline as jt, mdiEmailVariant as Bt, mdiOpenInNew as Ft, mdiBell as zt, mdiInboxOutline as Et, mdiInboxFullOutline as Tt, mdiBellOutline as Rt, mdiViewDashboardOutline as Ht, mdiTrashCan as Mt, mdiBug as Pt, mdiCrown as Wt, mdiArrowULeftBottom as qt, mdiLogin as Gt, mdiShieldStarOutline as Yt, mdiReddit as Qt } from "@mdi/js";
-import { VListItem as he, VList as ie, VListItemTitle as Jt } from "vuetify/lib/components/VList/index.mjs";
+import { VProgressCircular as lt } from "vuetify/lib/components/VProgressCircular/index.mjs";
+import { mdiDiscord as Ne, mdiGithub as Oe, mdiSync as ct, mdiSyncOff as ut, mdiLogoutVariant as dt, mdiCheck as se, mdiHome as pt, mdiTextBox as mt, mdiSpaceInvaders as We, mdiWhiteBalanceSunny as ft, mdiWeatherNight as vt, mdiDesktopTowerMonitor as _t, mdiImageFilterHdr as ht, mdiRocketLaunchOutline as gt, mdiContrastCircle as bt, mdiCog as yt, mdiCogOutline as Vt, mdiFileDocument as kt, mdiCreditCardSettingsOutline as $t, mdiRocketOutline as xt, mdiCheckCircleOutline as le, mdiCreditCard as wt, mdiReload as St, mdiPlaylistCheck as Ct, mdiCreditCardOutline as Lt, mdiHandHeart as It, mdiInformationOutline as ze, mdiMedal as Le, mdiChartLine as At, mdiHandHeartOutline as Dt, mdiEmailOpenOutline as Ut, mdiEmailVariant as Ft, mdiOpenInNew as Nt, mdiBell as Ot, mdiInboxOutline as Bt, mdiInboxFullOutline as jt, mdiBellOutline as zt, mdiViewDashboardOutline as Tt, mdiTrashCan as Rt, mdiBug as Ht, mdiCrown as Mt, mdiArrowULeftBottom as Pt, mdiLogin as Et, mdiShieldStarOutline as Wt, mdiReddit as qt } from "@mdi/js";
+import { VListItem as he, VList as ie, VListItemTitle as Gt } from "vuetify/lib/components/VList/index.mjs";
 import { VAvatar as fe } from "vuetify/lib/components/VAvatar/index.mjs";
-import { VCard as M, VCardText as X } from "vuetify/lib/components/VCard/index.mjs";
-import { VSheet as Qe } from "vuetify/lib/components/VSheet/index.mjs";
-import { VSwitch as Je } from "vuetify/lib/components/VSwitch/index.mjs";
-import { VFadeTransition as Be, VExpandTransition as ue, VExpandXTransition as Xt } from "vuetify/lib/components/transitions/index.mjs";
-import { useDisplay as ge, useTheme as Zt, useDate as be } from "vuetify";
-import { VDialog as Kt } from "vuetify/lib/components/VDialog/index.mjs";
-import { VDivider as P } from "vuetify/lib/components/VDivider/index.mjs";
+import { VCard as P, VCardText as X } from "vuetify/lib/components/VCard/index.mjs";
+import { VSheet as qe } from "vuetify/lib/components/VSheet/index.mjs";
+import { VSwitch as Ge } from "vuetify/lib/components/VSwitch/index.mjs";
+import { VFadeTransition as Be, VExpandTransition as ue, VExpandXTransition as Yt } from "vuetify/lib/components/transitions/index.mjs";
+import { useDisplay as ge, useTheme as Qt, useDate as be } from "vuetify";
+import { VDialog as Jt } from "vuetify/lib/components/VDialog/index.mjs";
+import { VDivider as E } from "vuetify/lib/components/VDivider/index.mjs";
 import { VIcon as U } from "vuetify/lib/components/VIcon/index.mjs";
 import { VLabel as De } from "vuetify/lib/components/VLabel/index.mjs";
 import { VChip as Y } from "vuetify/lib/components/VChip/index.mjs";
-import { VChipGroup as eo } from "vuetify/lib/components/VChipGroup/index.mjs";
-import { VSelect as to } from "vuetify/lib/components/VSelect/index.mjs";
+import { VChipGroup as Xt } from "vuetify/lib/components/VChipGroup/index.mjs";
+import { VSelect as Zt } from "vuetify/lib/components/VSelect/index.mjs";
+import { useRoute as Kt } from "vue-router";
 import { VRow as ye, VCol as ce } from "vuetify/lib/components/VGrid/index.mjs";
-import { VHover as Xe } from "vuetify/lib/components/VHover/index.mjs";
-import { VImg as Fe } from "vuetify/lib/components/VImg/index.mjs";
-import { VItemGroup as Ze, VItem as Ue } from "vuetify/lib/components/VItemGroup/index.mjs";
+import { VHover as Ye } from "vuetify/lib/components/VHover/index.mjs";
+import { VImg as je } from "vuetify/lib/components/VImg/index.mjs";
+import { VItemGroup as Qe, VItem as Ue } from "vuetify/lib/components/VItemGroup/index.mjs";
 import { VLayout as Ve } from "vuetify/lib/components/VLayout/index.mjs";
 import { VMain as ke } from "vuetify/lib/components/VMain/index.mjs";
-import { VDataTableVirtual as oo } from "vuetify/lib/components/VDataTable/index.mjs";
-import { VSkeletonLoader as Ee } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
-import { VWindow as Ke, VWindowItem as ve } from "vuetify/lib/components/VWindow/index.mjs";
-import { VTimeline as no, VTimelineItem as Ie } from "vuetify/lib/components/VTimeline/index.mjs";
-import { VResponsive as so } from "vuetify/lib/components/VResponsive/index.mjs";
+import { VDataTableVirtual as eo } from "vuetify/lib/components/VDataTable/index.mjs";
+import { VSkeletonLoader as Te } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
+import { VWindow as Je, VWindowItem as ve } from "vuetify/lib/components/VWindow/index.mjs";
+import { VTimeline as to, VTimelineItem as Ie } from "vuetify/lib/components/VTimeline/index.mjs";
+import { VResponsive as oo } from "vuetify/lib/components/VResponsive/index.mjs";
 import { VTooltip as re } from "vuetify/lib/components/VTooltip/index.mjs";
-import { VNavigationDrawer as io } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
-import { Ripple as ao } from "vuetify/lib/directives/index.mjs";
-import { VColorPicker as ro } from "vuetify/lib/components/VColorPicker/index.mjs";
-import { VMenu as lo } from "vuetify/lib/components/VMenu/index.mjs";
-import { VFooter as co } from "vuetify/lib/components/VFooter/index.mjs";
+import { VNavigationDrawer as so } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
+import { Ripple as no } from "vuetify/lib/directives/index.mjs";
+import { VColorPicker as io } from "vuetify/lib/components/VColorPicker/index.mjs";
+import { VMenu as ao } from "vuetify/lib/components/VMenu/index.mjs";
+import { VFooter as ro } from "vuetify/lib/components/VFooter/index.mjs";
 const $e = oe("http", {
   state: () => ({
     url: ""
   }),
   actions: {
-    async fetch(c, t = {}) {
-      const i = await fetch(`${this.url}${c}`, {
+    async fetch(u, t = {}) {
+      const i = await fetch(`${this.url}${u}`, {
         credentials: "include",
         ...t
       });
       return i.status === 204 ? i : i.json();
     },
-    async post(c, t, i = {}) {
-      return this.fetch(c, {
+    async post(u, t, i = {}) {
+      return this.fetch(u, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
@@ -58,11 +59,11 @@ const $e = oe("http", {
         ...i
       });
     },
-    async get(c, t = {}) {
-      return this.fetch(c, t);
+    async get(u, t = {}) {
+      return this.fetch(u, t);
     },
-    async delete(c, t = {}) {
-      return this.fetch(c, {
+    async delete(u, t = {}) {
+      return this.fetch(u, {
         method: "DELETE",
         ...t
       });
@@ -106,34 +107,34 @@ const $e = oe("http", {
       jobs: null
     }
   }
-}, E = oe("user", () => {
-  const c = ot(Ce({}, me));
+}, T = oe("user", () => {
+  const u = et(Ce({}, me));
   function t() {
     if (!Ae)
       return;
     const l = localStorage.getItem("vuetify@user"), a = l ? JSON.parse(l) : {};
-    let r = a.v === c.v;
-    a.v || (a.pwaRefresh = !0, typeof a.api == "boolean" && (a.api = a.api ? "inline" : "link-only"), typeof a.rtl == "boolean" && (a.direction = a.rtl ? "rtl" : "ltr", delete a.rtl), typeof a.theme == "object" && (a.mixedTheme = a.theme.mixed, a.theme = a.theme.system ? "system" : a.theme.dark ? "dark" : "light"), Array.isArray(a.notifications) && (a.notifications = { read: a.notifications }), typeof a.last == "object" && (a.notifications.last = a.last, delete a.last)), a.v === 1 && (Array.isArray(a.composition) && (a.composition = "composition"), Array.isArray(a.notifications.last.banner) || (a.notifications = a.notifications || {}, a.notifications.last = a.notifications.last || {}, a.notifications.last.banner = [])), a.v === 2 && (a.syncSettings = !0, a.disableAds = !1, a.v = 3), a.v === 3 && (a.quickbar = !1), a.v === 4 && (a.suits = me.suits, a.notifications.banners = me.notifications.banners, r = !0), a.v = c.v, Object.assign(c, Ce(c, a)), r && i();
+    let r = a.v === u.v;
+    a.v || (a.pwaRefresh = !0, typeof a.api == "boolean" && (a.api = a.api ? "inline" : "link-only"), typeof a.rtl == "boolean" && (a.direction = a.rtl ? "rtl" : "ltr", delete a.rtl), typeof a.theme == "object" && (a.mixedTheme = a.theme.mixed, a.theme = a.theme.system ? "system" : a.theme.dark ? "dark" : "light"), Array.isArray(a.notifications) && (a.notifications = { read: a.notifications }), typeof a.last == "object" && (a.notifications.last = a.last, delete a.last)), a.v === 1 && (Array.isArray(a.composition) && (a.composition = "composition"), Array.isArray(a.notifications.last.banner) || (a.notifications = a.notifications || {}, a.notifications.last = a.notifications.last || {}, a.notifications.last.banner = [])), a.v === 2 && (a.syncSettings = !0, a.disableAds = !1, a.v = 3), a.v === 3 && (a.quickbar = !1), a.v === 4 && (a.suits = me.suits, a.notifications.banners = me.notifications.banners, r = !0), a.v = u.v, Object.assign(u, Ce(u, a)), r && i();
   }
   function i() {
-    Ae && localStorage.setItem("vuetify@user", JSON.stringify(c, null, 2));
+    Ae && localStorage.setItem("vuetify@user", JSON.stringify(u, null, 2));
   }
-  function n() {
-    Ae && (Object.assign(c, Ce({}, me)), i());
+  function s() {
+    Ae && (Object.assign(u, Ce({}, me)), i());
   }
   return t(), {
-    ...nt(c),
+    ...tt(u),
     load: t,
     save: i,
-    reset: n
+    reset: s
   };
-}), F = oe("auth", () => {
-  const c = te(null), t = $e(), i = E(), n = O(!1), l = L(() => {
+}), j = oe("auth", () => {
+  const u = te(null), t = $e(), i = T(), s = N(!1), l = L(() => {
     var _, w;
-    return !t.url || ((_ = c.value) == null ? void 0 : _.isAdmin) || !!((w = c.value) != null && w.sponsorships.some((b) => b.isActive));
+    return !t.url || ((_ = u.value) == null ? void 0 : _.isAdmin) || !!((w = u.value) != null && w.sponsorships.some((b) => b.isActive));
   });
   let a = !1;
-  z(c, (_) => {
+  z(u, (_) => {
     if (!(_ != null && _.settings))
       return;
     const w = localStorage.getItem("vuetify@user") || "{}";
@@ -148,27 +149,27 @@ const $e = oe("http", {
       console.error(_);
     }
   }
-  async function u(_ = !1) {
-    if (u.promise)
-      return u.promise;
-    n.value = !0, u.promise = fetch(`${t.url}/auth/verify`, {
+  async function c(_ = !1) {
+    if (c.promise)
+      return c.promise;
+    s.value = !0, c.promise = fetch(`${t.url}/auth/verify`, {
       credentials: "include",
       headers: _ ? {
         "Cache-Control": "no-cache"
       } : void 0
     }).then(
       async (w) => {
-        w.ok ? c.value = (await w.json()).user : w.status === 401 ? c.value = null : console.error(w.statusText);
+        w.ok ? u.value = (await w.json()).user : w.status === 401 ? u.value = null : console.error(w.statusText);
       },
       () => {
       }
     ).finally(() => {
-      n.value = !1, u.promise = null;
+      s.value = !1, c.promise = null;
     });
   }
-  u.promise = null;
+  c.promise = null;
   async function h(_ = "github") {
-    n.value = !0;
+    s.value = !0;
     const w = `${t.url}/auth/${_}/redirect`, b = 400, y = 600, $ = window.screenX + (window.innerWidth - b) / 2, B = window.screenY + (window.innerHeight - y) / 2, I = window.open(
       "",
       "vuetify:authorize:popup",
@@ -182,41 +183,41 @@ const $e = oe("http", {
     let W = -1, K = -1;
     function A(f) {
       var V;
-      f.origin === t.url && ((V = f.data) == null ? void 0 : V.type) === "auth-response" && (f.data.status === "success" ? (c.value || localStorage.setItem("vuetify@lastLoginProvider", _), c.value = f.data.body.user) : console.error(f.data.message), H());
+      f.origin === t.url && ((V = f.data) == null ? void 0 : V.type) === "auth-response" && (f.data.status === "success" ? (u.value || localStorage.setItem("vuetify@lastLoginProvider", _), u.value = f.data.body.user) : console.error(f.data.message), M());
     }
-    function H() {
-      window.removeEventListener("message", A), window.clearInterval(W), window.clearTimeout(K), I == null || I.close(), n.value = !1;
+    function M() {
+      window.removeEventListener("message", A), window.clearInterval(W), window.clearTimeout(K), I == null || I.close(), s.value = !1;
     }
     window.addEventListener("message", A), W = window.setInterval(() => {
-      !I || I.closed ? (console.error("Auth popup closed"), H()) : I.postMessage({ type: "auth-request" }, "*");
+      !I || I.closed ? (console.error("Auth popup closed"), M()) : I.postMessage({ type: "auth-request" }, "*");
     }, 1e3), K = window.setTimeout(() => {
-      H(), console.error("Auth timed out");
+      M(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
   async function p(_) {
-    n.value = !0;
+    s.value = !0;
     const w = _ ? `/auth/${_}/logout` : "/auth/logout";
     try {
-      await t.post(w), await u(!0), c.value = null;
+      await t.post(w), await c(!0), u.value = null;
     } catch (b) {
       console.error(b);
     } finally {
-      n.value = !1;
+      s.value = !1;
     }
   }
   function g(_) {
     var w;
-    return (w = c.value) == null ? void 0 : w.identities.find((b) => b.provider === _);
+    return (w = u.value) == null ? void 0 : w.identities.find((b) => b.provider === _);
   }
   function C() {
     return localStorage.getItem("vuetify@lastLoginProvider");
   }
-  return C() && u(), {
-    user: c,
+  return C() && c(), {
+    user: u,
     url: t.url,
-    isLoading: n,
+    isLoading: s,
     findIdentity: g,
-    verify: u,
+    verify: c,
     login: h,
     logout: p,
     isSubscriber: l,
@@ -224,38 +225,38 @@ const $e = oe("http", {
     sync: r
   };
 }), xe = oe("notifications", () => {
-  const c = $e(), t = E(), i = te([]), n = O(!1), l = L(() => i.value.filter((u) => !t.notifications.read.includes(u.slug))), a = L(() => i.value.filter((u) => t.notifications.read.includes(u.slug)));
+  const u = $e(), t = T(), i = te([]), s = N(!1), l = L(() => i.value.filter((c) => !t.notifications.read.includes(c.slug))), a = L(() => i.value.filter((c) => t.notifications.read.includes(c.slug)));
   async function r() {
     try {
-      n.value = !0;
-      const u = await c.get("/one/notifications");
-      i.value = u.notifications;
+      s.value = !0;
+      const c = await u.get("/one/notifications");
+      i.value = c.notifications;
     } catch {
     } finally {
-      n.value = !1;
+      s.value = !1;
     }
     return i.value;
   }
   return {
-    isLoading: n,
+    isLoading: s,
     all: i,
     get: r,
     read: a,
     unread: l
   };
-}), uo = /* @__PURE__ */ k({
+}), lo = /* @__PURE__ */ k({
   __name: "VoNotificationsTotalBadge",
-  setup(c) {
-    const t = F(), i = xe(), n = E(), l = L(() => n.notifications.show ? i.unread.length : 0);
-    return (a, r) => (d(), m(Ge, {
+  setup(u) {
+    const t = j(), i = xe(), s = T(), l = L(() => s.notifications.show ? i.unread.length : 0);
+    return (a, r) => (d(), m(Ee, {
       content: l.value,
       dot: !!e(t).user,
       "model-value": l.value > 0,
       color: "error",
       location: "start top"
     }, {
-      default: s(() => [
-        R(a.$slots, "default")
+      default: n(() => [
+        H(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["content", "dot", "model-value"]));
@@ -265,10 +266,10 @@ const $e = oe("http", {
   props: {
     readonly: { type: Boolean }
   },
-  setup(c) {
-    const t = c;
-    return (i, n) => (d(), m(Z, {
-      style: Me({
+  setup(u) {
+    const t = u;
+    return (i, s) => (d(), m(Z, {
+      style: Re({
         pointerEvents: t.readonly ? "none" : void 0
       }),
       tabindex: t.readonly ? -1 : void 0,
@@ -277,101 +278,101 @@ const $e = oe("http", {
       size: "small",
       variant: "flat"
     }, G({
-      loader: s(() => [
-        i.$slots.loader ? x("", !0) : (d(), m(dt, {
+      loader: n(() => [
+        i.$slots.loader ? x("", !0) : (d(), m(lt, {
           key: 0,
           indeterminate: "disable-shrink",
           size: "16",
           width: "2"
         })),
-        R(i.$slots, "loader")
+        H(i.$slots, "loader")
       ]),
       _: 2
     }, [
       i.$slots.default ? {
         name: "default",
-        fn: s(() => [
-          R(i.$slots, "default")
+        fn: n(() => [
+          H(i.$slots, "default")
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["style", "tabindex"]));
   }
-}), po = { class: "text-body-2" }, mo = /* @__PURE__ */ v("div", { class: "text-caption mt-n1" }, "Last Used", -1), fo = /* @__PURE__ */ k({
+}), co = { class: "text-body-2" }, uo = /* @__PURE__ */ v("div", { class: "text-caption mt-n1" }, "Last Used", -1), po = /* @__PURE__ */ k({
   __name: "VoAuthDiscord",
-  setup(c) {
-    const t = F(), i = L(() => t.user && t.findIdentity("discord")), n = L(() => t.user ? i.value ? "Connected to Discord" : "Connect Discord" : "Log in with Discord");
+  setup(u) {
+    const t = j(), i = L(() => t.user && t.findIdentity("discord")), s = L(() => t.user ? i.value ? "Connected to Discord" : "Connect Discord" : "Log in with Discord");
     return (l, a) => (d(), m(he, {
-      "prepend-icon": `svg:${e(Oe)}`,
+      "prepend-icon": `svg:${e(Ne)}`,
       "base-color": "#5865F2",
       rounded: "pill",
       variant: "flat",
       slim: "",
       onClick: a[0] || (a[0] = (r) => e(t).login("discord"))
     }, G({
-      title: s(() => [
-        v("span", po, D(n.value), 1)
+      title: n(() => [
+        v("span", co, D(s.value), 1)
       ]),
       _: 2
     }, [
       !e(t).user && e(t).lastLoginProvider() === "discord" ? {
         name: "subtitle",
-        fn: s(() => [
-          mo
+        fn: n(() => [
+          uo
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), vo = { class: "text-body-2" }, _o = /* @__PURE__ */ v("div", { class: "text-caption mt-n1" }, "Last Used", -1), ho = /* @__PURE__ */ k({
+}), mo = { class: "text-body-2" }, fo = /* @__PURE__ */ v("div", { class: "text-caption mt-n1" }, "Last Used", -1), vo = /* @__PURE__ */ k({
   __name: "VoAuthGithub",
-  setup(c) {
-    const t = F(), i = L(() => t.user && t.findIdentity("github")), n = L(() => t.user ? i.value ? "Connected to GitHub" : "Connect GitHub" : "Log in with GitHub");
+  setup(u) {
+    const t = j(), i = L(() => t.user && t.findIdentity("github")), s = L(() => t.user ? i.value ? "Connected to GitHub" : "Connect GitHub" : "Log in with GitHub");
     return (l, a) => (d(), m(he, {
-      "prepend-icon": `svg:${e(je)}`,
+      "prepend-icon": `svg:${e(Oe)}`,
       "base-color": "#2a2a2a",
       rounded: "pill",
       variant: "flat",
       slim: "",
       onClick: a[0] || (a[0] = (r) => e(t).login("github"))
     }, G({
-      title: s(() => [
-        v("span", vo, D(n.value), 1)
+      title: n(() => [
+        v("span", mo, D(s.value), 1)
       ]),
       _: 2
     }, [
       !e(t).user && e(t).lastLoginProvider() === "github" ? {
         name: "subtitle",
-        fn: s(() => [
-          _o
+        fn: n(() => [
+          fo
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["prepend-icon"]));
   }
-}), go = { class: "pa-4 d-flex flex-column ga-4" }, bo = /* @__PURE__ */ k({
+}), _o = { class: "pa-4 d-flex flex-column ga-4" }, Xe = /* @__PURE__ */ k({
   __name: "VoAuthListItem",
-  setup(c) {
-    const t = F(), i = E(), n = O(!t.user && !t.isLoading);
+  setup(u) {
+    const t = j(), i = T(), s = N(!t.user && !t.isLoading);
     z(() => t.user, (a) => {
-      n.value = !a;
+      s.value = !a;
     });
     function l() {
-      t.user && (n.value = !n.value);
+      t.user && (s.value = !s.value);
     }
     return (a, r) => {
-      const u = ho, h = fo;
-      return d(), m(M, {
-        variant: n.value ? "tonal" : "text",
+      const c = vo, h = po;
+      return d(), m(P, {
+        variant: s.value ? "tonal" : "text",
         class: "ma-2",
         rounded: "lg"
       }, {
-        default: s(() => [
+        default: n(() => [
           o(ie, { class: "py-0" }, {
-            default: s(() => [
+            default: n(() => [
               o(he, {
                 link: !!e(t).user,
-                "prepend-icon": `svg:${e(t).user && e(i).syncSettings ? e(pt) : e(mt)}`,
+                "prepend-icon": `svg:${e(t).user && e(i).syncSettings ? e(ct) : e(ut)}`,
                 title: e(t).user && e(i).syncSettings ? "Sync is on" : "Sync is paused",
                 class: "mb-0",
                 rounded: "b-0",
@@ -379,10 +380,10 @@ const $e = oe("http", {
                 slim: "",
                 onClick: l
               }, {
-                append: s(() => [
+                append: n(() => [
                   o(Be, null, {
-                    default: s(() => [
-                      e(t).user && (n.value || !e(i).syncSettings) ? (d(), m(Je, {
+                    default: n(() => [
+                      e(t).user && (s.value || !e(i).syncSettings) ? (d(), m(Ge, {
                         key: 0,
                         modelValue: e(i).syncSettings,
                         "onUpdate:modelValue": r[0] || (r[0] = (p) => e(i).syncSettings = p),
@@ -390,10 +391,10 @@ const $e = oe("http", {
                         density: "compact",
                         "hide-details": "",
                         inset: "",
-                        onClick: r[1] || (r[1] = Pe(() => {
+                        onClick: r[1] || (r[1] = He(() => {
                         }, ["stop"]))
                       }, {
-                        thumb: s(() => [
+                        thumb: n(() => [
                           o(fe, {
                             color: e(i).syncSettings ? "success" : void 0
                           }, null, 8, ["color"])
@@ -407,19 +408,19 @@ const $e = oe("http", {
                 _: 1
               }, 8, ["link", "prepend-icon", "title"]),
               o(ue, null, {
-                default: s(() => [
-                  !e(t).user && !e(t).isLoading || n.value ? (d(), m(Qe, {
+                default: n(() => [
+                  !e(t).user && !e(t).isLoading || s.value ? (d(), m(qe, {
                     key: 0,
                     border: "t",
                     color: "transparent"
                   }, {
-                    default: s(() => [
-                      v("div", go, [
-                        o(u, {
-                          onClick: r[2] || (r[2] = (p) => n.value = !1)
+                    default: n(() => [
+                      v("div", _o, [
+                        o(c, {
+                          onClick: r[2] || (r[2] = (p) => s.value = !1)
                         }),
                         o(h, {
-                          onClick: r[3] || (r[3] = (p) => n.value = !1)
+                          onClick: r[3] || (r[3] = (p) => s.value = !1)
                         })
                       ])
                     ]),
@@ -438,41 +439,41 @@ const $e = oe("http", {
   }
 }), Q = /* @__PURE__ */ k({
   __name: "VoListItem",
-  setup(c) {
+  setup(u) {
     return (t, i) => (d(), m(he, { slim: "" }, G({
-      default: s(() => [
-        R(t.$slots, "default")
+      default: n(() => [
+        H(t.$slots, "default")
       ]),
       _: 2
     }, [
       t.$slots.prepend ? {
         name: "prepend",
-        fn: s(() => [
-          R(t.$slots, "prepend")
+        fn: n(() => [
+          H(t.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       t.$slots.title ? {
         name: "title",
-        fn: s(() => [
-          R(t.$slots, "title")
+        fn: n(() => [
+          H(t.$slots, "title")
         ]),
         key: "1"
       } : void 0,
       t.$slots.append ? {
         name: "append",
-        fn: s(() => [
-          R(t.$slots, "append")
+        fn: n(() => [
+          H(t.$slots, "append")
         ]),
         key: "2"
       } : void 0
     ]), 1024));
   }
-}), yo = /* @__PURE__ */ k({
+}), ho = /* @__PURE__ */ k({
   __name: "VoAuthLogoutListItem",
-  setup(c) {
-    const t = F(), i = O(!1);
-    async function n() {
+  setup(u) {
+    const t = j(), i = N(!1);
+    async function s() {
       i.value = !0, await t.logout(), i.value = !1;
     }
     return (l, a) => {
@@ -480,17 +481,17 @@ const $e = oe("http", {
       return d(), m(r, {
         disabled: i.value,
         loading: i.value,
-        "prepend-icon": `svg:${e(ft)}`,
+        "prepend-icon": `svg:${e(dt)}`,
         class: "mb-0",
         title: "Logout",
         link: "",
-        onClick: n
+        onClick: s
       }, null, 8, ["disabled", "loading", "prepend-icon"]);
     };
   }
 }), we = /* @__PURE__ */ k({
   __name: "VoDialog",
-  props: /* @__PURE__ */ st({
+  props: /* @__PURE__ */ ot({
     prependIcon: {},
     title: {}
   }, {
@@ -498,9 +499,9 @@ const $e = oe("http", {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(c) {
-    const t = ae(c, "modelValue"), i = ge();
-    return (n, l) => (d(), m(Kt, {
+  setup(u) {
+    const t = ae(u, "modelValue"), i = ge();
+    return (s, l) => (d(), m(Jt, {
       modelValue: t.value,
       "onUpdate:modelValue": l[1] || (l[1] = (a) => t.value = a),
       fullscreen: e(i).xs.value,
@@ -509,15 +510,15 @@ const $e = oe("http", {
       activator: "parent",
       height: "100%"
     }, {
-      default: s(({ isActive: a }) => [
-        o(M, {
-          "prepend-icon": n.prependIcon,
-          title: n.title,
+      default: n(({ isActive: a }) => [
+        o(P, {
+          "prepend-icon": s.prependIcon,
+          title: s.title,
           class: "overflow-hidden",
           height: "inherit"
         }, G({
-          append: s(() => [
-            R(n.$slots, "append"),
+          append: n(() => [
+            H(s.$slots, "append"),
             o(Z, {
               density: "comfortable",
               icon: "$close",
@@ -526,23 +527,23 @@ const $e = oe("http", {
               onClick: l[0] || (l[0] = (r) => t.value = !t.value)
             })
           ]),
-          default: s(() => [
-            o(P, { class: "mt-4" }),
-            R(n.$slots, "default")
+          default: n(() => [
+            o(E, { class: "mt-4" }),
+            H(s.$slots, "default")
           ]),
           _: 2
         }, [
-          n.$slots.prepend ? {
+          s.$slots.prepend ? {
             name: "prepend",
-            fn: s(() => [
-              R(n.$slots, "prepend")
+            fn: n(() => [
+              H(s.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
-          n.$slots.actions ? {
+          s.$slots.actions ? {
             name: "actions",
-            fn: s(() => [
-              R(n.$slots, "actions", { isActive: a })
+            fn: n(() => [
+              H(s.$slots, "actions", { isActive: a })
             ]),
             key: "1"
           } : void 0
@@ -551,20 +552,20 @@ const $e = oe("http", {
       _: 3
     }, 8, ["modelValue", "fullscreen", "max-height", "max-width"]));
   }
-}), et = /* @__PURE__ */ k({
+}), Ze = /* @__PURE__ */ k({
   __name: "VoSwitch",
   props: {
     disabled: { type: Boolean }
   },
-  setup(c) {
-    return (t, i) => (d(), m(Je, {
+  setup(u) {
+    return (t, i) => (d(), m(Ge, {
       disabled: t.disabled,
-      "true-icon": `svg:${e(ne)}`,
+      "true-icon": `svg:${e(se)}`,
       color: "primary",
       density: "compact",
       inset: ""
     }, G({
-      thumb: s(() => [
+      thumb: n(() => [
         o(U, {
           color: t.disabled ? void 0 : "primary"
         }, null, 8, ["color"])
@@ -573,14 +574,14 @@ const $e = oe("http", {
     }, [
       t.$slots.label ? {
         name: "label",
-        fn: s(() => [
-          R(t.$slots, "label")
+        fn: n(() => [
+          H(t.$slots, "label")
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["disabled", "true-icon"]));
   }
-}), Vo = {
+}), go = {
   key: 1,
   class: "mb-3 text-caption text-medium-emphasis"
 }, pe = /* @__PURE__ */ k({
@@ -589,24 +590,24 @@ const $e = oe("http", {
     title: {},
     text: {}
   },
-  setup(c) {
-    return (t, i) => (d(), S(N, null, [
+  setup(u) {
+    return (t, i) => (d(), S(F, null, [
       t.title ? (d(), m(De, {
         key: 0,
         class: "font-weight-black"
       }, {
-        default: s(() => [
-          j(D(t.title), 1)
+        default: n(() => [
+          O(D(t.title), 1)
         ]),
         _: 1
       })) : x("", !0),
-      t.text ? (d(), S("div", Vo, D(t.text), 1)) : x("", !0)
+      t.text ? (d(), S("div", go, D(t.text), 1)) : x("", !0)
     ], 64));
   }
-}), ko = { key: 0 }, $o = /* @__PURE__ */ k({
+}), bo = { key: 0 }, yo = /* @__PURE__ */ k({
   __name: "VoSettingsPageSuitOption",
-  setup(c) {
-    const t = E(), i = [
+  setup(u) {
+    const t = T(), i = [
       {
         title: "Choose a page suit",
         value: "",
@@ -614,7 +615,7 @@ const $e = oe("http", {
       },
       {
         title: "Blackguard",
-        prependIcon: `svg:${Ye}`,
+        prependIcon: `svg:${We}`,
         value: "blackguard"
       }
       // {
@@ -628,22 +629,22 @@ const $e = oe("http", {
       //   value: 'nebula',
       // },
     ];
-    return (n, l) => {
-      const a = et, r = pe;
-      return d(), S(N, null, [
+    return (s, l) => {
+      const a = Ze, r = pe;
+      return d(), S(F, null, [
         o(a, {
           modelValue: e(t).suits.show,
-          "onUpdate:modelValue": l[0] || (l[0] = (u) => e(t).suits.show = u),
+          "onUpdate:modelValue": l[0] || (l[0] = (c) => e(t).suits.show = c),
           class: "mb-2",
           label: "Enable Page suits",
           messages: "Customize layout elements with a unique background, styled after one of our themed releases."
         }, null, 8, ["modelValue"]),
         o(ue, null, {
-          default: s(() => [
-            e(t).suits.show ? (d(), S("div", ko, [
-              o(to, {
+          default: n(() => [
+            e(t).suits.show ? (d(), S("div", bo, [
+              o(Zt, {
                 modelValue: e(t).suits.suit,
-                "onUpdate:modelValue": l[1] || (l[1] = (u) => e(t).suits.suit = u),
+                "onUpdate:modelValue": l[1] || (l[1] = (c) => e(t).suits.suit = c),
                 items: i,
                 density: "compact",
                 placeholder: "Choose a page suit",
@@ -653,34 +654,34 @@ const $e = oe("http", {
                 "item-props": "",
                 "single-line": ""
               }, {
-                selection: s(({ item: u }) => [
+                selection: n(({ item: c }) => [
                   o(U, {
-                    icon: u.props.prependIcon,
+                    icon: c.props.prependIcon,
                     size: "x-small",
                     start: ""
                   }, null, 8, ["icon"]),
-                  j(" " + D(u.title), 1)
+                  O(" " + D(c.title), 1)
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
               o(r, { text: "Select your suit elements to display the background image:" }),
-              o(eo, {
+              o(Xt, {
                 modelValue: e(t).suits.elements,
-                "onUpdate:modelValue": l[2] || (l[2] = (u) => e(t).suits.elements = u),
+                "onUpdate:modelValue": l[2] || (l[2] = (c) => e(t).suits.elements = c),
                 color: "primary",
                 filter: "",
                 multiple: ""
               }, {
-                default: s(() => [
+                default: n(() => [
                   o(Y, {
-                    "append-icon": `svg:${e(vt)}`,
+                    "append-icon": `svg:${e(pt)}`,
                     "filter-icon": "$success",
                     text: "App Bar",
                     value: "app-bar",
                     variant: "flat"
                   }, {
-                    append: s(() => [
-                      o(P, {
+                    append: n(() => [
+                      o(E, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
@@ -689,14 +690,14 @@ const $e = oe("http", {
                     _: 1
                   }, 8, ["append-icon"]),
                   o(Y, {
-                    "append-icon": `svg:${e(_t)}`,
+                    "append-icon": `svg:${e(mt)}`,
                     "filter-icon": "$success",
                     text: "Navigation Drawer",
                     value: "drawer",
                     variant: "flat"
                   }, {
-                    append: s(() => [
-                      o(P, {
+                    append: n(() => [
+                      o(E, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
@@ -711,8 +712,8 @@ const $e = oe("http", {
                     value: "footer",
                     variant: "flat"
                   }, {
-                    append: s(() => [
-                      o(P, {
+                    append: n(() => [
+                      o(E, {
                         class: "ms-2 border-opacity-50",
                         vertical: ""
                       }),
@@ -731,40 +732,14 @@ const $e = oe("http", {
     };
   }
 });
-/*!
-  * vue-router v4.2.5
-  * (c) 2023 Eduardo San Martin Morote
-  * @license MIT
-  */
-var Te;
-(function(c) {
-  c.pop = "pop", c.push = "push";
-})(Te || (Te = {}));
-var Re;
-(function(c) {
-  c.back = "back", c.forward = "forward", c.unknown = "";
-})(Re || (Re = {}));
-Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
-var He;
-(function(c) {
-  c[c.aborted = 4] = "aborted", c[c.cancelled = 8] = "cancelled", c[c.duplicated = 16] = "duplicated";
-})(He || (He = {}));
-Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
-Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
-Symbol(process.env.NODE_ENV !== "production" ? "router" : "");
-const xo = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
-Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
-function wo() {
-  return it(xo);
-}
 function Se() {
-  const c = wo();
+  const u = Kt();
   return L(
-    () => c.query
+    () => u.query
   );
 }
 const q = oe("one", () => {
-  const t = new URLSearchParams(window.location.search).get("session_id"), i = F(), n = $e(), l = O(!1), a = te(!1), r = te(), u = te([]), h = L(() => {
+  const t = new URLSearchParams(window.location.search).get("session_id"), i = j(), s = $e(), l = N(!1), a = te(!1), r = te(), c = te([]), h = L(() => {
     var f;
     return (f = r.value) == null ? void 0 : f.items[0].plan.interval;
   }), p = L(() => {
@@ -787,14 +762,14 @@ const q = oe("one", () => {
     return (f = i.user) == null ? void 0 : f.sponsorships.find((V) => V.platform === "patreon");
   }), y = L(() => {
     var f;
-    return (f = i.user) == null ? void 0 : f.sponsorships.reduce((V, T) => {
-      if (!T.isActive || T.interval === "once" || T.platform === "stripe")
+    return (f = i.user) == null ? void 0 : f.sponsorships.reduce((V, R) => {
+      if (!R.isActive || R.interval === "once" || R.platform === "stripe")
         return V;
-      const ee = T.interval === "month" ? T.amount : T.amount / 12;
+      const ee = R.interval === "month" ? R.amount : R.amount / 12;
       return V + ee / 100;
     }, 0);
   });
-  at(async () => {
+  st(async () => {
     t && await $();
   }), z(C, (f, V) => {
     f === !1 && V !== !0 || A();
@@ -802,27 +777,27 @@ const q = oe("one", () => {
   async function $() {
     try {
       l.value = !0;
-      const f = await n.post("/one/activate", { sessionId: t });
+      const f = await s.post("/one/activate", { sessionId: t });
       i.user = f.user;
       const V = new URL(window.location.href);
-      V.searchParams.delete("session_id"), history.pushState(null, "", V.toString()), H();
+      V.searchParams.delete("session_id"), history.pushState(null, "", V.toString()), M();
     } catch {
     } finally {
       l.value = !1;
     }
   }
   async function B() {
-    window.open(`${n.url}/one/manage`, "_blank");
+    window.open(`${s.url}/one/manage`, "_blank");
   }
   async function I(f) {
-    l.value = !0, window.location.href = `${n.url}/one/subscribe?interval=${f}`;
+    l.value = !0, window.location.href = `${s.url}/one/subscribe?interval=${f}`;
   }
   async function W() {
     var f;
     if (p.value)
       try {
         l.value = !0;
-        const V = await n.post(
+        const V = await s.post(
           `/one/cancel?subscriptionId=${(f = p.value) == null ? void 0 : f.tierName}`
         );
         i.user = V.user;
@@ -835,7 +810,7 @@ const q = oe("one", () => {
     if (p.value)
       try {
         l.value = !0;
-        const V = await n.post("/one/modify", {
+        const V = await s.post("/one/modify", {
           subscriptionId: p.value.tierName,
           interval: f
         });
@@ -850,7 +825,7 @@ const q = oe("one", () => {
     if (p.value)
       try {
         l.value = !0;
-        const V = await n.post(
+        const V = await s.post(
           `/one/verify?subscriptionId=${(f = p.value) == null ? void 0 : f.tierName}`
         );
         i.user = V.user;
@@ -859,11 +834,11 @@ const q = oe("one", () => {
         l.value = !1;
       }
   }
-  async function H() {
+  async function M() {
     try {
       l.value = !0;
-      const f = await n.get("/one/info");
-      return r.value = f.subscription, u.value = f.invoices, f;
+      const f = await s.get("/one/info");
+      return r.value = f.subscription, c.value = f.invoices, f;
     } catch {
     } finally {
       l.value = !1;
@@ -872,7 +847,7 @@ const q = oe("one", () => {
   return {
     info: r,
     interval: h,
-    invoices: u,
+    invoices: c,
     sessionId: t,
     subscription: p,
     monthlyTotal: y,
@@ -888,11 +863,11 @@ const q = oe("one", () => {
     manage: B,
     modify: K,
     subscribe: I,
-    subscriptionInfo: H,
+    subscriptionInfo: M,
     verify: A
   };
 });
-function So() {
+function Vo() {
   return {
     blackguard: {
       dark: !0,
@@ -1008,11 +983,11 @@ function So() {
     }
   };
 }
-const tt = oe("settings", () => {
-  const c = "https://cdn.vuetifyjs.com/docs/images/one/", t = F(), i = E(), n = Zt(), l = So(), a = {
+const Ke = oe("settings", () => {
+  const u = "https://cdn.vuetifyjs.com/docs/images/one/", t = j(), i = T(), s = Qt(), l = Vo(), a = {
     blackguard: {
-      "app-bar": c + "suits/blackguard/blackguard-app-bar.png",
-      drawer: c + "suits/blackguard/blackguard-app-drawer.png",
+      "app-bar": u + "suits/blackguard/blackguard-app-bar.png",
+      drawer: u + "suits/blackguard/blackguard-app-drawer.png",
       footer: ""
     }
     // polaris: {
@@ -1028,62 +1003,62 @@ const tt = oe("settings", () => {
   }, r = L(() => {
     if (!i.suits.suit || !i.suits.show || !t.isSubscriber)
       return {};
-    const u = a[i.suits.suit.toLowerCase()], h = {};
+    const c = a[i.suits.suit.toLowerCase()], h = {};
     for (const p of i.suits.elements)
-      h[p] = u[p];
+      h[p] = c[p];
     return h;
   });
-  return n.themes.value = {
-    ...n.themes.value,
+  return s.themes.value = {
+    ...s.themes.value,
     ...l
-  }, z(() => i.theme, (u) => {
-    u === "system" ? n.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : n.global.name.value = u, i.theme = u;
+  }, z(() => i.theme, (c) => {
+    c === "system" ? s.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : s.global.name.value = c, i.theme = c;
   }, { immediate: !0 }), {
     suit: r,
-    CDN_URL: c
+    CDN_URL: u
   };
-}), Co = /* @__PURE__ */ k({
+}), ko = /* @__PURE__ */ k({
   __name: "VoSettingsDialog",
   props: {
     modelValue: { type: Boolean },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(c) {
-    const t = ae(c, "modelValue"), i = F(), n = q(), l = tt(), a = E(), r = [
+  setup(u) {
+    const t = ae(u, "modelValue"), i = j(), s = q(), l = Ke(), a = T(), r = [
       {
         title: "Light",
         subtitle: "A standard light theme.",
         image: l.CDN_URL + "themes/light.png",
-        prependIcon: `svg:${ht}`,
+        prependIcon: `svg:${ft}`,
         value: "light"
       },
       {
         title: "Dark",
         subtitle: "A standard dark theme.",
         image: l.CDN_URL + "themes/dark.png",
-        prependIcon: `svg:${gt}`,
+        prependIcon: `svg:${vt}`,
         value: "dark"
       },
       {
         title: "System",
         subtitle: "A theme based on the system preference.",
         image: l.CDN_URL + "themes/system.png",
-        prependIcon: `svg:${bt}`,
+        prependIcon: `svg:${_t}`,
         value: "system"
       },
       {
         title: "Blackguard",
         subtitle: "A theme for v3.4 Blackguard.",
         image: l.CDN_URL + "themes/blackguard.png",
-        prependIcon: `svg:${Ye}`,
+        prependIcon: `svg:${We}`,
         value: "blackguard"
       },
       {
         title: "Polaris",
         subtitle: "A theme for v3.5 Polaris.",
         image: l.CDN_URL + "themes/polaris.png",
-        prependIcon: `svg:${yt}`,
+        prependIcon: `svg:${ht}`,
         value: "polaris",
         disabled: !0
       },
@@ -1091,7 +1066,7 @@ const tt = oe("settings", () => {
         title: "Nebula",
         subtitle: "A theme for v3.6 Nebula.",
         image: l.CDN_URL + "themes/nebula.png",
-        prependIcon: `svg:${Vt}`,
+        prependIcon: `svg:${gt}`,
         value: "nebula",
         disabled: !0
       },
@@ -1099,53 +1074,53 @@ const tt = oe("settings", () => {
         title: "High Contrast",
         subtitle: "A theme for high contrast.",
         image: l.CDN_URL + "themes/high-contrast.png",
-        prependIcon: `svg:${kt}`,
+        prependIcon: `svg:${bt}`,
         value: "highContrast",
         disabled: !0
       }
-    ], u = Se();
-    return z(u, async () => {
-      u.value.one === "settings" && (n.isOpen = !0, await _e(), t.value = !0);
+    ], c = Se();
+    return z(c, async () => {
+      c.value.one === "settings" && (s.isOpen = !0, await _e(), t.value = !0);
     }, { immediate: !0 }), (h, p) => {
-      const g = pe, C = $o, _ = et, w = we;
+      const g = pe, C = yo, _ = Ze, w = we;
       return d(), m(w, {
         modelValue: t.value,
         "onUpdate:modelValue": p[5] || (p[5] = (b) => t.value = b),
-        "prepend-icon": `svg:${e($t)}`,
+        "prepend-icon": `svg:${e(yt)}`,
         title: "Settings"
       }, {
-        default: s(() => [
+        default: n(() => [
           o(Ve, null, {
-            default: s(() => [
+            default: n(() => [
               o(ke, { scrollable: "" }, {
-                default: s(() => [
+                default: n(() => [
                   o(X, { class: "px-7" }, {
-                    default: s(() => [
+                    default: n(() => [
                       o(g, {
                         text: "Customize your documentation experience with light and dark themes, as well as a combination of both named.",
                         title: "Theme"
                       }),
-                      o(Ze, {
+                      o(Qe, {
                         modelValue: e(a).theme,
                         "onUpdate:modelValue": p[0] || (p[0] = (b) => e(a).theme = b),
                         mandatory: ""
                       }, {
-                        default: s(() => [
+                        default: n(() => [
                           o(ye, { dense: "" }, {
-                            default: s(() => [
-                              (d(), S(N, null, se(r, (b, y) => o(ce, {
+                            default: n(() => [
+                              (d(), S(F, null, ne(r, (b, y) => o(ce, {
                                 key: y,
                                 cols: "12",
                                 md: "6"
                               }, {
-                                default: s(() => [
+                                default: n(() => [
                                   o(Ue, {
                                     value: b.value
                                   }, {
-                                    default: s(({ toggle: $, isSelected: B }) => [
-                                      o(Xe, null, {
-                                        default: s(({ props: I, isHovering: W }) => [
-                                          o(M, J({
+                                    default: n(({ toggle: $, isSelected: B }) => [
+                                      o(Ye, null, {
+                                        default: n(({ props: I, isHovering: W }) => [
+                                          o(P, J({
                                             color: B ? "primary" : "surface-variant",
                                             disabled: b.disabled,
                                             image: b.image,
@@ -1156,9 +1131,9 @@ const tt = oe("settings", () => {
                                             height: "76",
                                             variant: "tonal"
                                           }, I, { onClick: $ }), {
-                                            image: s(() => [
-                                              o(Fe, {
-                                                style: Me({
+                                            image: n(() => [
+                                              o(je, {
+                                                style: Re({
                                                   filter: B || W ? "none" : "grayscale(100%)"
                                                 })
                                               }, null, 8, ["style"])
@@ -1180,16 +1155,16 @@ const tt = oe("settings", () => {
                         ]),
                         _: 1
                       }, 8, ["modelValue"]),
-                      e(i).isSubscriber ? (d(), S(N, { key: 0 }, [
-                        o(P, { class: "mt-6 mb-4" }),
+                      e(i).isSubscriber ? (d(), S(F, { key: 0 }, [
+                        o(E, { class: "mt-6 mb-4" }),
                         o(C)
                       ], 64)) : x("", !0)
                     ]),
                     _: 1
                   }),
-                  o(P),
+                  o(E),
                   o(X, { class: "px-7" }, {
-                    default: s(() => [
+                    default: n(() => [
                       o(g, {
                         text: "These options change your browsing experience within Vuetify properties",
                         title: "Experience"
@@ -1211,12 +1186,12 @@ const tt = oe("settings", () => {
                     ]),
                     _: 1
                   }),
-                  o(P),
+                  o(E),
                   e(i).isSubscriber ? (d(), m(X, {
                     key: 0,
                     class: "px-7"
                   }, {
-                    default: s(() => [
+                    default: n(() => [
                       o(g, {
                         text: "Vuetify will communicate with you through banners and notifications. You can disable these features here or reset your local notification cache.",
                         title: "Communication"
@@ -1250,60 +1225,60 @@ const tt = oe("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), Lo = /* @__PURE__ */ k({
+}), $o = /* @__PURE__ */ k({
   __name: "VoSettingsListItem",
-  setup(c) {
-    const t = O(!1);
-    return (i, n) => {
-      const l = Co, a = Q;
+  setup(u) {
+    const t = N(!1);
+    return (i, s) => {
+      const l = ko, a = Q;
       return d(), m(a, {
         active: t.value,
-        "prepend-icon": `svg:${e(xt)}`,
+        "prepend-icon": `svg:${e(Vt)}`,
         title: "Settings",
         link: ""
       }, {
-        default: s(() => [
+        default: n(() => [
           o(l, {
             modelValue: t.value,
-            "onUpdate:modelValue": n[0] || (n[0] = (r) => t.value = r)
+            "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Io = { class: "text-caption" }, Ao = /* @__PURE__ */ k({
+}), xo = { class: "text-caption" }, wo = /* @__PURE__ */ k({
   __name: "VoSubscriptionInvoices",
-  setup(c) {
+  setup(u) {
     const t = be(), i = q();
-    return (n, l) => {
+    return (s, l) => {
       const a = pe;
       return d(), m(ye, null, {
-        default: s(() => [
+        default: n(() => [
           o(ce, { cols: "12" }, {
-            default: s(() => [
+            default: n(() => [
               o(a, {
                 text: "View and download your invoice history.",
                 title: "Invoice History"
               }),
-              o(M, {
+              o(P, {
                 height: "450",
                 rounded: "lg",
                 border: ""
               }, {
-                default: s(() => [
-                  o(oo, {
+                default: n(() => [
+                  o(eo, {
                     items: e(i).invoices,
                     loading: e(i).isLoading,
                     sticky: ""
                   }, {
-                    "item.date": s(({ item: r }) => [
-                      v("div", Io, D(e(t).format(new Date(r.date * 1e3), "fullDateWithWeekday")), 1)
+                    "item.date": n(({ item: r }) => [
+                      v("div", xo, D(e(t).format(new Date(r.date * 1e3), "fullDateWithWeekday")), 1)
                     ]),
-                    "item.amount": s(({ item: r }) => [
-                      j(" $" + D(r.amount / 100), 1)
+                    "item.amount": n(({ item: r }) => [
+                      O(" $" + D(r.amount / 100), 1)
                     ]),
-                    "item.status": s(({ item: r }) => [
+                    "item.status": n(({ item: r }) => [
                       o(Y, {
                         text: r.status,
                         border: "success sm",
@@ -1314,10 +1289,10 @@ const tt = oe("settings", () => {
                         label: ""
                       }, null, 8, ["text"])
                     ]),
-                    "item.pdf": s(({ item: r }) => [
+                    "item.pdf": n(({ item: r }) => [
                       o(Z, {
                         href: r.pdf,
-                        icon: `svg:${e(wt)}`,
+                        icon: `svg:${e(kt)}`,
                         size: "small",
                         target: "_blank",
                         variant: "text"
@@ -1336,43 +1311,43 @@ const tt = oe("settings", () => {
       });
     };
   }
-}), Do = { class: "d-flex align-center" }, Uo = {
+}), So = { class: "d-flex align-center" }, Co = {
   key: "status",
   class: "text-capitalize hidden-sm-and-down"
-}, No = /* @__PURE__ */ v("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), Oo = { class: "me-1" }, jo = { class: "text-medium-emphasis text-caption" }, Bo = { class: "d-flex align-start justify-space-between text-caption py-2" }, Fo = { class: "font-weight-bold" }, zo = { class: "font-weight-bold" }, Eo = /* @__PURE__ */ k({
+}, Lo = /* @__PURE__ */ v("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), Io = { class: "me-1" }, Ao = { class: "text-medium-emphasis text-caption" }, Do = { class: "d-flex align-start justify-space-between text-caption py-2" }, Uo = { class: "font-weight-bold" }, Fo = { class: "font-weight-bold" }, No = /* @__PURE__ */ k({
   __name: "VoSubscriptionStatus",
   emits: ["change:subscription"],
-  setup(c, { emit: t }) {
-    const i = be(), n = q(), l = t, a = L(() => {
-      if (!n.info)
+  setup(u, { emit: t }) {
+    const i = be(), s = q(), l = t, a = L(() => {
+      if (!s.info)
         return;
-      const u = new Date(n.info.currentPeriodEnd * 1e3);
-      return i.format(u, "keyboardDate");
+      const c = new Date(s.info.currentPeriodEnd * 1e3);
+      return i.format(c, "keyboardDate");
     });
     async function r() {
-      n.interval && (n.isLoading = !0, n.subscribe(n.interval));
+      s.interval && (s.isLoading = !0, s.subscribe(s.interval));
     }
-    return (u, h) => {
+    return (c, h) => {
       const p = de;
       return d(), m(ye, null, {
-        default: s(() => [
+        default: n(() => [
           o(ce, { cols: "12" }, {
-            default: s(() => {
+            default: n(() => {
               var g, C;
               return [
-                o(M, {
+                o(P, {
                   "prepend-icon": "$vuetify",
                   rounded: "lg",
                   title: "Subscription Status",
                   border: "",
                   flat: ""
                 }, G({
-                  append: s(() => {
+                  append: n(() => {
                     var _;
                     return [
-                      e(n).hasBilling && ((_ = e(n).info) == null ? void 0 : _.status) === "canceled" ? (d(), m(p, {
+                      e(s).hasBilling && ((_ = e(s).info) == null ? void 0 : _.status) === "canceled" ? (d(), m(p, {
                         key: 0,
-                        loading: e(n).isLoading,
+                        loading: e(s).isLoading,
                         class: "me-2",
                         color: "success",
                         "prepend-icon": "$success",
@@ -1380,27 +1355,27 @@ const tt = oe("settings", () => {
                         variant: "outlined",
                         onClick: r
                       }, null, 8, ["loading"])) : x("", !0),
-                      e(n).hasBilling ? (d(), m(p, {
+                      e(s).hasBilling ? (d(), m(p, {
                         key: 1,
-                        loading: e(n).isLoading,
-                        "prepend-icon": `svg:${e(St)}`,
+                        loading: e(s).isLoading,
+                        "prepend-icon": `svg:${e($t)}`,
                         text: "Billing",
-                        onClick: e(n).manage
+                        onClick: e(s).manage
                       }, null, 8, ["loading", "prepend-icon", "onClick"])) : x("", !0)
                     ];
                   }),
                   _: 2
                 }, [
-                  e(n).info ? {
+                  e(s).info ? {
                     name: "subtitle",
-                    fn: s(() => [
-                      v("div", Do, [
-                        v("span", Uo, D(e(n).info.status), 1),
-                        e(n).info.items.length ? (d(), S(N, { key: 0 }, [
-                          No,
-                          v("span", Oo, [
-                            j(" $" + D(e(n).info.items[0].plan.amount / 100), 1),
-                            v("span", jo, "/" + D(e(n).interval), 1)
+                    fn: n(() => [
+                      v("div", So, [
+                        v("span", Co, D(e(s).info.status), 1),
+                        e(s).info.items.length ? (d(), S(F, { key: 0 }, [
+                          Lo,
+                          v("span", Io, [
+                            O(" $" + D(e(s).info.items[0].plan.amount / 100), 1),
+                            v("span", Ao, "/" + D(e(s).interval), 1)
                           ]),
                           o(p, {
                             size: "x-small",
@@ -1414,15 +1389,15 @@ const tt = oe("settings", () => {
                     key: "0"
                   } : {
                     name: "subtitle",
-                    fn: s(() => [
+                    fn: n(() => [
                       v("div", { class: "d-flex align-center" }, [
-                        o(Ee, {
+                        o(Te, {
                           height: "16",
                           type: "ossein",
                           width: "40"
                         }),
                         v("span", { class: "mx-1" }, "—"),
-                        o(Ee, {
+                        o(Te, {
                           height: "16",
                           type: "ossein",
                           width: "80"
@@ -1432,16 +1407,16 @@ const tt = oe("settings", () => {
                     key: "1"
                   }
                 ]), 1024),
-                v("div", Bo, [
+                v("div", Do, [
                   v("div", null, [
-                    ((g = e(n).info) == null ? void 0 : g.status) === "active" ? (d(), S(N, { key: 0 }, [
-                      j(" Your plan renews on "),
-                      v("span", Fo, D(e(i).format(a.value, "fullDateWithWeekday")), 1),
-                      j(". ")
-                    ], 64)) : (d(), S(N, { key: 1 }, [
-                      j(" Your plan ends on "),
-                      v("span", zo, D(e(i).format((C = e(n).info) == null ? void 0 : C.currentPeriodEnd, "fullDateWithWeekday")), 1),
-                      j(". ")
+                    ((g = e(s).info) == null ? void 0 : g.status) === "active" ? (d(), S(F, { key: 0 }, [
+                      O(" Your plan renews on "),
+                      v("span", Uo, D(e(i).format(a.value, "fullDateWithWeekday")), 1),
+                      O(". ")
+                    ], 64)) : (d(), S(F, { key: 1 }, [
+                      O(" Your plan ends on "),
+                      v("span", Fo, D(e(i).format((C = e(s).info) == null ? void 0 : C.currentPeriodEnd, "fullDateWithWeekday")), 1),
+                      O(". ")
                     ], 64))
                   ])
                 ])
@@ -1454,9 +1429,9 @@ const tt = oe("settings", () => {
       });
     };
   }
-}), To = /* @__PURE__ */ v("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), Ro = ["innerHTML"], Ho = /* @__PURE__ */ v("br", null, null, -1), Mo = /* @__PURE__ */ v("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), Po = ["innerHTML"], Wo = /* @__PURE__ */ k({
+}), Oo = /* @__PURE__ */ v("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), Bo = ["innerHTML"], jo = /* @__PURE__ */ v("br", null, null, -1), zo = /* @__PURE__ */ v("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), To = ["innerHTML"], Ro = /* @__PURE__ */ k({
   __name: "VoSubscriptionPerks",
-  setup(c) {
+  setup(u) {
     const t = [
       "Ad Free Experience on all Vuetify properties",
       'Save and share code snippets with <a href="https://vbin.io/" target="_blank">VBin</a>',
@@ -1467,74 +1442,74 @@ const tt = oe("settings", () => {
       'Special role in the <a href="https://discord.vuetifyjs.com/" target="_blank">Vuetify Discord</a>',
       'Save and share your playgrounds with <a href="https://play.vuetifyjs.com" target="_blank">Vuetify Play</a>',
       "Receive a special label on GitHub created issues and pull requests"
-    ], n = O(!1), l = q();
-    return z(n, async (a) => {
+    ], s = N(!1), l = q();
+    return z(s, async (a) => {
       a && l.subscriptionInfo();
     }), (a, r) => {
-      const u = Q;
-      return d(), S(N, null, [
+      const c = Q;
+      return d(), S(F, null, [
         o(De, { class: "font-weight-black" }, {
-          default: s(() => [
-            j("Perks")
+          default: n(() => [
+            O("Perks")
           ]),
           _: 1
         }),
-        To,
+        Oo,
         o(ie, {
           lines: !1,
           class: "py-0",
           density: "compact",
           nav: ""
         }, {
-          default: s(() => [
-            (d(), S(N, null, se(t, (h, p) => o(u, {
+          default: n(() => [
+            (d(), S(F, null, ne(t, (h, p) => o(c, {
               key: p,
-              "prepend-icon": `svg:${e(ne)}`,
+              "prepend-icon": `svg:${e(se)}`,
               class: "mb-0"
             }, {
-              prepend: s(() => [
+              prepend: n(() => [
                 o(U, {
                   class: "mx-n2",
                   color: "success",
                   size: "small"
                 })
               ]),
-              title: s(() => [
-                v("div", { innerHTML: h }, null, 8, Ro)
+              title: n(() => [
+                v("div", { innerHTML: h }, null, 8, Bo)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
           ]),
           _: 1
         }),
-        Ho,
+        jo,
         o(De, { class: "font-weight-black" }, {
-          default: s(() => [
-            j("Up Next")
+          default: n(() => [
+            O("Up Next")
           ]),
           _: 1
         }),
-        Mo,
+        zo,
         o(ie, {
           lines: !1,
           class: "py-0",
           density: "compact",
           nav: ""
         }, {
-          default: s(() => [
-            (d(), S(N, null, se(i, (h, p) => o(u, {
+          default: n(() => [
+            (d(), S(F, null, ne(i, (h, p) => o(c, {
               key: p,
-              "prepend-icon": `svg:${e(Ct)}`,
+              "prepend-icon": `svg:${e(xt)}`,
               class: "mb-0"
             }, {
-              prepend: s(() => [
+              prepend: n(() => [
                 o(U, {
                   class: "mx-n2",
                   size: "small"
                 })
               ]),
-              title: s(() => [
-                v("div", { innerHTML: h }, null, 8, Po)
+              title: n(() => [
+                v("div", { innerHTML: h }, null, 8, To)
               ]),
               _: 2
             }, 1032, ["prepend-icon"])), 64))
@@ -1544,7 +1519,7 @@ const tt = oe("settings", () => {
       ], 64);
     };
   }
-}), qo = /* @__PURE__ */ k({
+}), Ho = /* @__PURE__ */ k({
   __name: "VoSubscriptionSubscribe",
   props: {
     modelValue: {
@@ -1553,38 +1528,38 @@ const tt = oe("settings", () => {
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(c) {
-    const t = O(!1), i = ae(c, "modelValue"), n = q();
+  setup(u) {
+    const t = N(!1), i = ae(u, "modelValue"), s = q();
     return z(t, async (l) => {
-      l && n.subscriptionInfo();
-    }), z(() => n.interval, (l) => {
+      l && s.subscriptionInfo();
+    }), z(() => s.interval, (l) => {
       i.value = l;
-    }, { immediate: !0 }), (l, a) => (d(), m(Ze, {
+    }, { immediate: !0 }), (l, a) => (d(), m(Qe, {
       modelValue: i.value,
       "onUpdate:modelValue": a[0] || (a[0] = (r) => i.value = r),
       mandatory: ""
     }, {
-      default: s(() => [
+      default: n(() => [
         o(ye, null, {
-          default: s(() => [
+          default: n(() => [
             o(ce, {
               cols: "12",
               md: "6"
             }, {
-              default: s(() => [
+              default: n(() => [
                 o(Ue, { value: "month" }, {
-                  default: s(({ toggle: r, isSelected: u }) => [
-                    o(M, {
-                      border: u ? "sm primary opacity-100" : "sm",
-                      color: u ? "primary" : void 0,
-                      "prepend-icon": u ? `svg:${e(le)}` : "$radioOff",
-                      variant: u ? "tonal" : "text",
+                  default: n(({ toggle: r, isSelected: c }) => [
+                    o(P, {
+                      border: c ? "sm primary opacity-100" : "sm",
+                      color: c ? "primary" : void 0,
+                      "prepend-icon": c ? `svg:${e(le)}` : "$radioOff",
+                      variant: c ? "tonal" : "text",
                       rounded: "lg",
                       subtitle: "$2.99/month",
                       title: "Monthly",
                       onClick: r
                     }, {
-                      prepend: s(() => [
+                      prepend: n(() => [
                         o(U, { class: "mt-n6" })
                       ]),
                       _: 2
@@ -1599,23 +1574,23 @@ const tt = oe("settings", () => {
               cols: "12",
               md: "6"
             }, {
-              default: s(() => [
+              default: n(() => [
                 o(Ue, { value: "year" }, {
-                  default: s(({ toggle: r, isSelected: u }) => [
-                    o(M, {
-                      border: u ? "sm primary opacity-100" : "sm",
-                      color: u ? "primary" : void 0,
-                      "prepend-icon": u ? `svg:${e(le)}` : "$radioOff",
-                      variant: u ? "tonal" : "text",
+                  default: n(({ toggle: r, isSelected: c }) => [
+                    o(P, {
+                      border: c ? "sm primary opacity-100" : "sm",
+                      color: c ? "primary" : void 0,
+                      "prepend-icon": c ? `svg:${e(le)}` : "$radioOff",
+                      variant: c ? "tonal" : "text",
                       rounded: "lg",
                       subtitle: "$29.99/year",
                       title: "Yearly",
                       onClick: r
                     }, {
-                      prepend: s(() => [
+                      prepend: n(() => [
                         o(U, { class: "mt-n6" })
                       ]),
-                      append: s(() => [
+                      append: n(() => [
                         o(Y, {
                           class: "mt-n6",
                           color: "success",
@@ -1639,63 +1614,63 @@ const tt = oe("settings", () => {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Go = { class: "px-3" }, Yo = /* @__PURE__ */ v("br", null, null, -1), Qo = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, Jo = /* @__PURE__ */ k({
+}), Mo = { class: "px-3" }, Po = /* @__PURE__ */ v("br", null, null, -1), Eo = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, Wo = /* @__PURE__ */ k({
   __name: "VoSubscriptionDialog",
   props: {
     modelValue: { type: Boolean },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(c) {
+  setup(u) {
     function t(p) {
       return new Promise((g) => setTimeout(g, p));
     }
-    const i = ae(c, "modelValue"), n = q(), l = Se(), a = O(n.interval), r = O(n.hasBilling ? "status" : "subscribe"), u = O(!1);
+    const i = ae(u, "modelValue"), s = q(), l = Se(), a = N(s.interval), r = N(s.hasBilling ? "status" : "subscribe"), c = N(!1);
     z(a, (p) => {
-      !n.isSubscriber || !n.interval || (u.value = p !== n.interval);
+      !s.isSubscriber || !s.interval || (c.value = p !== s.interval);
     }), z(i, async (p) => {
-      !p || !n.isSubscriber || n.subscriptionInfo();
+      !p || !s.isSubscriber || s.subscriptionInfo();
     }), z(l, async () => {
-      !n.sessionId && !["subscribe", "status"].includes(l.value.one) || (r.value = n.sessionId || l.value.one === "status" ? "status" : "subscribe", n.isOpen = !0, await _e(), i.value = !0);
+      !s.sessionId && !["subscribe", "status"].includes(l.value.one) || (r.value = s.sessionId || l.value.one === "status" ? "status" : "subscribe", s.isOpen = !0, await _e(), i.value = !0);
     }, { immediate: !0 });
     async function h() {
-      await n.modify(a.value), await n.subscriptionInfo(), u.value = null, await t(3e3), r.value = "status", await t(300), u.value = !1;
+      await s.modify(a.value), await s.subscriptionInfo(), c.value = null, await t(3e3), r.value = "status", await t(300), c.value = !1;
     }
     return (p, g) => {
-      const C = pe, _ = qo, w = Wo, b = Eo, y = Ao, $ = de, B = we;
+      const C = pe, _ = Ho, w = Ro, b = No, y = wo, $ = de, B = we;
       return d(), m(B, {
         modelValue: i.value,
         "onUpdate:modelValue": g[4] || (g[4] = (I) => i.value = I),
-        "prepend-icon": `svg:${e(Lt)}`,
+        "prepend-icon": `svg:${e(wt)}`,
         title: "Subscriptions"
       }, G({
-        default: s(() => [
+        default: n(() => [
           o(Ve, null, {
-            default: s(() => [
+            default: n(() => [
               o(ke, { scrollable: "" }, {
-                default: s(() => [
-                  v("div", Go, [
+                default: n(() => [
+                  v("div", Mo, [
                     o(X, null, {
-                      default: s(() => [
+                      default: n(() => [
                         o(C, {
                           text: "The Vuetify One subscription is a great way to support the Vuetify team and get access to exclusive features and content.",
                           title: "Vuetify One"
                         }),
-                        o(Ke, { "model-value": r.value }, {
-                          default: s(() => [
+                        o(Je, { "model-value": r.value }, {
+                          default: n(() => [
                             o(ve, { value: "subscribe" }, {
-                              default: s(() => [
+                              default: n(() => [
                                 o(_, {
                                   modelValue: a.value,
                                   "onUpdate:modelValue": g[0] || (g[0] = (I) => a.value = I)
                                 }, null, 8, ["modelValue"]),
-                                Yo,
+                                Po,
                                 o(w)
                               ]),
                               _: 1
                             }),
                             o(ve, { value: "status" }, {
-                              default: s(() => [
+                              default: n(() => [
                                 o(b, {
                                   "onChange:subscription": g[1] || (g[1] = (I) => r.value = "subscribe")
                                 }),
@@ -1721,21 +1696,21 @@ const tt = oe("settings", () => {
       }, [
         r.value === "subscribe" ? {
           name: "actions",
-          fn: s(() => [
-            v("div", Qo, [
-              u.value !== !1 ? (d(), m($, {
+          fn: n(() => [
+            v("div", Eo, [
+              c.value !== !1 ? (d(), m($, {
                 key: 0,
-                loading: e(n).isLoading,
-                "prepend-icon": `svg:${u.value !== null ? e(It) : e(le)}`,
-                readonly: u.value === null,
-                text: u.value !== null ? "Modify Subscription" : "Success",
+                loading: e(s).isLoading,
+                "prepend-icon": `svg:${c.value !== null ? e(St) : e(le)}`,
+                readonly: c.value === null,
+                text: c.value !== null ? "Modify Subscription" : "Success",
                 color: "success",
                 size: "default",
                 block: "",
                 onClick: h
-              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : e(n).isSubscriber ? (d(), m($, {
+              }, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : e(s).isSubscriber ? (d(), m($, {
                 key: 2,
-                "prepend-icon": `svg:${e(At)}`,
+                "prepend-icon": `svg:${e(Ct)}`,
                 size: "default",
                 text: "Manage Subscription",
                 block: "",
@@ -1744,12 +1719,12 @@ const tt = oe("settings", () => {
                 key: 1,
                 color: a.value ? "primary" : "disabled",
                 disabled: !a.value,
-                loading: e(n).isLoading,
+                loading: e(s).isLoading,
                 "prepend-icon": "$vuetify",
                 size: "default",
                 text: "Activate Subscription",
                 block: "",
-                onClick: g[2] || (g[2] = (I) => e(n).subscribe(a.value))
+                onClick: g[2] || (g[2] = (I) => e(s).subscribe(a.value))
               }, null, 8, ["color", "disabled", "loading"]))
             ])
           ]),
@@ -1758,115 +1733,115 @@ const tt = oe("settings", () => {
       ]), 1032, ["modelValue", "prepend-icon"]);
     };
   }
-}), Xo = /* @__PURE__ */ k({
+}), qo = /* @__PURE__ */ k({
   __name: "VoSubscriptionListItem",
-  setup(c) {
-    const t = O(!1);
-    return (i, n) => {
-      const l = Jo, a = Q;
+  setup(u) {
+    const t = N(!1);
+    return (i, s) => {
+      const l = Wo, a = Q;
       return d(), m(a, {
         active: t.value,
-        "prepend-icon": `svg:${e(Dt)}`,
+        "prepend-icon": `svg:${e(Lt)}`,
         title: "Subscriptions",
         link: ""
       }, {
-        default: s(() => [
+        default: n(() => [
           o(l, {
             modelValue: t.value,
-            "onUpdate:modelValue": n[0] || (n[0] = (r) => t.value = r)
+            "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), Zo = { class: "px-3 pb-5 d-flex flex-column" }, Ko = { class: "ps-16" }, en = { class: "text-caption text-end" }, tn = { class: "font-weight-bold" }, on = { class: "ps-16" }, nn = { class: "text-caption text-end" }, sn = { class: "font-weight-bold" }, an = { class: "ps-16" }, rn = { class: "text-caption text-end" }, ln = { class: "font-weight-bold" }, cn = { class: "py-4" }, un = /* @__PURE__ */ v("div", { class: "text-caption text-medium-emphasis" }, [
-  /* @__PURE__ */ j(" A total of $2.99 or more unlocks "),
+}), Go = { class: "px-3 pb-5 d-flex flex-column" }, Yo = { class: "ps-16" }, Qo = { class: "text-caption text-end" }, Jo = { class: "font-weight-bold" }, Xo = { class: "ps-16" }, Zo = { class: "text-caption text-end" }, Ko = { class: "font-weight-bold" }, es = { class: "ps-16" }, ts = { class: "text-caption text-end" }, os = { class: "font-weight-bold" }, ss = { class: "py-4" }, ns = /* @__PURE__ */ v("div", { class: "text-caption text-medium-emphasis" }, [
+  /* @__PURE__ */ O(" A total of $2.99 or more unlocks "),
   /* @__PURE__ */ v("span", { class: "font-weight-black" }, "all"),
-  /* @__PURE__ */ j(" Vuetify One benefits ")
-], -1), dn = /* @__PURE__ */ k({
+  /* @__PURE__ */ O(" Vuetify One benefits ")
+], -1), is = /* @__PURE__ */ k({
   __name: "VoSponsorshipsDialog",
   props: {
     modelValue: { type: Boolean },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(c) {
-    const t = ae(c, "modelValue"), i = be(), n = ge(), l = Se(), a = F(), r = q(), u = tt();
+  setup(u) {
+    const t = ae(u, "modelValue"), i = be(), s = ge(), l = Se(), a = j(), r = q(), c = Ke();
     function h(p) {
       return i.format(p, "fullDateWithWeekday");
     }
     return z(l, async () => {
       l.value.one === "sponsorships" && (r.isOpen = !0, await _e(), t.value = !0);
     }, { immediate: !0 }), (p, g) => {
-      const C = pe, _ = de, w = We("v-empty-state"), b = we;
+      const C = pe, _ = de, w = Me("v-empty-state"), b = we;
       return d(), m(b, {
         modelValue: t.value,
         "onUpdate:modelValue": g[0] || (g[0] = (y) => t.value = y),
-        "max-height": e(n).xs.value ? void 0 : 820,
-        "prepend-icon": `svg:${e(Ut)}`,
+        "max-height": e(s).xs.value ? void 0 : 820,
+        "prepend-icon": `svg:${e(It)}`,
         title: "Sponsorships"
       }, {
-        default: s(() => [
+        default: n(() => [
           o(Ve, null, {
-            default: s(() => [
+            default: n(() => [
               o(ke, { scrollable: "" }, {
-                default: s(() => [
-                  v("div", Zo, [
+                default: n(() => [
+                  v("div", Go, [
                     o(X, null, {
-                      default: s(() => [
+                      default: n(() => [
                         o(C, {
                           text: "Support Vuetify through GitHub Sponsors, Discord, or Patreon to unlock exclusive benefits and content.",
                           title: "Support Vuetify"
                         }),
-                        o(no, {
+                        o(to, {
                           class: "justify-start ms-n7",
                           "line-inset": "12",
                           side: "end",
                           style: { "grid-template-columns": "auto auto 1fr" },
                           "truncate-line": "both"
                         }, {
-                          default: s(() => {
+                          default: n(() => {
                             var y, $, B, I, W, K;
                             return [
                               o(Ie, {
                                 "dot-color": (y = e(r).github) != null && y.isActive ? "success" : "transparent",
-                                icon: ($ = e(r).github) != null && $.isActive ? `svg:${e(ne)}` : void 0,
+                                icon: ($ = e(r).github) != null && $.isActive ? `svg:${e(se)}` : void 0,
                                 size: "x-small",
                                 width: "100%"
                               }, {
-                                default: s(() => [
-                                  o(M, {
-                                    "prepend-avatar": e(u).CDN_URL + "/logos/github.png",
+                                default: n(() => [
+                                  o(P, {
+                                    "prepend-avatar": e(c).CDN_URL + "/logos/github.png",
                                     rounded: "lg",
                                     subtitle: "Support Vuetify through GitHub sponsors.",
                                     title: "GitHub Sponsors",
                                     variant: "text",
                                     border: ""
                                   }, {
-                                    append: s(() => {
-                                      var A, H, f, V, T, ee;
+                                    append: n(() => {
+                                      var A, M, f, V, R, ee;
                                       return [
-                                        v("div", Ko, [
+                                        v("div", Yo, [
                                           o(_, {
                                             color: (A = e(r).github) != null && A.isActive ? "success" : "primary",
-                                            href: (H = e(r).github) != null && H.isActive ? void 0 : "https://github.com/sponsors/johnleider",
+                                            href: (M = e(r).github) != null && M.isActive ? void 0 : "https://github.com/sponsors/johnleider",
                                             "prepend-icon": `svg:${(f = e(r).github) != null && f.isActive ? e(le) : e(ze)}`,
                                             readonly: (V = e(r).github) == null ? void 0 : V.isActive,
-                                            target: (T = e(r).github) != null && T.isActive ? void 0 : "_blank",
+                                            target: (R = e(r).github) != null && R.isActive ? void 0 : "_blank",
                                             text: (ee = e(r).github) != null && ee.isActive ? "Active" : "Info",
                                             width: "88"
                                           }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
                                         ])
                                       ];
                                     }),
-                                    default: s(() => {
+                                    default: n(() => {
                                       var A;
                                       return [
-                                        (A = e(r).github) != null && A.isActive ? (d(), S(N, { key: 0 }, [
-                                          o(P),
+                                        (A = e(r).github) != null && A.isActive ? (d(), S(F, { key: 0 }, [
+                                          o(E),
                                           o(X, { class: "d-flex justify-space-between align-center flex-wrap" }, {
-                                            default: s(() => [
+                                            default: n(() => [
                                               o(Y, {
                                                 "prepend-icon": `svg:${e(Le)}`,
                                                 text: e(r).github.tierName,
@@ -1875,9 +1850,9 @@ const tt = oe("settings", () => {
                                                 variant: "text",
                                                 label: ""
                                               }, null, 8, ["prepend-icon", "text"]),
-                                              v("div", en, [
-                                                j(" Sponsor since "),
-                                                v("span", tn, D(h(e(r).github.createdAt)), 1)
+                                              v("div", Qo, [
+                                                O(" Sponsor since "),
+                                                v("span", Jo, D(h(e(r).github.createdAt)), 1)
                                               ])
                                             ]),
                                             _: 1
@@ -1892,42 +1867,42 @@ const tt = oe("settings", () => {
                               }, 8, ["dot-color", "icon"]),
                               o(Ie, {
                                 "dot-color": (B = e(r).discord) != null && B.isActive ? "success" : "transparent",
-                                icon: (I = e(r).discord) != null && I.isActive ? `svg:${e(ne)}` : void 0,
+                                icon: (I = e(r).discord) != null && I.isActive ? `svg:${e(se)}` : void 0,
                                 size: "x-small",
                                 width: "100%"
                               }, {
-                                default: s(() => [
-                                  o(M, {
-                                    "prepend-avatar": e(u).CDN_URL + "/logos/discord.png",
+                                default: n(() => [
+                                  o(P, {
+                                    "prepend-avatar": e(c).CDN_URL + "/logos/discord.png",
                                     rounded: "lg",
                                     subtitle: "Support Vuetify through Discord.",
                                     title: "Discord Subscriber",
                                     variant: "text",
                                     border: ""
                                   }, {
-                                    append: s(() => {
-                                      var A, H, f, V, T, ee;
+                                    append: n(() => {
+                                      var A, M, f, V, R, ee;
                                       return [
-                                        v("div", on, [
+                                        v("div", Xo, [
                                           o(_, {
                                             color: (A = e(r).discord) != null && A.isActive ? "success" : "primary",
-                                            href: (H = e(r).discord) != null && H.isActive ? void 0 : "https://discord.com/servers/vuetify-340160225338195969",
+                                            href: (M = e(r).discord) != null && M.isActive ? void 0 : "https://discord.com/servers/vuetify-340160225338195969",
                                             "prepend-icon": `svg:${(f = e(r).discord) != null && f.isActive ? e(le) : e(ze)}`,
                                             readonly: (V = e(r).discord) == null ? void 0 : V.isActive,
-                                            target: (T = e(r).discord) != null && T.isActive ? void 0 : "_blank",
+                                            target: (R = e(r).discord) != null && R.isActive ? void 0 : "_blank",
                                             text: (ee = e(r).discord) != null && ee.isActive ? "Active" : "Info",
                                             width: "88"
                                           }, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
                                         ])
                                       ];
                                     }),
-                                    default: s(() => {
+                                    default: n(() => {
                                       var A;
                                       return [
-                                        (A = e(r).discord) != null && A.isActive ? (d(), S(N, { key: 0 }, [
-                                          o(P),
+                                        (A = e(r).discord) != null && A.isActive ? (d(), S(F, { key: 0 }, [
+                                          o(E),
                                           o(X, { class: "d-flex justify-space-between align-center flex-wrap" }, {
-                                            default: s(() => [
+                                            default: n(() => [
                                               o(Y, {
                                                 "prepend-icon": `svg:${e(Le)}`,
                                                 text: e(r).discord.tierName,
@@ -1936,9 +1911,9 @@ const tt = oe("settings", () => {
                                                 variant: "text",
                                                 label: ""
                                               }, null, 8, ["prepend-icon", "text"]),
-                                              v("div", nn, [
-                                                j(" Subscriber since "),
-                                                v("span", sn, D(h(e(r).discord.createdAt)), 1)
+                                              v("div", Zo, [
+                                                O(" Subscriber since "),
+                                                v("span", Ko, D(h(e(r).discord.createdAt)), 1)
                                               ])
                                             ]),
                                             _: 1
@@ -1953,23 +1928,23 @@ const tt = oe("settings", () => {
                               }, 8, ["dot-color", "icon"]),
                               o(Ie, {
                                 "dot-color": (W = e(r).patreon) != null && W.isActive ? "success" : "transparent",
-                                icon: (K = e(r).patreon) != null && K.isActive ? `svg:${e(ne)}` : void 0,
+                                icon: (K = e(r).patreon) != null && K.isActive ? `svg:${e(se)}` : void 0,
                                 size: "x-small",
                                 width: "100%"
                               }, {
-                                default: s(() => [
-                                  o(M, {
-                                    "prepend-avatar": e(u).CDN_URL + "/logos/patreon.png",
+                                default: n(() => [
+                                  o(P, {
+                                    "prepend-avatar": e(c).CDN_URL + "/logos/patreon.png",
                                     rounded: "lg",
                                     subtitle: "Support Vuetify through Patreon.",
                                     title: "Patreon Subscriber",
                                     variant: "text",
                                     border: ""
                                   }, {
-                                    append: s(() => {
+                                    append: n(() => {
                                       var A;
                                       return [
-                                        v("div", an, [
+                                        v("div", es, [
                                           o(_, {
                                             text: (A = e(r).patreon) != null && A.isActive ? "Active" : "Coming Soon",
                                             color: "surface-variant",
@@ -1978,13 +1953,13 @@ const tt = oe("settings", () => {
                                         ])
                                       ];
                                     }),
-                                    default: s(() => {
+                                    default: n(() => {
                                       var A;
                                       return [
-                                        (A = e(r).patreon) != null && A.isActive ? (d(), S(N, { key: 0 }, [
-                                          o(P),
+                                        (A = e(r).patreon) != null && A.isActive ? (d(), S(F, { key: 0 }, [
+                                          o(E),
                                           o(X, { class: "d-flex justify-space-between align-center flex-wrap" }, {
-                                            default: s(() => [
+                                            default: n(() => [
                                               o(Y, {
                                                 "prepend-icon": `svg:${e(Le)}`,
                                                 text: e(r).patreon.tierName,
@@ -1992,9 +1967,9 @@ const tt = oe("settings", () => {
                                                 variant: "text",
                                                 label: ""
                                               }, null, 8, ["prepend-icon", "text"]),
-                                              v("div", rn, [
-                                                j(" Sponsor since "),
-                                                v("span", ln, D(h(e(r).patreon.createdAt)), 1)
+                                              v("div", ts, [
+                                                O(" Sponsor since "),
+                                                v("span", os, D(h(e(r).patreon.createdAt)), 1)
                                               ])
                                             ]),
                                             _: 1
@@ -2015,26 +1990,26 @@ const tt = oe("settings", () => {
                       _: 1
                     }),
                     o(w, {
-                      icon: `svg:${e(Nt)}`,
+                      icon: `svg:${e(At)}`,
                       class: "mt-auto",
                       "min-height": "auto",
                       size: "64",
                       title: "Your Monthly Contributions"
                     }, {
-                      media: s(() => [
+                      media: n(() => [
                         o(U, { color: "success" })
                       ]),
-                      headline: s(() => [
-                        v("div", cn, [
-                          e(a).isSubscriber ? (d(), S(N, { key: 0 }, [
-                            j(" $" + D(parseFloat(String(e(r).monthlyTotal)).toFixed(2)), 1)
-                          ], 64)) : (d(), S(N, { key: 1 }, [
-                            j(" $0.00 ")
+                      headline: n(() => [
+                        v("div", ss, [
+                          e(a).isSubscriber ? (d(), S(F, { key: 0 }, [
+                            O(" $" + D(parseFloat(String(e(r).monthlyTotal)).toFixed(2)), 1)
+                          ], 64)) : (d(), S(F, { key: 1 }, [
+                            O(" $0.00 ")
                           ], 64))
                         ])
                       ]),
-                      text: s(() => [
-                        un
+                      text: n(() => [
+                        ns
                       ]),
                       _: 1
                     }, 8, ["icon"])
@@ -2050,85 +2025,85 @@ const tt = oe("settings", () => {
       }, 8, ["modelValue", "max-height", "prepend-icon"]);
     };
   }
-}), pn = /* @__PURE__ */ k({
+}), as = /* @__PURE__ */ k({
   __name: "VoSponsorshipsListItem",
-  setup(c) {
-    const t = O(!1);
-    return (i, n) => {
-      const l = dn, a = Q;
+  setup(u) {
+    const t = N(!1);
+    return (i, s) => {
+      const l = is, a = Q;
       return d(), m(a, {
         active: t.value,
-        "prepend-icon": `svg:${e(Ot)}`,
+        "prepend-icon": `svg:${e(Dt)}`,
         title: "Sponsorships",
         link: ""
       }, {
-        default: s(() => [
+        default: n(() => [
           o(l, {
             modelValue: t.value,
-            "onUpdate:modelValue": n[0] || (n[0] = (r) => t.value = r)
+            "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["active", "prepend-icon"]);
     };
   }
-}), mn = {
+}), rs = {
   key: 0,
   class: "pt-16"
-}, fn = /* @__PURE__ */ v("div", { class: "text-medium-emphasis" }, " All caught up ", -1), vn = { class: "ps-3 text-subtitle-2 pe-2" }, _n = { class: "text-truncate" }, hn = { class: "text-caption font-weight-bold text-medium-emphasis" }, gn = { class: "text-disabled text-caption my-2" }, bn = /* @__PURE__ */ k({
+}, ls = /* @__PURE__ */ v("div", { class: "text-medium-emphasis" }, " All caught up ", -1), cs = { class: "ps-3 text-subtitle-2 pe-2" }, us = { class: "text-truncate" }, ds = { class: "text-caption font-weight-bold text-medium-emphasis" }, ps = { class: "text-disabled text-caption my-2" }, ms = /* @__PURE__ */ k({
   __name: "VoNotificationsList",
   props: {
     items: {}
   },
-  setup(c) {
-    const t = E(), i = be();
-    function n(a) {
+  setup(u) {
+    const t = T(), i = be();
+    function s(a) {
       return t.notifications.read.includes(a);
     }
     function l(a) {
-      n(a.slug) ? t.notifications.read = t.notifications.read.filter((r) => r !== a.slug) : t.notifications.read.push(a.slug);
+      s(a.slug) ? t.notifications.read = t.notifications.read.filter((r) => r !== a.slug) : t.notifications.read.push(a.slug);
     }
     return (a, r) => {
-      const u = We("v-empty-state"), h = Q;
+      const c = Me("v-empty-state"), h = Q;
       return d(), m(ie, {
         class: "py-0",
         height: "100%",
         lines: "three"
       }, {
-        default: s(() => [
-          a.items.length ? (d(!0), S(N, { key: 1 }, se(a.items, (p, g) => (d(), m(Xe, {
+        default: n(() => [
+          a.items.length ? (d(!0), S(F, { key: 1 }, ne(a.items, (p, g) => (d(), m(Ye, {
             key: p.slug
           }, {
-            default: s(({ isHovering: C, props: _ }) => [
+            default: n(({ isHovering: C, props: _ }) => [
               o(h, J(_, {
                 border: g !== 0 && "t",
                 class: "py-4 mb-0"
               }), {
-                prepend: s(() => [
-                  v("div", vn, D(p.metadata.emoji), 1)
+                prepend: n(() => [
+                  v("div", cs, D(p.metadata.emoji), 1)
                 ]),
-                append: s(() => [
-                  o(so, {
+                append: n(() => [
+                  o(oo, {
                     class: "mt-n3",
                     width: "56"
                   }, {
-                    default: s(() => [
+                    default: n(() => [
                       o(re, {
-                        text: n(p.slug) ? "Mark as unread" : "Mark as read",
+                        text: s(p.slug) ? "Mark as unread" : "Mark as read",
                         location: "bottom"
                       }, {
-                        activator: s(({ props: w }) => [
+                        activator: n(({ props: w }) => [
                           o(Be, { "hide-on-leave": "" }, {
-                            default: s(() => [
-                              Ne(o(Z, J(w, {
-                                icon: `svg:${n(p.slug) ? e(Bt) : e(jt)}`,
+                            default: n(() => [
+                              Fe(o(Z, J(w, {
+                                icon: `svg:${s(p.slug) ? e(Ft) : e(Ut)}`,
                                 class: "ms-auto",
                                 size: "small",
                                 variant: "text",
                                 "mdi-email-variant": "",
                                 onClick: (b) => l(p)
                               }), null, 16, ["icon", "onClick"]), [
-                                [qe, C]
+                                [Pe, C]
                               ])
                             ]),
                             _: 2
@@ -2140,17 +2115,17 @@ const tt = oe("settings", () => {
                     _: 2
                   }, 1024)
                 ]),
-                default: s(() => [
-                  o(Jt, { class: "text-wrap text-h6 mb-1" }, {
-                    default: s(() => [
-                      v("div", _n, D(p.title), 1)
+                default: n(() => [
+                  o(Gt, { class: "text-wrap text-h6 mb-1" }, {
+                    default: n(() => [
+                      v("div", us, D(p.title), 1)
                     ]),
                     _: 2
                   }, 1024),
-                  v("div", hn, D(e(i).format(p.created_at, "fullDateWithWeekday")), 1),
-                  v("div", gn, D(p.metadata.text), 1),
+                  v("div", ds, D(e(i).format(p.created_at, "fullDateWithWeekday")), 1),
+                  v("div", ps, D(p.metadata.text), 1),
                   o(Y, {
-                    "append-icon": `svg:${e(Ft)}`,
+                    "append-icon": `svg:${e(Nt)}`,
                     href: p.metadata.action,
                     text: p.metadata.action_text,
                     size: "small",
@@ -2160,7 +2135,7 @@ const tt = oe("settings", () => {
                     label: "",
                     onClick: (w) => l(p)
                   }, {
-                    append: s(() => [
+                    append: n(() => [
                       o(U, { size: "12" })
                     ]),
                     _: 2
@@ -2170,16 +2145,16 @@ const tt = oe("settings", () => {
               }, 1040, ["border"])
             ]),
             _: 2
-          }, 1024))), 128)) : (d(), S("div", mn, [
-            o(u, {
+          }, 1024))), 128)) : (d(), S("div", rs, [
+            o(c, {
               icon: "$vuetify",
               size: "256"
             }, {
-              media: s(() => [
+              media: n(() => [
                 o(U, { color: "medium-emphasis" })
               ]),
-              title: s(() => [
-                fn
+              title: n(() => [
+                ls
               ]),
               _: 1
             })
@@ -2189,34 +2164,34 @@ const tt = oe("settings", () => {
       });
     };
   }
-}), yn = { class: "text-caption" }, Vn = /* @__PURE__ */ k({
+}), fs = { class: "text-caption" }, vs = /* @__PURE__ */ k({
   __name: "VoNotificationsDialog",
   props: {
     modelValue: { type: Boolean },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(c) {
-    const t = ge(), i = Se(), n = q(), l = xe(), a = O(["0"]), r = ae(c, "modelValue");
+  setup(u) {
+    const t = ge(), i = Se(), s = q(), l = xe(), a = N(["0"]), r = ae(u, "modelValue");
     return z(i, async () => {
-      i.value.one === "notifications" && (n.isOpen = !0, await _e(), r.value = !0);
-    }, { immediate: !0 }), (u, h) => {
-      const p = Q, g = bn, C = we;
+      i.value.one === "notifications" && (s.isOpen = !0, await _e(), r.value = !0);
+    }, { immediate: !0 }), (c, h) => {
+      const p = Q, g = ms, C = we;
       return d(), m(C, {
         modelValue: r.value,
         "onUpdate:modelValue": h[2] || (h[2] = (_) => r.value = _),
-        "prepend-icon": `svg:${e(zt)}`,
+        "prepend-icon": `svg:${e(Ot)}`,
         title: "Notifications"
       }, {
-        default: s(() => [
+        default: n(() => [
           o(Ve, null, {
-            default: s(() => [
-              o(io, {
+            default: n(() => [
+              o(so, {
                 location: e(t).mobile.value ? "top" : "start",
                 width: e(t).mobile.value ? 128 : 168,
                 permanent: ""
               }, {
-                default: s(() => [
+                default: n(() => [
                   o(ie, {
                     selected: a.value,
                     "onUpdate:selected": h[0] || (h[0] = (_) => a.value = _),
@@ -2225,22 +2200,22 @@ const tt = oe("settings", () => {
                     mandatory: "",
                     nav: ""
                   }, {
-                    default: s(() => [
+                    default: n(() => [
                       o(p, {
-                        "prepend-icon": `svg:${e(Et)}`,
+                        "prepend-icon": `svg:${e(Bt)}`,
                         title: "Unread",
                         value: "0"
                       }, G({ _: 2 }, [
                         e(l).unread.length > 0 ? {
                           name: "append",
-                          fn: s(() => [
-                            v("span", yn, D(e(l).unread.length), 1)
+                          fn: n(() => [
+                            v("span", fs, D(e(l).unread.length), 1)
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1032, ["prepend-icon"]),
                       o(p, {
-                        "prepend-icon": `svg:${e(Tt)}`,
+                        "prepend-icon": `svg:${e(jt)}`,
                         title: "Read",
                         value: "1",
                         "mdi-archive-outline": ""
@@ -2252,14 +2227,14 @@ const tt = oe("settings", () => {
                 _: 1
               }, 8, ["location", "width"]),
               o(ke, { scrollable: "" }, {
-                default: s(() => [
-                  o(Ke, {
+                default: n(() => [
+                  o(Je, {
                     modelValue: a.value,
                     "onUpdate:modelValue": h[1] || (h[1] = (_) => a.value = _)
                   }, {
-                    default: s(() => [
+                    default: n(() => [
                       o(ve, { value: "0" }, {
-                        default: s(() => [
+                        default: n(() => [
                           o(g, {
                             items: e(l).unread
                           }, null, 8, ["items"])
@@ -2267,7 +2242,7 @@ const tt = oe("settings", () => {
                         _: 1
                       }),
                       o(ve, { value: "1" }, {
-                        default: s(() => [
+                        default: n(() => [
                           o(g, {
                             items: e(l).read
                           }, null, 8, ["items"])
@@ -2288,49 +2263,49 @@ const tt = oe("settings", () => {
       }, 8, ["modelValue", "prepend-icon"]);
     };
   }
-}), kn = /* @__PURE__ */ k({
+}), _s = /* @__PURE__ */ k({
   __name: "VoNotificationsBadge",
-  setup(c) {
-    const t = xe(), i = E();
-    return (n, l) => (d(), m(Ge, {
+  setup(u) {
+    const t = xe(), i = T();
+    return (s, l) => (d(), m(Ee, {
       content: e(t).unread.length,
       "model-value": e(i).notifications.show && e(t).unread.length > 0,
       color: "error"
     }, {
-      default: s(() => [
-        R(n.$slots, "default")
+      default: n(() => [
+        H(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["content", "model-value"]));
   }
-}), $n = /* @__PURE__ */ k({
+}), hs = /* @__PURE__ */ k({
   __name: "VoNotificationsListItem",
-  setup(c) {
-    const t = E(), i = xe(), n = O(!1);
-    return rt(async () => {
+  setup(u) {
+    const t = T(), i = xe(), s = N(!1);
+    return nt(async () => {
       await i.get();
     }), (l, a) => {
-      const r = kn, u = Vn, h = Q;
+      const r = _s, c = vs, h = Q;
       return e(t).notifications.show ? (d(), m(h, {
         key: 0,
-        active: n.value,
-        "prepend-icon": `svg:${e(Rt)}`,
+        active: s.value,
+        "prepend-icon": `svg:${e(zt)}`,
         title: "Notifications",
         link: ""
       }, G({
-        default: s(() => [
-          o(u, {
-            modelValue: n.value,
-            "onUpdate:modelValue": a[0] || (a[0] = (p) => n.value = p)
+        default: n(() => [
+          o(c, {
+            modelValue: s.value,
+            "onUpdate:modelValue": a[0] || (a[0] = (p) => s.value = p)
           }, null, 8, ["modelValue"])
         ]),
         _: 2
       }, [
         e(i).unread.length ? {
           name: "prepend",
-          fn: s(() => [
+          fn: n(() => [
             o(r, null, {
-              default: s(() => [
+              default: n(() => [
                 o(U)
               ]),
               _: 1
@@ -2341,34 +2316,34 @@ const tt = oe("settings", () => {
       ]), 1032, ["active", "prepend-icon"])) : x("", !0);
     };
   }
-}), xn = /* @__PURE__ */ k({
+}), gs = /* @__PURE__ */ k({
   __name: "VoDashboardListItem",
-  setup(c) {
+  setup(u) {
     return (t, i) => {
-      const n = Q;
-      return d(), m(n, {
-        "prepend-icon": `svg:${e(Ht)}`,
+      const s = Q;
+      return d(), m(s, {
+        "prepend-icon": `svg:${e(Tt)}`,
         title: "Dashboard",
         to: "/user/dashboard"
       }, null, 8, ["prepend-icon"]);
     };
   }
-}), wn = /* @__PURE__ */ k({
+}), bs = /* @__PURE__ */ k({
   __name: "VoUserList",
-  setup(c) {
-    const t = F();
-    return (i, n) => {
-      const l = xn, a = $n, r = pn, u = Xo, h = Lo, p = yo;
+  setup(u) {
+    const t = j();
+    return (i, s) => {
+      const l = gs, a = hs, r = as, c = qo, h = $o, p = ho;
       return d(), m(ie, {
         density: "compact",
         nav: "",
         slim: ""
       }, {
-        default: s(() => [
+        default: n(() => [
           o(l),
           o(a),
           o(r),
-          e(t).user ? (d(), m(u, { key: 0 })) : x("", !0),
+          e(t).user ? (d(), m(c, { key: 0 })) : x("", !0),
           o(h),
           e(t).user ? (d(), m(p, { key: 1 })) : x("", !0)
         ]),
@@ -2376,14 +2351,14 @@ const tt = oe("settings", () => {
       });
     };
   }
-}), Sn = { key: 0 }, Cn = { class: "d-flex align-center justify-center pa-1 ga-2" }, Ln = /* @__PURE__ */ k({
+}), ys = { key: 0 }, Vs = { class: "d-flex align-center justify-center pa-1 ga-2" }, ks = /* @__PURE__ */ k({
   __name: "VoUserQuickActions",
-  setup(c) {
-    const t = E();
-    return (i, n) => (d(), m(ue, null, {
-      default: s(() => [
-        e(t).quickbar ? (d(), S("div", Sn, [
-          v("div", Cn, [
+  setup(u) {
+    const t = T();
+    return (i, s) => (d(), m(ue, null, {
+      default: n(() => [
+        e(t).quickbar ? (d(), S("div", ys, [
+          v("div", Vs, [
             o(Z, {
               color: e(t).colors.one,
               class: "text-caption",
@@ -2394,7 +2369,7 @@ const tt = oe("settings", () => {
             }, null, 8, ["color"]),
             o(Z, {
               color: e(t).colors.one,
-              icon: `svg:${e(Mt)}`,
+              icon: `svg:${e(Rt)}`,
               class: "text-caption",
               density: "comfortable",
               href: "https://bin.vuetifyjs.com",
@@ -2402,7 +2377,7 @@ const tt = oe("settings", () => {
             }, null, 8, ["color", "icon"]),
             o(Z, {
               color: e(t).colors.one,
-              icon: `svg:${e(Pt)}`,
+              icon: `svg:${e(Ht)}`,
               class: "text-caption",
               density: "comfortable",
               href: "https://issues.vuetifyjs.com",
@@ -2414,11 +2389,11 @@ const tt = oe("settings", () => {
       _: 1
     }));
   }
-}), In = { class: "mb-2" }, An = { key: 0 }, Dn = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Un = { class: "text-h6" }, Nn = /* @__PURE__ */ k({
+}), $s = { class: "mb-2" }, xs = { key: 0 }, ws = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, Ss = { class: "text-h6" }, Cs = /* @__PURE__ */ k({
   __name: "VoUserAvatar",
-  setup(c) {
-    const t = F(), i = E(), n = O(!1), l = L(() => {
-      const u = [
+  setup(u) {
+    const t = j(), i = T(), s = N(!1), l = L(() => {
+      const c = [
         "https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/grass.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/wood.png",
@@ -2434,19 +2409,19 @@ const tt = oe("settings", () => {
         "https://cdn.vuetifyjs.com/docs/images/avatars/meteor.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/tada.png"
       ];
-      return t.user && u.unshift(t.user.picture), u;
+      return t.user && c.unshift(t.user.picture), c;
     });
-    function a(u) {
-      i.avatar = u;
+    function a(c) {
+      i.avatar = c;
     }
     function r() {
-      t.isSubscriber && (n.value = !n.value);
+      t.isSubscriber && (s.value = !s.value);
     }
-    return (u, h) => {
+    return (c, h) => {
       var p;
       return d(), S("div", null, [
-        Ne((d(), m(fe, {
-          class: lt([
+        Fe((d(), m(fe, {
+          class: it([
             "border-md border-opacity-100 border-surface-variant",
             {
               "cursor-pointer": e(t).isSubscriber
@@ -2455,10 +2430,10 @@ const tt = oe("settings", () => {
           color: "surface",
           size: "72",
           text: "Foobar",
-          onClick: Pe(r, ["prevent", "stop"])
+          onClick: He(r, ["prevent", "stop"])
         }, {
-          default: s(() => [
-            e(t).user && e(i).avatar ? (d(), m(Fe, {
+          default: n(() => [
+            e(t).user && e(i).avatar ? (d(), m(je, {
               key: 0,
               src: e(i).avatar,
               alt: "User avatar"
@@ -2471,27 +2446,27 @@ const tt = oe("settings", () => {
           ]),
           _: 1
         }, 8, ["class"])), [
-          [ao, e(t).isSubscriber]
+          [no, e(t).isSubscriber]
         ]),
-        v("div", In, [
+        v("div", $s, [
           o(ue, null, {
-            default: s(() => [
-              n.value ? (d(), S("div", An, [
-                o(M, {
+            default: n(() => [
+              s.value ? (d(), S("div", xs, [
+                o(P, {
                   class: "pt-6 pb-1",
                   rounded: "0",
                   flat: ""
                 }, {
-                  default: s(() => [
-                    v("div", Dn, [
-                      (d(!0), S(N, null, se(l.value, (g, C) => (d(), m(Z, {
+                  default: n(() => [
+                    v("div", ws, [
+                      (d(!0), S(F, null, ne(l.value, (g, C) => (d(), m(Z, {
                         key: C,
                         active: e(i).avatar === g,
                         variant: "flat",
                         icon: "",
                         onClick: (_) => a(g)
                       }, {
-                        default: s(() => [
+                        default: n(() => [
                           o(fe, {
                             image: g,
                             eager: ""
@@ -2508,25 +2483,25 @@ const tt = oe("settings", () => {
             _: 1
           })
         ]),
-        v("div", Un, D(((p = e(t).user) == null ? void 0 : p.name) ?? "Guest"), 1)
+        v("div", Ss, D(((p = e(t).user) == null ? void 0 : p.name) ?? "Guest"), 1)
       ]);
     };
   }
-}), On = /* @__PURE__ */ k({
+}), Ls = /* @__PURE__ */ k({
   __name: "VoUserBadges",
-  setup(c) {
-    const t = F(), i = q(), n = L(() => {
+  setup(u) {
+    const t = j(), i = q(), s = L(() => {
       var l;
       return i.github || i.discord || i.isSubscriber || ((l = t.user) == null ? void 0 : l.isAdmin);
     });
-    return (l, a) => n.value ? (d(), m(Qe, {
+    return (l, a) => s.value ? (d(), m(qe, {
       key: 0,
       class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
       color: "rgba(0,0,0,.36)",
       rounded: "lg",
       style: { left: "0" }
     }, {
-      default: s(() => {
+      default: n(() => {
         var r;
         return [
           (r = e(t).user) != null && r.isAdmin ? (d(), m(re, {
@@ -2534,11 +2509,11 @@ const tt = oe("settings", () => {
             location: "bottom",
             text: "Vuetify Administrator"
           }, {
-            activator: s(({ props: u }) => [
+            activator: n(({ props: c }) => [
               o(U, J({
                 color: "blue",
                 icon: "$vuetify"
-              }, u, { size: "16" }), null, 16)
+              }, c, { size: "16" }), null, 16)
             ]),
             _: 1
           })) : x("", !0),
@@ -2547,11 +2522,11 @@ const tt = oe("settings", () => {
             location: "bottom",
             text: "Vuetify One Subscriber"
           }, {
-            activator: s(({ props: u }) => [
+            activator: n(({ props: c }) => [
               o(U, J({
-                icon: `svg:${e(Wt)}`,
+                icon: `svg:${e(Mt)}`,
                 color: "amber-darken-2"
-              }, u, { size: "16" }), null, 16, ["icon"])
+              }, c, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
           })) : x("", !0),
@@ -2560,11 +2535,11 @@ const tt = oe("settings", () => {
             location: "bottom",
             text: "GitHub Sponsor"
           }, {
-            activator: s(({ props: u }) => [
+            activator: n(({ props: c }) => [
               o(U, J({
-                icon: `svg:${e(je)}`,
+                icon: `svg:${e(Oe)}`,
                 color: "medium-emphasis"
-              }, u, { size: "16" }), null, 16, ["icon"])
+              }, c, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
           })) : x("", !0),
@@ -2573,11 +2548,11 @@ const tt = oe("settings", () => {
             location: "bottom",
             text: "Discord Subscriber"
           }, {
-            activator: s(({ props: u }) => [
+            activator: n(({ props: c }) => [
               o(U, J({
-                icon: `svg:${e(Oe)}`,
+                icon: `svg:${e(Ne)}`,
                 color: "medium-emphasis"
-              }, u, { size: "16" }), null, 16, ["icon"])
+              }, c, { size: "16" }), null, 16, ["icon"])
             ]),
             _: 1
           })) : x("", !0)
@@ -2586,20 +2561,20 @@ const tt = oe("settings", () => {
       _: 1
     })) : x("", !0);
   }
-}), jn = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, Bn = {
+}), Is = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, As = {
   key: "reset",
   class: "align-self-end"
-}, Fn = /* @__PURE__ */ k({
+}, Ds = /* @__PURE__ */ k({
   __name: "VoUserColors",
-  setup(c) {
-    const t = F(), i = E(), n = O(!1);
+  setup(u) {
+    const t = j(), i = T(), s = N(!1);
     function l() {
       i.colors.one = "surface-light";
     }
     return (a, r) => {
-      const u = On, h = de;
-      return d(), S(N, null, [
-        o(Fe, {
+      const c = Ls, h = de;
+      return d(), S(F, null, [
+        o(je, {
           color: e(t).user ? e(i).colors.one : "surface-light",
           "content-class": "d-flex align-start justify-end pa-2",
           height: "88",
@@ -2607,25 +2582,25 @@ const tt = oe("settings", () => {
           cover: "",
           flat: ""
         }, {
-          default: s(() => [
-            v("div", jn, [
-              o(u),
+          default: n(() => [
+            v("div", Is, [
+              o(c),
               e(t).isSubscriber ? (d(), m(h, {
                 key: 0,
-                active: n.value,
-                icon: n.value ? `svg:${e(ne)}` : "$edit",
-                variant: n.value ? "text" : "plain",
+                active: s.value,
+                icon: s.value ? `svg:${e(se)}` : "$edit",
+                variant: s.value ? "text" : "plain",
                 class: "align-self-end",
                 color: "inherit",
                 density: "comfortable",
                 title: "Edit One Header Color",
-                onClick: r[0] || (r[0] = (p) => n.value = !n.value)
+                onClick: r[0] || (r[0] = (p) => s.value = !s.value)
               }, {
-                default: s(() => [
+                default: n(() => [
                   o(Be, { "leave-absolute": "" }, {
-                    default: s(() => [
+                    default: n(() => [
                       (d(), m(U, {
-                        key: String(n.value)
+                        key: String(s.value)
                       }))
                     ]),
                     _: 1
@@ -2633,12 +2608,12 @@ const tt = oe("settings", () => {
                 ]),
                 _: 1
               }, 8, ["active", "icon", "variant"])) : x("", !0),
-              o(Xt, null, {
-                default: s(() => [
-                  Ne(v("div", Bn, [
+              o(Yt, null, {
+                default: n(() => [
+                  Fe(v("div", As, [
                     o(h, {
                       disabled: e(i).colors.one === "surface-light",
-                      icon: `svg:${e(qt)}`,
+                      icon: `svg:${e(Pt)}`,
                       class: "ms-2 me-1",
                       color: "inherit",
                       density: "comfortable",
@@ -2647,7 +2622,7 @@ const tt = oe("settings", () => {
                       onClick: l
                     }, null, 8, ["disabled", "icon"])
                   ], 512), [
-                    [qe, n.value]
+                    [Pe, s.value]
                   ])
                 ]),
                 _: 1
@@ -2657,8 +2632,8 @@ const tt = oe("settings", () => {
           _: 1
         }, 8, ["color"]),
         o(ue, null, {
-          default: s(() => [
-            n.value ? (d(), m(ro, {
+          default: n(() => [
+            s.value ? (d(), m(io, {
               key: 0,
               "model-value": e(i).colors.one !== "surface-light" ? e(i).colors.one : void 0,
               elevation: "0",
@@ -2678,36 +2653,36 @@ const tt = oe("settings", () => {
       ], 64);
     };
   }
-}), zn = { class: "text-center mt-n9 mb-4" }, En = /* @__PURE__ */ k({
+}), Us = { class: "text-center mt-n9 mb-4" }, Fs = /* @__PURE__ */ k({
   __name: "VoUserMenu",
-  setup(c) {
+  setup(u) {
     const t = q();
-    return (i, n) => {
-      const l = Fn, a = Nn, r = Ln, u = wn, h = bo;
-      return d(), m(lo, {
+    return (i, s) => {
+      const l = Ds, a = Cs, r = ks, c = bs, h = Xe;
+      return d(), m(ao, {
         modelValue: e(t).isOpen,
-        "onUpdate:modelValue": n[0] || (n[0] = (p) => e(t).isOpen = p),
+        "onUpdate:modelValue": s[0] || (s[0] = (p) => e(t).isOpen = p),
         "close-on-click": !1,
         "close-on-content-click": !1,
         activator: "parent",
         location: "bottom end",
         eager: ""
       }, {
-        default: s(() => [
-          o(M, {
+        default: n(() => [
+          o(P, {
             rounded: "lg",
             width: "280",
             border: ""
           }, {
-            default: s(() => [
+            default: n(() => [
               o(l),
-              v("div", zn, [
+              v("div", Us, [
                 o(a),
                 o(r)
               ]),
-              o(P),
-              o(u),
-              o(P),
+              o(E),
+              o(c),
+              o(E),
               o(h)
             ]),
             _: 1
@@ -2717,21 +2692,21 @@ const tt = oe("settings", () => {
       }, 8, ["modelValue"]);
     };
   }
-}), Tn = { key: 0 }, Rn = /* @__PURE__ */ k({
+}), Ns = { key: 0 }, Os = /* @__PURE__ */ k({
   __name: "VoAuthBtn",
   props: {
     external: Boolean
   },
-  setup(c) {
-    const t = F(), i = q(), n = E(), { lgAndUp: l, mdAndDown: a } = ge(), r = L(() => i.isOpen || !t.user ? n.colors.one === "surface-light" ? "primary" : n.colors.one : "surface-light");
-    return (u, h) => {
-      const p = En, g = de, C = uo;
+  setup(u) {
+    const t = j(), i = q(), s = T(), { lgAndUp: l, mdAndDown: a } = ge(), r = L(() => i.isOpen || !t.user ? s.colors.one === "surface-light" ? "primary" : s.colors.one : "surface-light");
+    return (c, h) => {
+      const p = Fs, g = de, C = lo;
       return d(), m(C, {
         "offset-y": e(t).user ? 5 : 0
       }, {
-        default: s(() => [
+        default: n(() => [
           o(g, J({
-            [`${e(l) ? "append-" : ""}icon`]: e(t).user ? void 0 : `svg:${e(Gt)}`
+            [`${e(l) ? "append-" : ""}icon`]: e(t).user ? void 0 : `svg:${e(Et)}`
           }, {
             color: r.value,
             icon: e(t).user || e(t).isLoading,
@@ -2743,11 +2718,11 @@ const tt = oe("settings", () => {
             style: { transition: ".2s ease" },
             active: ""
           }), {
-            default: s(() => [
-              e(t).user ? x("", !0) : (d(), S("span", Tn, "Login")),
+            default: n(() => [
+              e(t).user ? x("", !0) : (d(), S("span", Ns, "Login")),
               e(t).user ? (d(), m(fe, {
                 key: 1,
-                image: e(n).avatar || e(t).user.picture || ""
+                image: e(s).avatar || e(t).user.picture || ""
               }, null, 8, ["image"])) : x("", !0),
               o(p)
             ]),
@@ -2758,12 +2733,12 @@ const tt = oe("settings", () => {
       }, 8, ["offset-y"]);
     };
   }
-}), Hn = (c) => (ct("data-v-86d0e524"), c = c(), ut(), c), Mn = ["href", "title"], Pn = {
+}), Bs = (u) => (at("data-v-86d0e524"), u = u(), rt(), u), js = ["href", "title"], zs = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, Wn = /* @__PURE__ */ Hn(() => /* @__PURE__ */ v("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), qn = /* @__PURE__ */ k({
+}, Ts = /* @__PURE__ */ Bs(() => /* @__PURE__ */ v("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Rs = /* @__PURE__ */ k({
   __name: "VoFooter",
-  setup(c) {
+  setup(u) {
     const t = [
       {
         title: "Vuetify Documentation",
@@ -2772,7 +2747,7 @@ const tt = oe("settings", () => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${Yt}`,
+        icon: `svg:${Wt}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -2782,26 +2757,26 @@ const tt = oe("settings", () => {
       },
       {
         title: "Vuetify GitHub",
-        icon: `svg:${je}`,
+        icon: `svg:${Oe}`,
         href: "https://github.com/vuetifyjs/vuetify"
       },
       {
         title: "Vuetify Discord",
-        icon: `svg:${Oe}`,
+        icon: `svg:${Ne}`,
         href: "https://community.vuetifyjs.com/"
       },
       {
         title: "Vuetify Reddit",
-        icon: `svg:${Qt}`,
+        icon: `svg:${qt}`,
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
-    return (i, n) => (d(), m(co, {
+    return (i, s) => (d(), m(ro, {
       class: "vo-footer",
       height: "40"
     }, {
-      default: s(() => [
-        (d(), S(N, null, se(t, (l) => v("a", {
+      default: n(() => [
+        (d(), S(F, null, ne(t, (l) => v("a", {
           key: l.title,
           href: l.href,
           title: l.title,
@@ -2813,26 +2788,26 @@ const tt = oe("settings", () => {
             icon: l.icon,
             size: l.icon === "$vuetify" ? 24 : 16
           }, null, 8, ["icon", "size"])
-        ], 8, Mn)), 64)),
-        v("div", Pn, [
-          j(" © 2016-" + D((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-          Wn
+        ], 8, js)), 64)),
+        v("div", zs, [
+          O(" © 2016-" + D((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+          Ts
         ])
       ]),
       _: 1
     }));
   }
 });
-const Gn = (c, t) => {
-  const i = c.__vccOpts || c;
-  for (const [n, l] of t)
-    i[n] = l;
+const Hs = (u, t) => {
+  const i = u.__vccOpts || u;
+  for (const [s, l] of t)
+    i[s] = l;
   return i;
-}, Yn = /* @__PURE__ */ Gn(qn, [["__scopeId", "data-v-86d0e524"]]), Ns = oe("bins", () => {
-  const c = F(), t = $e(), i = te([]), n = te(), l = O(!1), a = O(-1), r = L(() => !c.user || !n.value ? !1 : c.user.id === n.value.owner.id), u = L(() => i.value.filter((y) => y.favorite)), h = L(() => i.value.filter((y) => y.pinned));
-  z(n, () => {
+}, Ms = /* @__PURE__ */ Hs(Rs, [["__scopeId", "data-v-86d0e524"]]), In = oe("bins", () => {
+  const u = j(), t = $e(), i = te([]), s = te(), l = N(!1), a = N(-1), r = L(() => !u.user || !s.value ? !1 : u.user.id === s.value.owner.id), c = L(() => i.value.filter((y) => y.favorite)), h = L(() => i.value.filter((y) => y.pinned));
+  z(s, () => {
     window.clearTimeout(a.value), a.value = window.setTimeout(() => {
-      !n.value || !r.value || _(n.value, n.value.id);
+      !s.value || !r.value || _(s.value, s.value.id);
     }, 100);
   }, { deep: !0 });
   async function p() {
@@ -2859,7 +2834,7 @@ const Gn = (c, t) => {
     try {
       l.value = !0;
       const $ = await t.post("/one/bins", { bin: y });
-      return i.value.push($.bin), n.value = $.bin, $;
+      return i.value.push($.bin), s.value = $.bin, $;
     } catch {
     } finally {
       l.value = !1;
@@ -2881,7 +2856,7 @@ const Gn = (c, t) => {
     try {
       l.value = !0;
       const B = $ ? await _(y, $) : await C(y);
-      n.value = B.bin;
+      s.value = B.bin;
     } catch {
     } finally {
       l.value = !1;
@@ -2892,44 +2867,44 @@ const Gn = (c, t) => {
     try {
       l.value = !0;
       const $ = await t.get(`/one/bins/${y}`);
-      n.value = $.bin;
+      s.value = $.bin;
     } catch {
     } finally {
       l.value = !1;
     }
-    return { bin: n.value };
+    return { bin: s.value };
   }
   return {
     isLoading: l,
     isOwner: r,
     pinned: h,
-    favorites: u,
+    favorites: c,
     all: i,
     create: C,
     delete: g,
-    current: n,
+    current: s,
     find: b,
     get: p,
     update: _,
     updateOrCreate: w
   };
 });
-function Os() {
-  function c(t) {
-    t.component("VoAuthBtn", Rn), t.component("VoFooter", Yn);
+function An() {
+  function u(t) {
+    t.component("VoAuthBtn", Os), t.component("VoAuthListItem", Xe), t.component("VoFooter", Ms);
   }
-  return { install: c };
+  return { install: u };
 }
-function js(c) {
-  c.store.url = "https://api.vuetifyjs.com";
+function Dn(u) {
+  u.store.url = "https://api.vuetifyjs.com";
 }
 export {
-  Os as createOne,
-  js as one,
-  F as useAuthStore,
-  Ns as useBinsStore,
+  An as createOne,
+  Dn as one,
+  j as useAuthStore,
+  In as useBinsStore,
   $e as useHttpStore,
   q as useOneStore,
-  tt as useSettingsStore,
-  E as useUserStore
+  Ke as useSettingsStore,
+  T as useUserStore
 };