@vuetify/one 0.4.0 → 0.6.0

package/dist/index.d.ts

@@ -309,6 +309,22 @@ type Bin = {
 };
 declare const useBinsStore: pinia.StoreDefinition<"bins", pinia._UnwrapAll<Pick<{
     isOwner: vue.ComputedRef<boolean>;
+    pinned: vue.ComputedRef<{
+        id: string;
+        content: string;
+        favorite: boolean;
+        pinned: boolean;
+        owner: Record<string, unknown>;
+        visibility: 'private' | 'public';
+    }[]>;
+    favorites: vue.ComputedRef<{
+        id: string;
+        content: string;
+        favorite: boolean;
+        pinned: boolean;
+        owner: Record<string, unknown>;
+        visibility: 'private' | 'public';
+    }[]>;
     all: vue.Ref<{
         id: string;
         content: string;
@@ -334,6 +350,22 @@ declare const useBinsStore: pinia.StoreDefinition<"bins", pinia._UnwrapAll<Pick<
     }>;
 }, "all" | "current">>, Pick<{
     isOwner: vue.ComputedRef<boolean>;
+    pinned: vue.ComputedRef<{
+        id: string;
+        content: string;
+        favorite: boolean;
+        pinned: boolean;
+        owner: Record<string, unknown>;
+        visibility: 'private' | 'public';
+    }[]>;
+    favorites: vue.ComputedRef<{
+        id: string;
+        content: string;
+        favorite: boolean;
+        pinned: boolean;
+        owner: Record<string, unknown>;
+        visibility: 'private' | 'public';
+    }[]>;
     all: vue.Ref<{
         id: string;
         content: string;
@@ -357,8 +389,24 @@ declare const useBinsStore: pinia.StoreDefinition<"bins", pinia._UnwrapAll<Pick<
     updateOrCreate: (bin: Bin, id?: string) => Promise<{
         bin: Bin;
     }>;
-}, "isOwner">, Pick<{
+}, "pinned" | "isOwner" | "favorites">, Pick<{
     isOwner: vue.ComputedRef<boolean>;
+    pinned: vue.ComputedRef<{
+        id: string;
+        content: string;
+        favorite: boolean;
+        pinned: boolean;
+        owner: Record<string, unknown>;
+        visibility: 'private' | 'public';
+    }[]>;
+    favorites: vue.ComputedRef<{
+        id: string;
+        content: string;
+        favorite: boolean;
+        pinned: boolean;
+        owner: Record<string, unknown>;
+        visibility: 'private' | 'public';
+    }[]>;
     all: vue.Ref<{
         id: string;
         content: string;
@@ -650,6 +698,7 @@ declare const useUserStore: pinia.StoreDefinition<"user", pinia._UnwrapAll<Pick<
     direction: vue.Ref<"ltr" | "rtl">;
     quickbar: vue.Ref<boolean>;
     railDrawer: vue.Ref<boolean>;
+    pins: vue.Ref<boolean>;
     pinned: vue.Ref<Record<string, unknown>[]>;
     notifications: vue.Ref<{
         show: boolean;
@@ -663,7 +712,7 @@ declare const useUserStore: pinia.StoreDefinition<"user", pinia._UnwrapAll<Pick<
             jobs: null | number;
         };
     }>;
-}, "direction" | "composition" | "v" | "api" | "avatar" | "dev" | "disableAds" | "pwaRefresh" | "slashSearch" | "syncSettings" | "theme" | "mixedTheme" | "quickbar" | "railDrawer" | "pinned" | "notifications">>, Pick<{
+}, "direction" | "composition" | "v" | "api" | "avatar" | "dev" | "disableAds" | "pwaRefresh" | "slashSearch" | "syncSettings" | "theme" | "mixedTheme" | "quickbar" | "railDrawer" | "pins" | "pinned" | "notifications">>, Pick<{
     load: () => void;
     save: () => void;
     reset: () => void;
@@ -681,6 +730,7 @@ declare const useUserStore: pinia.StoreDefinition<"user", pinia._UnwrapAll<Pick<
     direction: vue.Ref<"ltr" | "rtl">;
     quickbar: vue.Ref<boolean>;
     railDrawer: vue.Ref<boolean>;
+    pins: vue.Ref<boolean>;
     pinned: vue.Ref<Record<string, unknown>[]>;
     notifications: vue.Ref<{
         show: boolean;
@@ -712,6 +762,7 @@ declare const useUserStore: pinia.StoreDefinition<"user", pinia._UnwrapAll<Pick<
     direction: vue.Ref<"ltr" | "rtl">;
     quickbar: vue.Ref<boolean>;
     railDrawer: vue.Ref<boolean>;
+    pins: vue.Ref<boolean>;
     pinned: vue.Ref<Record<string, unknown>[]>;
     notifications: vue.Ref<{
         show: boolean;

package/dist/index.js

@@ -1,6 +1,6 @@
-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 { 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";
@@ -13,26 +13,26 @@ 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", {
+const U = k("http", {
   state: () => ({
     url: ""
   }),
   actions: {
     async fetch(o, t = {}) {
-      const s = await fetch(`${this.url}${o}`, {
+      const n = await fetch(`${this.url}${o}`, {
         credentials: "include",
         ...t
       });
-      return s.status === 204 ? s : s.json();
+      return n.status === 204 ? n : n.json();
     },
-    async post(o, t, s = {}) {
+    async post(o, t, n = {}) {
       return this.fetch(o, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
         body: JSON.stringify(t),
-        ...s
+        ...n
       });
     },
     async get(o, t = {}) {
@@ -45,7 +45,7 @@ const N = $("http", {
       });
     }
   }
-}), C = typeof window < "u", P = {
+}), O = typeof window < "u", P = {
   v: 4,
   api: "link-only",
   avatar: "",
@@ -56,6 +56,7 @@ const N = $("http", {
   theme: "system",
   mixedTheme: !0,
   direction: "ltr",
+  pins: !1,
   pinned: [],
   slashSearch: !1,
   syncSettings: !0,
@@ -73,43 +74,43 @@ const N = $("http", {
       jobs: null
     }
   }
-}, q = $("user", () => {
-  const o = Y(D({}, P));
+}, q = k("user", () => {
+  const o = Y(C({}, P));
   function t() {
-    if (!C)
+    if (!O)
       return;
-    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() {
-    C && localStorage.setItem("vuetify@user", JSON.stringify(o, null, 2));
+    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();
   }
   function n() {
-    C && (Object.assign(o, D({}, P)), s());
+    O && localStorage.setItem("vuetify@user", JSON.stringify(o, null, 2));
+  }
+  function s() {
+    O && (Object.assign(o, C({}, P)), n());
   }
   return t(), {
     ...Z(o),
     load: t,
-    save: s,
-    reset: n
+    save: n,
+    reset: s
   };
-}), 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));
+}), 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));
   });
   let e = !1;
-  H(o, (i) => {
+  B(o, (i) => {
     if (!(i != null && i.settings))
       return;
-    const r = localStorage.getItem("vuetify@user") || "{}";
-    JSON.stringify(i.settings, null, 2) !== r && (e = !0, Object.assign(s, i.settings));
-  }), s.$subscribe(() => {
-    e || p(), e = !1;
+    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;
   });
-  async function p() {
+  async function m() {
     try {
-      await t.post("/user/settings", { settings: s.$state });
+      await t.post("/user/settings", { settings: n.$state });
     } catch (i) {
       console.error(i);
     }
@@ -117,108 +118,108 @@ const N = $("http", {
   async function u(i = !1) {
     if (u.promise)
       return u.promise;
-    n.value = !0, u.promise = fetch(`${t.url}/auth/verify`, {
+    s.value = !0, u.promise = fetch(`${t.url}/auth/verify`, {
       credentials: "include",
       headers: i ? {
         "Cache-Control": "no-cache"
       } : void 0
     }).then(
-      async (r) => {
-        r.ok ? o.value = (await r.json()).user : r.status === 401 ? o.value = null : console.error(r.statusText);
+      async (l) => {
+        l.ok ? o.value = (await l.json()).user : l.status === 401 ? o.value = null : console.error(l.statusText);
       },
       () => {
       }
     ).finally(() => {
-      n.value = !1, u.promise = null;
+      s.value = !1, u.promise = null;
     });
   }
   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(
+  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(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${I},top=${A},width=${c},height=${m},resizable`
+      `popup,left=${d},top=${h},width=${w},height=${c},resizable`
     );
     if (!v) {
       console.error("Failed to open popup");
       return;
     }
-    v.location.href = r;
-    let U = -1, R = -1;
-    function E(L) {
+    v.location.href = l;
+    let I = -1, R = -1;
+    function E($) {
       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());
+      $.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());
     }
-    function j() {
-      window.removeEventListener("message", E), window.clearInterval(U), window.clearTimeout(R), v == null || v.close(), n.value = !1;
+    function D() {
+      window.removeEventListener("message", E), window.clearInterval(I), window.clearTimeout(R), v == null || v.close(), s.value = !1;
     }
-    window.addEventListener("message", E), U = window.setInterval(() => {
-      !v || v.closed ? (console.error("Auth popup closed"), j()) : v.postMessage({ type: "auth-request" }, "*");
+    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(() => {
-      j(), console.error("Auth timed out");
+      D(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
-  async function y() {
-    n.value = !0;
+  async function V() {
+    s.value = !0;
     try {
       await t.post("/auth/logout"), await u(!0), o.value = null;
     } catch (i) {
       console.error(i);
     } finally {
-      n.value = !1;
+      s.value = !1;
     }
   }
-  function g() {
+  function y() {
     return localStorage.getItem("vuetify@lastLoginProvider");
   }
-  return g() && u(), {
+  return y() && u(), {
     user: o,
     url: t.url,
-    isLoading: n,
+    isLoading: s,
     verify: u,
-    login: _,
-    logout: y,
-    isSubscriber: a,
-    lastLoginProvider: g
+    login: x,
+    logout: V,
+    isSubscriber: r,
+    lastLoginProvider: y
   };
-}), Ve = /* @__PURE__ */ V({
+}), Ve = /* @__PURE__ */ S({
   __name: "VoDiscordLogin",
   setup(o) {
-    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" : "",
+    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" : "",
       nav: "",
       "base-color": "#5865F2",
       slim: "",
       variant: "flat",
-      onClick: n[0] || (n[0] = (a) => l(t).login("discord"))
+      onClick: s[0] || (s[0] = (r) => a(t).login("discord"))
     }, null, 8, ["prepend-icon", "title", "subtitle"]));
   }
-}), $e = /* @__PURE__ */ V({
+}), $e = /* @__PURE__ */ S({
   __name: "VoGithubLogin",
   setup(o) {
-    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" : "",
+    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" : "",
       "base-color": "#2a2a2a",
       nav: "",
       slim: "",
       variant: "flat",
-      onClick: n[0] || (n[0] = (a) => l(t).login("github"))
+      onClick: s[0] || (s[0] = (r) => a(t).login("github"))
     }, null, 8, ["prepend-icon", "title", "subtitle"]));
   }
-}), Se = /* @__PURE__ */ V({
+}), Se = /* @__PURE__ */ S({
   __name: "VoUserBtn",
   props: {
     external: Boolean
   },
   setup(o) {
-    const t = o, s = w(), n = q(), a = x(() => [
+    const t = o, n = L(), s = q(), r = b(() => [
       { title: "Options", type: "subheader" },
       {
         title: "My Dashboard",
@@ -237,36 +238,36 @@ const N = $("http", {
         title: "Logout",
         appendIcon: `svg:${ae}`,
         onClick: () => {
-          s.logout();
+          n.logout();
         }
       }
     ]);
-    return (e, p) => (h(), b(W, {
+    return (e, m) => (g(), _(W, {
       class: "vo-user-btn",
-      loading: l(s).isLoading,
+      loading: a(n).isLoading,
       icon: ""
     }, {
-      loader: f(() => [
-        d(me, { type: "avatar" })
+      loader: p(() => [
+        f(me, { type: "avatar" })
       ]),
-      default: f(() => [
-        d(pe, {
-          disabled: !l(s).user || l(s).isLoading,
+      default: p(() => [
+        f(pe, {
+          disabled: !a(n).user || a(n).isLoading,
           activator: "parent",
           location: "bottom end"
         }, {
-          default: f(() => [
-            d(J, {
-              items: a.value,
+          default: p(() => [
+            f(J, {
+              items: r.value,
               lines: !1,
               density: "compact",
               "item-props": "",
               nav: ""
             }, {
-              subheader: f(({ props: u }) => [
-                d(de, { class: "text-high-emphasis text-uppercase font-weight-black" }, {
-                  default: f(() => [
-                    S(B(u.title), 1)
+              subheader: p(({ props: u }) => [
+                f(de, { class: "text-high-emphasis text-uppercase font-weight-black" }, {
+                  default: p(() => [
+                    A(N(u.title), 1)
                   ]),
                   _: 2
                 }, 1024)
@@ -276,9 +277,9 @@ const N = $("http", {
           ]),
           _: 1
         }, 8, ["disabled"]),
-        l(s).user ? (h(), b(fe, {
+        a(n).user ? (g(), _(fe, {
           key: 0,
-          image: l(n).avatar || l(s).user.picture || ""
+          image: a(s).avatar || a(n).user.picture || ""
         }, null, 8, ["image"])) : K("", !0)
       ]),
       _: 1
@@ -286,60 +287,60 @@ const N = $("http", {
   }
 });
 const X = (o, t) => {
-  const s = o.__vccOpts || o;
-  for (const [n, a] of t)
-    s[n] = a;
-  return s;
-}, ke = /* @__PURE__ */ X(Se, [["__scopeId", "data-v-aeb16535"]]), Ie = { class: "text-center mb-6" }, Ae = /* @__PURE__ */ V({
+  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({
   __name: "VoAuthDialog",
   setup(o) {
-    const t = w(), { mdAndDown: s, lgAndUp: n } = ve(), a = he();
-    return (e, p) => !l(t).user && !l(t).isLoading ? (h(), b(_e, {
+    const t = L(), { mdAndDown: n, lgAndUp: s } = ve(), r = he();
+    return (e, m) => !a(t).user && !a(t).isLoading ? (g(), _(_e, {
       key: 0,
       "max-width": "480"
     }, {
-      activator: f(({ props: u }) => [
-        d(W, Q({
+      activator: p(({ props: u }) => [
+        f(W, Q({
           ...u,
-          [`${l(n) ? "append-" : ""}icon`]: `svg:${l(le)}`,
-          text: l(n) ? "Login" : void 0
+          [`${a(s) ? "append-" : ""}icon`]: `svg:${a(le)}`,
+          text: a(s) ? "Login" : void 0
         }, {
-          rounded: l(s),
+          rounded: a(n),
           class: "text-none",
           color: "primary",
           variant: "outlined"
         }), null, 16, ["rounded"])
       ]),
-      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`,
+      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`,
               class: "mb-4",
               height: "30"
             }, null, 8, ["src"]),
-            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)
+            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)
                 ]),
                 _: 1
               }),
-              d(be, { class: "text-wrap" }, {
-                default: f(() => [
-                  S(" Sign in with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
+              f(be, { class: "text-wrap" }, {
+                default: p(() => [
+                  A(" Sign in with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
                 ]),
                 _: 1
               })
             ]),
-            d(J, {
+            f(J, {
               class: "mx-auto",
               "max-width": "300",
               width: "100%"
             }, {
-              default: f(() => [
-                d($e, { class: "mb-3" }),
-                d(Ve)
+              default: p(() => [
+                f($e, { class: "mb-3" }),
+                f(Ve)
               ]),
               _: 1
             })
@@ -348,12 +349,12 @@ const X = (o, t) => {
         })
       ]),
       _: 1
-    })) : (h(), b(ke, { key: 1 }));
+    })) : (g(), _(ke, { key: 1 }));
   }
-}), je = (o) => (se("data-v-b66944c0"), o = o(), ne(), o), De = ["href", "title"], Ce = {
+}), je = (o) => (ne("data-v-b66944c0"), o = o(), se(), o), De = ["href", "title"], Ce = {
   class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, Oe = /* @__PURE__ */ je(() => /* @__PURE__ */ k("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Te = /* @__PURE__ */ V({
+}, Oe = /* @__PURE__ */ je(() => /* @__PURE__ */ j("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Te = /* @__PURE__ */ S({
   __name: "VoFooter",
   setup(o) {
     const t = [
@@ -388,27 +389,27 @@ const X = (o, t) => {
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
-    return (s, n) => (h(), b(Le, {
+    return (n, s) => (g(), _(Le, {
       class: "vo-footer",
       theme: "dark",
       height: "40"
     }, {
-      default: f(() => [
-        (h(), ee(te, null, oe(t, (a) => k("a", {
-          key: a.title,
-          href: a.href,
-          title: a.title,
+      default: p(() => [
+        (g(), ee(te, null, oe(t, (r) => j("a", {
+          key: r.title,
+          href: r.href,
+          title: r.title,
           class: "d-inline-block mx-2 social-link",
           target: "_blank",
           rel: "noopener noreferrer"
         }, [
-          d(xe, {
-            icon: a.icon,
-            size: a.icon === "$vuetify" ? 24 : 16
+          f(xe, {
+            icon: r.icon,
+            size: r.icon === "$vuetify" ? 24 : 16
           }, null, 8, ["icon", "size"])
         ], 8, De)), 64)),
-        k("div", Ce, [
-          S(" © 2016-" + B((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+        j("div", Ce, [
+          A(" © 2016-" + N((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
           Oe
         ])
       ]),
@@ -416,110 +417,112 @@ const X = (o, t) => {
     }));
   }
 });
-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);
+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);
     }, 100);
   }, { deep: !0 });
-  async function p() {
-    const r = await t.get("/one/bins");
-    return s.value = r.bins, r.bins;
+  async function x() {
+    const c = await t.get("/one/bins");
+    return n.value = c.bins, c.bins;
   }
-  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 V(c) {
+    const d = await t.delete(`/one/bins/${c}`);
+    return n.value = n.value.filter((h) => h.id !== c), d;
   }
-  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 y(c) {
+    const d = await t.post("/one/bins", { bin: c });
+    return n.value.push(d.bin), s.value = d.bin, d;
   }
-  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 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 g(r, c) {
-    const m = c ? await y(r, c) : await _(r);
-    return n.value = m.bin, m;
+  async function l(c, d) {
+    const h = d ? await i(c, d) : await y(c);
+    return s.value = h.bin, h;
   }
-  async function i(r) {
-    const c = await t.get(`/one/bins/${r}`);
-    return n.value = c.bin, c;
+  async function w(c) {
+    const d = await t.get(`/one/bins/${c}`);
+    return s.value = d.bin, d;
   }
   return {
     isOwner: e,
-    all: s,
-    create: _,
-    delete: u,
-    current: n,
-    find: i,
-    get: p,
-    update: y,
-    updateOrCreate: g
+    pinned: u,
+    favorites: m,
+    all: n,
+    create: y,
+    delete: V,
+    current: s,
+    find: w,
+    get: x,
+    update: i,
+    updateOrCreate: l
   };
-}), Ke = $("one", () => {
-  const t = new URLSearchParams(window.location.search).get("session_id"), s = w(), n = N(), a = T(!1), e = x(() => {
+}), 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 = s.user) == null ? void 0 : i.sponsorships.find((r) => r.platform === "stripe" && r.tierName.startsWith("sub_"));
-  }), p = x(() => {
+    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;
   });
   ie(async () => {
     t && await u();
-  }), H(p, (i) => {
-    i && g();
+  }), B(m, (i) => {
+    i && y();
   });
   async function u() {
     try {
-      a.value = !0;
-      const i = await n.post("/one/activate", { sessionId: t });
-      s.user = i.user;
+      r.value = !0;
+      const i = await s.post("/one/activate", { sessionId: t });
+      n.user = i.user;
     } catch {
     } finally {
-      a.value = !1;
+      r.value = !1;
     }
   }
-  async function _() {
-    a.value = !0, window.location.href = `${n.url}/one/subscribe`;
+  async function x() {
+    r.value = !0, window.location.href = `${s.url}/one/subscribe`;
   }
-  async function y() {
+  async function V() {
     var i;
     if (e.value)
       try {
-        a.value = !0;
-        const r = await n.post(
+        r.value = !0;
+        const l = await s.post(
           `/one/cancel?subscriptionId=${(i = e.value) == null ? void 0 : i.tierName}`
         );
-        s.user = r.user;
+        n.user = l.user;
       } catch {
       } finally {
-        a.value = !1;
+        r.value = !1;
       }
   }
-  async function g() {
+  async function y() {
     var i;
     if (e.value)
       try {
-        a.value = !0;
-        const r = await n.post(
+        r.value = !0;
+        const l = await s.post(
           `/one/verify?subscriptionId=${(i = e.value) == null ? void 0 : i.tierName}`
         );
-        s.user = r.user;
+        n.user = l.user;
       } catch {
       } finally {
-        a.value = !1;
+        r.value = !1;
       }
   }
   return {
     activate: u,
-    cancel: y,
-    subscribe: _,
-    verify: g,
+    cancel: V,
+    subscribe: x,
+    verify: y,
     subscription: e,
-    isLoading: a,
-    isSubscriber: p
+    isLoading: r,
+    isSubscriber: m
   };
 });
 function Qe() {
@@ -534,9 +537,9 @@ function et(o) {
 export {
   Qe as createOne,
   et as one,
-  w as useAuthStore,
+  L as useAuthStore,
   Ze as useBinsStore,
-  N as useHttpStore,
+  U as useHttpStore,
   Ke as useOneStore,
   q as useUserStore
 };

package/package.json

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