@vuetify/one 0.2.0 → 0.3.0

package/dist/index.js

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