@vuetify/one 0.6.0 → 0.6.2

package/dist/index.d.ts

@@ -92,7 +92,7 @@ declare const useAuthStore: pinia.StoreDefinition<"auth", pinia._UnwrapAll<Pick<
         }[];
     } | null>;
     url: string;
-    isLoading: vue.Ref<boolean> | vue.ShallowRef<boolean>;
+    isLoading: vue.ShallowRef<boolean>;
     verify: {
         (force?: boolean): Promise<void>;
         promise: Promise<void> | null;
@@ -190,7 +190,7 @@ declare const useAuthStore: pinia.StoreDefinition<"auth", pinia._UnwrapAll<Pick<
         }[];
     } | null>;
     url: string;
-    isLoading: vue.Ref<boolean> | vue.ShallowRef<boolean>;
+    isLoading: vue.ShallowRef<boolean>;
     verify: {
         (force?: boolean): Promise<void>;
         promise: Promise<void> | null;
@@ -288,7 +288,7 @@ declare const useAuthStore: pinia.StoreDefinition<"auth", pinia._UnwrapAll<Pick<
         }[];
     } | null>;
     url: string;
-    isLoading: vue.Ref<boolean> | vue.ShallowRef<boolean>;
+    isLoading: vue.ShallowRef<boolean>;
     verify: {
         (force?: boolean): Promise<void>;
         promise: Promise<void> | null;
@@ -308,6 +308,7 @@ type Bin = {
     visibility: 'private' | 'public';
 };
 declare const useBinsStore: pinia.StoreDefinition<"bins", pinia._UnwrapAll<Pick<{
+    isLoading: vue.ShallowRef<boolean>;
     isOwner: vue.ComputedRef<boolean>;
     pinned: vue.ComputedRef<{
         id: string;
@@ -336,19 +337,27 @@ declare const useBinsStore: pinia.StoreDefinition<"bins", pinia._UnwrapAll<Pick<
     create: (bin: Bin) => Promise<{
         bin: Bin;
     }>;
-    delete: (id: string) => Promise<Response>;
+    delete: (id: string) => Promise<boolean>;
     current: vue.Ref<Bin | undefined>;
     find: (id: string) => Promise<{
-        bin: Bin;
+        bin: Bin | undefined;
     }>;
-    get: () => Promise<Bin[]>;
+    get: () => Promise<{
+        id: string;
+        content: string;
+        favorite: boolean;
+        pinned: boolean;
+        owner: Record<string, unknown>;
+        visibility: 'private' | 'public';
+    }[]>;
     update: (bin: Bin, id: string) => Promise<{
         bin: Bin;
     }>;
     updateOrCreate: (bin: Bin, id?: string) => Promise<{
         bin: Bin;
     }>;
-}, "all" | "current">>, Pick<{
+}, "all" | "isLoading" | "current">>, Pick<{
+    isLoading: vue.ShallowRef<boolean>;
     isOwner: vue.ComputedRef<boolean>;
     pinned: vue.ComputedRef<{
         id: string;
@@ -377,12 +386,19 @@ declare const useBinsStore: pinia.StoreDefinition<"bins", pinia._UnwrapAll<Pick<
     create: (bin: Bin) => Promise<{
         bin: Bin;
     }>;
-    delete: (id: string) => Promise<Response>;
+    delete: (id: string) => Promise<boolean>;
     current: vue.Ref<Bin | undefined>;
     find: (id: string) => Promise<{
-        bin: Bin;
+        bin: Bin | undefined;
     }>;
-    get: () => Promise<Bin[]>;
+    get: () => Promise<{
+        id: string;
+        content: string;
+        favorite: boolean;
+        pinned: boolean;
+        owner: Record<string, unknown>;
+        visibility: 'private' | 'public';
+    }[]>;
     update: (bin: Bin, id: string) => Promise<{
         bin: Bin;
     }>;
@@ -390,6 +406,7 @@ declare const useBinsStore: pinia.StoreDefinition<"bins", pinia._UnwrapAll<Pick<
         bin: Bin;
     }>;
 }, "pinned" | "isOwner" | "favorites">, Pick<{
+    isLoading: vue.ShallowRef<boolean>;
     isOwner: vue.ComputedRef<boolean>;
     pinned: vue.ComputedRef<{
         id: string;
@@ -418,12 +435,19 @@ declare const useBinsStore: pinia.StoreDefinition<"bins", pinia._UnwrapAll<Pick<
     create: (bin: Bin) => Promise<{
         bin: Bin;
     }>;
-    delete: (id: string) => Promise<Response>;
+    delete: (id: string) => Promise<boolean>;
     current: vue.Ref<Bin | undefined>;
     find: (id: string) => Promise<{
-        bin: Bin;
+        bin: Bin | undefined;
     }>;
-    get: () => Promise<Bin[]>;
+    get: () => Promise<{
+        id: string;
+        content: string;
+        favorite: boolean;
+        pinned: boolean;
+        owner: Record<string, unknown>;
+        visibility: 'private' | 'public';
+    }[]>;
     update: (bin: Bin, id: string) => Promise<{
         bin: Bin;
     }>;
@@ -443,6 +467,7 @@ declare const useHttpStore: pinia.StoreDefinition<"http", {
 
 declare const useOneStore: pinia.StoreDefinition<"one", pinia._UnwrapAll<Pick<{
     activate: () => Promise<void>;
+    manage: () => Promise<void>;
     cancel: () => Promise<void>;
     subscribe: () => Promise<void>;
     verify: () => Promise<void>;
@@ -518,10 +543,11 @@ declare const useOneStore: pinia.StoreDefinition<"one", pinia._UnwrapAll<Pick<{
             };
         };
     } | undefined>;
-    isLoading: vue.Ref<boolean> | vue.ShallowRef<boolean>;
+    isLoading: vue.ShallowRef<boolean>;
     isSubscriber: vue.ComputedRef<boolean | undefined>;
 }, "isLoading">>, Pick<{
     activate: () => Promise<void>;
+    manage: () => Promise<void>;
     cancel: () => Promise<void>;
     subscribe: () => Promise<void>;
     verify: () => Promise<void>;
@@ -597,10 +623,11 @@ declare const useOneStore: pinia.StoreDefinition<"one", pinia._UnwrapAll<Pick<{
             };
         };
     } | undefined>;
-    isLoading: vue.Ref<boolean> | vue.ShallowRef<boolean>;
+    isLoading: vue.ShallowRef<boolean>;
     isSubscriber: vue.ComputedRef<boolean | undefined>;
 }, "isSubscriber" | "subscription">, Pick<{
     activate: () => Promise<void>;
+    manage: () => Promise<void>;
     cancel: () => Promise<void>;
     subscribe: () => Promise<void>;
     verify: () => Promise<void>;
@@ -676,9 +703,9 @@ declare const useOneStore: pinia.StoreDefinition<"one", pinia._UnwrapAll<Pick<{
             };
         };
     } | undefined>;
-    isLoading: vue.Ref<boolean> | vue.ShallowRef<boolean>;
+    isLoading: vue.ShallowRef<boolean>;
     isSubscriber: vue.ComputedRef<boolean | undefined>;
-}, "verify" | "cancel" | "activate" | "subscribe">>;
+}, "verify" | "cancel" | "activate" | "manage" | "subscribe">>;
 
 declare const useUserStore: pinia.StoreDefinition<"user", pinia._UnwrapAll<Pick<{
     load: () => void;

package/dist/index.js

@@ -1,51 +1,51 @@
-import { reactive as Y, toRefs as Z, ref as T, shallowRef as H, computed as b, watch as B, defineComponent as S, openBlock as g, createBlock as _, unref as a, withCtx as p, createVNode as f, createTextVNode as A, toDisplayString as N, createCommentVNode as K, mergeProps as Q, createElementVNode as j, createElementBlock as ee, Fragment as te, renderList as oe, pushScopeId as ne, popScopeId as se, onBeforeMount as ie } from "vue";
-import { defineStore as k } from "pinia";
-import { merge as C } from "lodash-es";
-import { mdiDiscord as M, mdiGithub as G, mdiViewDashboard as re, mdiLogoutVariant as ae, mdiLogin as le, mdiShieldStarOutline as ce, mdiReddit as ue } from "@mdi/js";
-import { VListItem as z, VList as J, VListSubheader as de } from "vuetify/lib/components/VList/index.mjs";
-import { VAvatar as fe } from "vuetify/lib/components/VAvatar/index.mjs";
+import { reactive as Y, toRefs as Z, ref as B, shallowRef as j, computed as g, watch as N, defineComponent as $, openBlock as y, createBlock as b, unref as r, withCtx as m, createVNode as v, createTextVNode as D, toDisplayString as U, createCommentVNode as K, mergeProps as Q, createElementVNode as C, createElementBlock as ee, Fragment as te, renderList as ne, pushScopeId as oe, popScopeId as se, onBeforeMount as ie } from "vue";
+import { defineStore as S } from "pinia";
+import { merge as T } from "lodash-es";
+import { mdiDiscord as M, mdiGithub as G, mdiViewDashboard as ae, mdiLogoutVariant as re, mdiLogin as le, mdiShieldStarOutline as ue, mdiReddit as ce } from "@mdi/js";
+import { VListItem as z, VList as J, VListSubheader as fe } from "vuetify/lib/components/VList/index.mjs";
+import { VAvatar as de } from "vuetify/lib/components/VAvatar/index.mjs";
 import { VBtn as W } from "vuetify/lib/components/VBtn/index.mjs";
 import { VMenu as pe } from "vuetify/lib/components/VMenu/index.mjs";
-import { VSkeletonLoader as me } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
-import { useDisplay as ve, useTheme as he } from "vuetify";
+import { VSkeletonLoader as ve } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
+import { useDisplay as me, useTheme as he } from "vuetify";
 import { VCard as ye, VCardTitle as ge, VCardSubtitle as be } from "vuetify/lib/components/VCard/index.mjs";
 import { VDialog as _e } from "vuetify/lib/components/VDialog/index.mjs";
 import { VImg as we } from "vuetify/lib/components/VImg/index.mjs";
 import { VFooter as Le } from "vuetify/lib/components/VFooter/index.mjs";
 import { VIcon as xe } from "vuetify/lib/components/VIcon/index.mjs";
-const U = k("http", {
+const R = S("http", {
   state: () => ({
     url: ""
   }),
   actions: {
-    async fetch(o, t = {}) {
-      const n = await fetch(`${this.url}${o}`, {
+    async fetch(n, t = {}) {
+      const o = await fetch(`${this.url}${n}`, {
         credentials: "include",
         ...t
       });
-      return n.status === 204 ? n : n.json();
+      return o.status === 204 ? o : o.json();
     },
-    async post(o, t, n = {}) {
-      return this.fetch(o, {
+    async post(n, t, o = {}) {
+      return this.fetch(n, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
         body: JSON.stringify(t),
-        ...n
+        ...o
       });
     },
-    async get(o, t = {}) {
-      return this.fetch(o, t);
+    async get(n, t = {}) {
+      return this.fetch(n, t);
     },
-    async delete(o, t = {}) {
-      return this.fetch(o, {
+    async delete(n, t = {}) {
+      return this.fetch(n, {
         method: "DELETE",
         ...t
       });
     }
   }
-}), O = typeof window < "u", P = {
+}), H = typeof window < "u", P = {
   v: 4,
   api: "link-only",
   avatar: "",
@@ -74,156 +74,156 @@ const U = k("http", {
       jobs: null
     }
   }
-}, q = k("user", () => {
-  const o = Y(C({}, P));
+}, q = S("user", () => {
+  const n = Y(T({}, P));
   function t() {
-    if (!O)
+    if (!H)
       return;
-    const r = localStorage.getItem("vuetify@user"), e = r ? JSON.parse(r) : {}, m = e.v === o.v;
-    e.v || (e.pwaRefresh = !0, typeof e.api == "boolean" && (e.api = e.api ? "inline" : "link-only"), typeof e.rtl == "boolean" && (e.direction = e.rtl ? "rtl" : "ltr", delete e.rtl), typeof e.theme == "object" && (e.mixedTheme = e.theme.mixed, e.theme = e.theme.system ? "system" : e.theme.dark ? "dark" : "light"), Array.isArray(e.notifications) && (e.notifications = { read: e.notifications }), typeof e.last == "object" && (e.notifications.last = e.last, delete e.last)), e.v === 1 && (Array.isArray(e.composition) && (e.composition = "composition"), Array.isArray(e.notifications.last.banner) || (e.notifications = e.notifications || {}, e.notifications.last = e.notifications.last || {}, e.notifications.last.banner = [])), e.v === 2 && (e.syncSettings = !0, e.disableAds = !1, e.v = 3), e.v === 3 && (e.quickbar = !1), e.v = o.v, Object.assign(o, C(o, e)), m && n();
+    const s = localStorage.getItem("vuetify@user"), e = s ? JSON.parse(s) : {}, h = e.v === n.v;
+    e.v || (e.pwaRefresh = !0, typeof e.api == "boolean" && (e.api = e.api ? "inline" : "link-only"), typeof e.rtl == "boolean" && (e.direction = e.rtl ? "rtl" : "ltr", delete e.rtl), typeof e.theme == "object" && (e.mixedTheme = e.theme.mixed, e.theme = e.theme.system ? "system" : e.theme.dark ? "dark" : "light"), Array.isArray(e.notifications) && (e.notifications = { read: e.notifications }), typeof e.last == "object" && (e.notifications.last = e.last, delete e.last)), e.v === 1 && (Array.isArray(e.composition) && (e.composition = "composition"), Array.isArray(e.notifications.last.banner) || (e.notifications = e.notifications || {}, e.notifications.last = e.notifications.last || {}, e.notifications.last.banner = [])), e.v === 2 && (e.syncSettings = !0, e.disableAds = !1, e.v = 3), e.v === 3 && (e.quickbar = !1), e.v = n.v, Object.assign(n, T(n, e)), h && o();
   }
-  function n() {
-    O && localStorage.setItem("vuetify@user", JSON.stringify(o, null, 2));
+  function o() {
+    H && localStorage.setItem("vuetify@user", JSON.stringify(n, null, 2));
   }
-  function s() {
-    O && (Object.assign(o, C({}, P)), n());
+  function i() {
+    H && (Object.assign(n, T({}, P)), o());
   }
   return t(), {
-    ...Z(o),
+    ...Z(n),
     load: t,
-    save: n,
-    reset: s
+    save: o,
+    reset: i
   };
-}), L = k("auth", () => {
-  const o = T(null), t = U(), n = q(), s = H(!1), r = b(() => {
-    var i, l;
-    return !t.url || ((i = o.value) == null ? void 0 : i.isAdmin) || ((l = o.value) == null ? void 0 : l.sponsorships.some((w) => w.isActive));
+}), w = S("auth", () => {
+  const n = B(null), t = R(), o = q(), i = j(!1), s = g(() => {
+    var l, a;
+    return !t.url || ((l = n.value) == null ? void 0 : l.isAdmin) || ((a = n.value) == null ? void 0 : a.sponsorships.some((d) => d.isActive));
   });
   let e = !1;
-  B(o, (i) => {
-    if (!(i != null && i.settings))
+  N(n, (l) => {
+    if (!(l != null && l.settings))
       return;
-    const l = localStorage.getItem("vuetify@user") || "{}";
-    JSON.stringify(i.settings, null, 2) !== l && (e = !0, Object.assign(n, i.settings));
-  }), n.$subscribe(() => {
-    e || m(), e = !1;
+    const a = localStorage.getItem("vuetify@user") || "{}";
+    JSON.stringify(l.settings, null, 2) !== a && (e = !0, Object.assign(o, l.settings));
+  }), o.$subscribe(() => {
+    e || h(), e = !1;
   });
-  async function m() {
+  async function h() {
     try {
-      await t.post("/user/settings", { settings: n.$state });
-    } catch (i) {
-      console.error(i);
+      await t.post("/user/settings", { settings: o.$state });
+    } catch (l) {
+      console.error(l);
     }
   }
-  async function u(i = !1) {
-    if (u.promise)
-      return u.promise;
-    s.value = !0, u.promise = fetch(`${t.url}/auth/verify`, {
+  async function f(l = !1) {
+    if (f.promise)
+      return f.promise;
+    i.value = !0, f.promise = fetch(`${t.url}/auth/verify`, {
       credentials: "include",
-      headers: i ? {
+      headers: l ? {
         "Cache-Control": "no-cache"
       } : void 0
     }).then(
-      async (l) => {
-        l.ok ? o.value = (await l.json()).user : l.status === 401 ? o.value = null : console.error(l.statusText);
+      async (a) => {
+        a.ok ? n.value = (await a.json()).user : a.status === 401 ? n.value = null : console.error(a.statusText);
       },
       () => {
       }
     ).finally(() => {
-      s.value = !1, u.promise = null;
+      i.value = !1, f.promise = null;
     });
   }
-  u.promise = null;
-  async function x(i = "github") {
-    s.value = !0;
-    const l = `${t.url}/auth/${i}/redirect`, w = 400, c = 600, d = window.screenX + (window.innerWidth - w) / 2, h = window.screenY + (window.innerHeight - c) / 2, v = window.open(
+  f.promise = null;
+  async function L(l = "github") {
+    i.value = !0;
+    const a = `${t.url}/auth/${l}/redirect`, d = 400, k = 600, u = window.screenX + (window.innerWidth - d) / 2, c = window.screenY + (window.innerHeight - k) / 2, p = window.open(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${d},top=${h},width=${w},height=${c},resizable`
+      `popup,left=${u},top=${c},width=${d},height=${k},resizable`
     );
-    if (!v) {
+    if (!p) {
       console.error("Failed to open popup");
       return;
     }
-    v.location.href = l;
-    let I = -1, R = -1;
-    function E($) {
+    p.location.href = a;
+    let I = -1, A = -1;
+    function E(V) {
       var F;
-      $.origin === t.url && ((F = $.data) == null ? void 0 : F.type) === "auth-response" && ($.data.status === "success" ? (o.value || localStorage.setItem("vuetify@lastLoginProvider", i), o.value = $.data.body.user) : console.error($.data.message), D());
+      V.origin === t.url && ((F = V.data) == null ? void 0 : F.type) === "auth-response" && (V.data.status === "success" ? (n.value || localStorage.setItem("vuetify@lastLoginProvider", l), n.value = V.data.body.user) : console.error(V.data.message), O());
     }
-    function D() {
-      window.removeEventListener("message", E), window.clearInterval(I), window.clearTimeout(R), v == null || v.close(), s.value = !1;
+    function O() {
+      window.removeEventListener("message", E), window.clearInterval(I), window.clearTimeout(A), p == null || p.close(), i.value = !1;
     }
     window.addEventListener("message", E), I = window.setInterval(() => {
-      !v || v.closed ? (console.error("Auth popup closed"), D()) : v.postMessage({ type: "auth-request" }, "*");
-    }, 1e3), R = window.setTimeout(() => {
-      D(), console.error("Auth timed out");
+      !p || p.closed ? (console.error("Auth popup closed"), O()) : p.postMessage({ type: "auth-request" }, "*");
+    }, 1e3), A = window.setTimeout(() => {
+      O(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
-  async function V() {
-    s.value = !0;
+  async function x() {
+    i.value = !0;
     try {
-      await t.post("/auth/logout"), await u(!0), o.value = null;
-    } catch (i) {
-      console.error(i);
+      await t.post("/auth/logout"), await f(!0), n.value = null;
+    } catch (l) {
+      console.error(l);
     } finally {
-      s.value = !1;
+      i.value = !1;
     }
   }
-  function y() {
+  function _() {
     return localStorage.getItem("vuetify@lastLoginProvider");
   }
-  return y() && u(), {
-    user: o,
+  return _() && f(), {
+    user: n,
     url: t.url,
-    isLoading: s,
-    verify: u,
-    login: x,
-    logout: V,
-    isSubscriber: r,
-    lastLoginProvider: y
+    isLoading: i,
+    verify: f,
+    login: L,
+    logout: x,
+    isSubscriber: s,
+    lastLoginProvider: _
   };
-}), Ve = /* @__PURE__ */ S({
+}), Ve = /* @__PURE__ */ $({
   __name: "VoDiscordLogin",
-  setup(o) {
-    const t = L();
-    return (n, s) => (g(), _(z, {
-      "prepend-icon": `svg:${a(M)}`,
-      title: a(t).user ? "Connect Discord" : "Log in with Discord",
-      subtitle: !a(t).user && a(t).lastLoginProvider() === "discord" ? "Last Used" : "",
+  setup(n) {
+    const t = w();
+    return (o, i) => (y(), b(z, {
+      "prepend-icon": `svg:${r(M)}`,
+      title: r(t).user ? "Connect Discord" : "Log in with Discord",
+      subtitle: !r(t).user && r(t).lastLoginProvider() === "discord" ? "Last Used" : "",
       nav: "",
       "base-color": "#5865F2",
       slim: "",
       variant: "flat",
-      onClick: s[0] || (s[0] = (r) => a(t).login("discord"))
+      onClick: i[0] || (i[0] = (s) => r(t).login("discord"))
     }, null, 8, ["prepend-icon", "title", "subtitle"]));
   }
-}), $e = /* @__PURE__ */ S({
+}), $e = /* @__PURE__ */ $({
   __name: "VoGithubLogin",
-  setup(o) {
-    const t = L();
-    return (n, s) => (g(), _(z, {
-      "prepend-icon": `svg:${a(G)}`,
-      title: a(t).user ? "Connect GitHub" : "Log in with GitHub",
-      subtitle: !a(t).user && a(t).lastLoginProvider() === "github" ? "Last Used" : "",
+  setup(n) {
+    const t = w();
+    return (o, i) => (y(), b(z, {
+      "prepend-icon": `svg:${r(G)}`,
+      title: r(t).user ? "Connect GitHub" : "Log in with GitHub",
+      subtitle: !r(t).user && r(t).lastLoginProvider() === "github" ? "Last Used" : "",
       "base-color": "#2a2a2a",
       nav: "",
       slim: "",
       variant: "flat",
-      onClick: s[0] || (s[0] = (r) => a(t).login("github"))
+      onClick: i[0] || (i[0] = (s) => r(t).login("github"))
     }, null, 8, ["prepend-icon", "title", "subtitle"]));
   }
-}), Se = /* @__PURE__ */ S({
+}), Se = /* @__PURE__ */ $({
   __name: "VoUserBtn",
   props: {
     external: Boolean
   },
-  setup(o) {
-    const t = o, n = L(), s = q(), r = b(() => [
+  setup(n) {
+    const t = n, o = w(), i = q(), s = g(() => [
       { title: "Options", type: "subheader" },
       {
         title: "My Dashboard",
-        appendIcon: `svg:${re}`,
+        appendIcon: `svg:${ae}`,
         to: t.external ? void 0 : "/user/dashboard",
         href: t.external ? "https://vuetifyjs.com/user/dashboard/" : void 0,
         target: t.external ? "_blank" : void 0
@@ -236,38 +236,38 @@ const U = k("http", {
       },
       {
         title: "Logout",
-        appendIcon: `svg:${ae}`,
+        appendIcon: `svg:${re}`,
         onClick: () => {
-          n.logout();
+          o.logout();
         }
       }
     ]);
-    return (e, m) => (g(), _(W, {
+    return (e, h) => (y(), b(W, {
       class: "vo-user-btn",
-      loading: a(n).isLoading,
+      loading: r(o).isLoading,
       icon: ""
     }, {
-      loader: p(() => [
-        f(me, { type: "avatar" })
+      loader: m(() => [
+        v(ve, { type: "avatar" })
       ]),
-      default: p(() => [
-        f(pe, {
-          disabled: !a(n).user || a(n).isLoading,
+      default: m(() => [
+        v(pe, {
+          disabled: !r(o).user || r(o).isLoading,
           activator: "parent",
           location: "bottom end"
         }, {
-          default: p(() => [
-            f(J, {
-              items: r.value,
+          default: m(() => [
+            v(J, {
+              items: s.value,
               lines: !1,
               density: "compact",
               "item-props": "",
               nav: ""
             }, {
-              subheader: p(({ props: u }) => [
-                f(de, { class: "text-high-emphasis text-uppercase font-weight-black" }, {
-                  default: p(() => [
-                    A(N(u.title), 1)
+              subheader: m(({ props: f }) => [
+                v(fe, { class: "text-high-emphasis text-uppercase font-weight-black" }, {
+                  default: m(() => [
+                    D(U(f.title), 1)
                   ]),
                   _: 2
                 }, 1024)
@@ -277,70 +277,70 @@ const U = k("http", {
           ]),
           _: 1
         }, 8, ["disabled"]),
-        a(n).user ? (g(), _(fe, {
+        r(o).user ? (y(), b(de, {
           key: 0,
-          image: a(s).avatar || a(n).user.picture || ""
+          image: r(i).avatar || r(o).user.picture || ""
         }, null, 8, ["image"])) : K("", !0)
       ]),
       _: 1
     }, 8, ["loading"]));
   }
 });
-const X = (o, t) => {
-  const n = o.__vccOpts || o;
-  for (const [s, r] of t)
-    n[s] = r;
-  return n;
-}, ke = /* @__PURE__ */ X(Se, [["__scopeId", "data-v-aeb16535"]]), Ie = { class: "text-center mb-6" }, Ae = /* @__PURE__ */ S({
+const X = (n, t) => {
+  const o = n.__vccOpts || n;
+  for (const [i, s] of t)
+    o[i] = s;
+  return o;
+}, ke = /* @__PURE__ */ X(Se, [["__scopeId", "data-v-aeb16535"]]), Ie = { class: "text-center mb-6" }, Ae = /* @__PURE__ */ $({
   __name: "VoAuthDialog",
-  setup(o) {
-    const t = L(), { mdAndDown: n, lgAndUp: s } = ve(), r = he();
-    return (e, m) => !a(t).user && !a(t).isLoading ? (g(), _(_e, {
+  setup(n) {
+    const t = w(), { mdAndDown: o, lgAndUp: i } = me(), s = he();
+    return (e, h) => !r(t).user && !r(t).isLoading ? (y(), b(_e, {
       key: 0,
       "max-width": "480"
     }, {
-      activator: p(({ props: u }) => [
-        f(W, Q({
-          ...u,
-          [`${a(s) ? "append-" : ""}icon`]: `svg:${a(le)}`,
-          text: a(s) ? "Login" : void 0
+      activator: m(({ props: f }) => [
+        v(W, Q({
+          ...f,
+          [`${r(i) ? "append-" : ""}icon`]: `svg:${r(le)}`,
+          text: r(i) ? "Login" : void 0
         }, {
-          rounded: a(n),
+          rounded: r(o),
           class: "text-none",
           color: "primary",
           variant: "outlined"
         }), null, 16, ["rounded"])
       ]),
-      default: p(() => [
-        f(ye, { class: "pt-6 pb-1 pb-sm-4 px-4 px-sm-8" }, {
-          default: p(() => [
-            f(we, {
-              src: `https://cdn.vuetifyjs.com/docs/images/logos/vuetify-logo-v3-slim-text-${a(r).name.value}.svg`,
+      default: m(() => [
+        v(ye, { class: "pt-6 pb-1 pb-sm-4 px-4 px-sm-8" }, {
+          default: m(() => [
+            v(we, {
+              src: `https://cdn.vuetifyjs.com/docs/images/logos/vuetify-logo-v3-slim-text-${r(s).name.value}.svg`,
               class: "mb-4",
               height: "30"
             }, null, 8, ["src"]),
-            j("div", Ie, [
-              f(ge, { class: "text-h5 mb-1 text-md-h4 font-weight-bold" }, {
-                default: p(() => [
-                  A(N(a(t).lastLoginProvider() ? "Welcome Back" : "Log in to Vuetify"), 1)
+            C("div", Ie, [
+              v(ge, { class: "text-h5 mb-1 text-md-h4 font-weight-bold" }, {
+                default: m(() => [
+                  D(U(r(t).lastLoginProvider() ? "Welcome Back" : "Log in to Vuetify"), 1)
                 ]),
                 _: 1
               }),
-              f(be, { class: "text-wrap" }, {
-                default: p(() => [
-                  A(" Sign in with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
+              v(be, { class: "text-wrap" }, {
+                default: m(() => [
+                  D(" Sign in with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
                 ]),
                 _: 1
               })
             ]),
-            f(J, {
+            v(J, {
               class: "mx-auto",
               "max-width": "300",
               width: "100%"
             }, {
-              default: p(() => [
-                f($e, { class: "mb-3" }),
-                f(Ve)
+              default: m(() => [
+                v($e, { class: "mb-3" }),
+                v(Ve)
               ]),
               _: 1
             })
@@ -349,14 +349,14 @@ const X = (o, t) => {
         })
       ]),
       _: 1
-    })) : (g(), _(ke, { key: 1 }));
+    })) : (y(), b(ke, { key: 1 }));
   }
-}), je = (o) => (ne("data-v-b66944c0"), o = o(), se(), o), De = ["href", "title"], Ce = {
+}), je = (n) => (oe("data-v-b66944c0"), n = n(), se(), n), De = ["href", "title"], Ce = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, Oe = /* @__PURE__ */ je(() => /* @__PURE__ */ j("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Te = /* @__PURE__ */ S({
+}, Oe = /* @__PURE__ */ je(() => /* @__PURE__ */ C("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Te = /* @__PURE__ */ $({
   __name: "VoFooter",
-  setup(o) {
+  setup(n) {
     const t = [
       {
         title: "Vuetify Documentation",
@@ -365,7 +365,7 @@ const X = (o, t) => {
       },
       {
         title: "Vuetify Support",
-        icon: `svg:${ce}`,
+        icon: `svg:${ue}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -385,31 +385,31 @@ const X = (o, t) => {
       },
       {
         title: "Vuetify Reddit",
-        icon: `svg:${ue}`,
+        icon: `svg:${ce}`,
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
-    return (n, s) => (g(), _(Le, {
+    return (o, i) => (y(), b(Le, {
       class: "vo-footer",
       theme: "dark",
       height: "40"
     }, {
-      default: p(() => [
-        (g(), ee(te, null, oe(t, (r) => j("a", {
-          key: r.title,
-          href: r.href,
-          title: r.title,
+      default: m(() => [
+        (y(), ee(te, null, ne(t, (s) => C("a", {
+          key: s.title,
+          href: s.href,
+          title: s.title,
           class: "d-inline-block mx-2 social-link",
           target: "_blank",
           rel: "noopener noreferrer"
         }, [
-          f(xe, {
-            icon: r.icon,
-            size: r.icon === "$vuetify" ? 24 : 16
+          v(xe, {
+            icon: s.icon,
+            size: s.icon === "$vuetify" ? 24 : 16
           }, null, 8, ["icon", "size"])
         ], 8, De)), 64)),
-        j("div", Ce, [
-          A(" © 2016-" + N((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+        C("div", Ce, [
+          D(" © 2016-" + U((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
           Oe
         ])
       ]),
@@ -417,129 +417,172 @@ const X = (o, t) => {
     }));
   }
 });
-const He = /* @__PURE__ */ X(Te, [["__scopeId", "data-v-b66944c0"]]), Ze = k("bins", () => {
-  const o = L(), t = U(), n = T([]), s = T(), r = H(-1), e = b(() => !o.user || !s.value ? !1 : o.user.id === s.value.owner.id), m = b(() => n.value.filter((c) => c.favorite)), u = b(() => n.value.filter((c) => c.pinned));
-  B(() => s, () => {
-    window.clearTimeout(r.value), r.value = window.setTimeout(() => {
-      !s.value || !e.value || i(s.value, s.value.id);
+const He = /* @__PURE__ */ X(Te, [["__scopeId", "data-v-b66944c0"]]), Ze = S("bins", () => {
+  const n = w(), t = R(), o = B([]), i = B(), s = j(!1), e = j(-1), h = g(() => !n.user || !i.value ? !1 : n.user.id === i.value.owner.id), f = g(() => o.value.filter((u) => u.favorite)), L = g(() => o.value.filter((u) => u.pinned));
+  N(i, () => {
+    window.clearTimeout(e.value), e.value = window.setTimeout(() => {
+      !i.value || !h.value || a(i.value, i.value.id);
     }, 100);
   }, { deep: !0 });
   async function x() {
-    const c = await t.get("/one/bins");
-    return n.value = c.bins, c.bins;
+    try {
+      s.value = !0;
+      const u = await t.get("/one/bins");
+      o.value = u.bins;
+    } catch {
+    } finally {
+      s.value = !1;
+    }
+    return o.value;
   }
-  async function V(c) {
-    const d = await t.delete(`/one/bins/${c}`);
-    return n.value = n.value.filter((h) => h.id !== c), d;
+  async function _(u) {
+    try {
+      s.value = !0, await t.delete(`/one/bins/${u}`), o.value = o.value.filter((c) => c.id !== u);
+    } catch {
+    } finally {
+      s.value = !1;
+    }
+    return !0;
   }
-  async function y(c) {
-    const d = await t.post("/one/bins", { bin: c });
-    return n.value.push(d.bin), s.value = d.bin, d;
+  async function l(u) {
+    try {
+      s.value = !0;
+      const c = await t.post("/one/bins", { bin: u });
+      return o.value.push(c.bin), i.value = c.bin, c;
+    } catch {
+    } finally {
+      s.value = !1;
+    }
+    return { bin: u };
   }
-  async function i(c, d) {
-    const h = await t.post(`/one/bins/${d}`, { bin: c }), v = n.value.findIndex((I) => I.id === d);
-    return n.value.splice(v, 1, h.bin), h;
+  async function a(u, c) {
+    try {
+      s.value = !0;
+      const p = await t.post(`/one/bins/${c}`, { bin: u }), I = o.value.findIndex((A) => A.id === c);
+      o.value.splice(I, 1, p.bin);
+    } catch {
+    } finally {
+      s.value = !1;
+    }
+    return { bin: u };
   }
-  async function l(c, d) {
-    const h = d ? await i(c, d) : await y(c);
-    return s.value = h.bin, h;
+  async function d(u, c) {
+    try {
+      s.value = !0;
+      const p = c ? await a(u, c) : await l(u);
+      i.value = p.bin;
+    } catch {
+    } finally {
+      s.value = !1;
+    }
+    return { bin: u };
   }
-  async function w(c) {
-    const d = await t.get(`/one/bins/${c}`);
-    return s.value = d.bin, d;
+  async function k(u) {
+    try {
+      s.value = !0;
+      const c = await t.get(`/one/bins/${u}`);
+      i.value = c.bin;
+    } catch {
+    } finally {
+      s.value = !1;
+    }
+    return { bin: i.value };
   }
   return {
-    isOwner: e,
-    pinned: u,
-    favorites: m,
-    all: n,
-    create: y,
-    delete: V,
-    current: s,
-    find: w,
+    isLoading: s,
+    isOwner: h,
+    pinned: L,
+    favorites: f,
+    all: o,
+    create: l,
+    delete: _,
+    current: i,
+    find: k,
     get: x,
-    update: i,
-    updateOrCreate: l
+    update: a,
+    updateOrCreate: d
   };
-}), Ke = k("one", () => {
-  const t = new URLSearchParams(window.location.search).get("session_id"), n = L(), s = U(), r = H(!1), e = b(() => {
-    var i;
-    return (i = n.user) == null ? void 0 : i.sponsorships.find((l) => l.platform === "stripe" && l.tierName.startsWith("sub_"));
-  }), m = b(() => {
-    var i;
-    return (i = e.value) == null ? void 0 : i.isActive;
+}), Ke = S("one", () => {
+  const t = new URLSearchParams(window.location.search).get("session_id"), o = w(), i = R(), s = j(!1), e = g(() => {
+    var a;
+    return (a = o.user) == null ? void 0 : a.sponsorships.find((d) => d.platform === "stripe" && d.tierName.startsWith("sub_"));
+  }), h = g(() => {
+    var a;
+    return (a = e.value) == null ? void 0 : a.isActive;
   });
   ie(async () => {
-    t && await u();
-  }), B(m, (i) => {
-    i && y();
-  });
-  async function u() {
+    t && await f();
+  }), N(h, l);
+  async function f() {
     try {
-      r.value = !0;
-      const i = await s.post("/one/activate", { sessionId: t });
-      n.user = i.user;
+      s.value = !0;
+      const a = await i.post("/one/activate", { sessionId: t });
+      o.user = a.user;
     } catch {
     } finally {
-      r.value = !1;
+      s.value = !1;
     }
   }
+  async function L() {
+    s.value = !0, window.location.href = `${i.url}/one/manage`;
+  }
   async function x() {
-    r.value = !0, window.location.href = `${s.url}/one/subscribe`;
+    s.value = !0, window.location.href = `${i.url}/one/subscribe`;
   }
-  async function V() {
-    var i;
+  async function _() {
+    var a;
     if (e.value)
       try {
-        r.value = !0;
-        const l = await s.post(
-          `/one/cancel?subscriptionId=${(i = e.value) == null ? void 0 : i.tierName}`
+        s.value = !0;
+        const d = await i.post(
+          `/one/cancel?subscriptionId=${(a = e.value) == null ? void 0 : a.tierName}`
         );
-        n.user = l.user;
+        o.user = d.user;
       } catch {
       } finally {
-        r.value = !1;
+        s.value = !1;
       }
   }
-  async function y() {
-    var i;
+  async function l() {
+    var a;
     if (e.value)
       try {
-        r.value = !0;
-        const l = await s.post(
-          `/one/verify?subscriptionId=${(i = e.value) == null ? void 0 : i.tierName}`
+        s.value = !0;
+        const d = await i.post(
+          `/one/verify?subscriptionId=${(a = e.value) == null ? void 0 : a.tierName}`
         );
-        n.user = l.user;
+        o.user = d.user;
       } catch {
       } finally {
-        r.value = !1;
+        s.value = !1;
       }
   }
   return {
-    activate: u,
-    cancel: V,
+    activate: f,
+    manage: L,
+    cancel: _,
     subscribe: x,
-    verify: y,
+    verify: l,
     subscription: e,
-    isLoading: r,
-    isSubscriber: m
+    isLoading: s,
+    isSubscriber: h
   };
 });
 function Qe() {
-  function o(t) {
+  function n(t) {
     t.component("VoAuthDialog", Ae), t.component("VoFooter", He);
   }
-  return { install: o };
+  return { install: n };
 }
-function et(o) {
-  o.store.url = "https://api.vuetifyjs.com";
+function et(n) {
+  n.store.url = "https://api.vuetifyjs.com";
 }
 export {
   Qe as createOne,
   et as one,
-  L as useAuthStore,
+  w as useAuthStore,
   Ze as useBinsStore,
-  U as useHttpStore,
+  R as useHttpStore,
   Ke as useOneStore,
   q as useUserStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuetify/one",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "private": false,
   "type": "module",
   "license": "MIT",