@ozdao/prometheus-framework 0.0.86 → 0.0.88

package/dist/community.client.js

@@ -1,69 +1,70 @@
-import { resolveComponent as ve, openBlock as u, createElementBlock as m, createElementVNode as r, createVNode as x, normalizeClass as D, unref as _, createCommentVNode as y, withCtx as T, Transition as X, createBlock as U, resolveDynamicComponent as Y, ref as g, onUpdated as R, nextTick as M, onMounted as S, watch as E, withDirectives as q, vModelText as J, createTextVNode as F, toDisplayString as H, withModifiers as re, computed as te, watchEffect as ie, Fragment as V, renderList as O, createStaticVNode as _e, TransitionGroup as ne, mergeProps as be, isRef as ce, withAsyncContext as ye, pushScopeId as xe, popScopeId as we } from "vue";
-import { useRoute as K, useRouter as Z } from "vue-router";
-import { S as ke, C as $e } from "./Breadcrumbs.vue_vue_type_style_index_0_lang-628f013e.mjs";
-import { s as N, r as ee, c as Be, u as le, a as oe, b as Ce, d as ue, _ as Pe } from "./Feed-a31c43c2.mjs";
-import { e as Dn, f as zn, g as Hn } from "./Feed-a31c43c2.mjs";
-import { s as P, a as Te, b as Ie, _ as pe, F as Se } from "./auth-35ef1791.mjs";
-import { _ as Fe } from "./Popup-0c791801.mjs";
-import { _ as Ue, S as Me, a as De } from "./Publics-b0fad2b0.mjs";
-import { V as ze } from "./vue-draggable-next.esm-bundler-ff6e3f52.mjs";
-import { a as He } from "./CardOrganization-91e79698.mjs";
-import { _ as je } from "./EmptyState-34d85f10.mjs";
-import { _ as Ae } from "./Comments-c092550f.mjs";
-import { useI18n as Ne } from "vue-i18n";
+import { resolveComponent as Y, openBlock as i, createElementBlock as p, createElementVNode as o, createVNode as h, normalizeClass as B, unref as c, createCommentVNode as v, withCtx as k, Transition as G, createBlock as I, resolveDynamicComponent as Q, ref as g, onMounted as F, computed as V, createTextVNode as T, createStaticVNode as Z, TransitionGroup as H, Fragment as D, renderList as U, mergeProps as ee, watch as te, toDisplayString as N, watchEffect as se, isRef as W, withAsyncContext as ae, pushScopeId as oe, popScopeId as ne } from "vue";
+import { useRoute as z, useRouter as A } from "vue-router";
+import { S as le, _ as re } from "./Publics-9ebffff1.mjs";
+import { s as M, r as L, c as ie, u as q, a as R, b as ue, d as K, _ as ce } from "./Feed-a31c43c2.mjs";
+import { e as es, f as ts, g as ss } from "./Feed-a31c43c2.mjs";
+import { s as w, b as pe, _ as X, F as de } from "./auth-35ef1791.mjs";
+import { c as me, _ as ge, a as _e, b as he } from "./Image-6c7584f5.mjs";
+import { _ as fe } from "./Popup-82fb2c8a.mjs";
+import { _ as ve, S as be, C as ye } from "./Breadcrumbs.vue_vue_type_style_index_0_lang-cdbafd07.mjs";
+import { a as we } from "./organizations-1b4c84ee.mjs";
+import { _ as xe } from "./EmptyState-34d85f10.mjs";
+import { useI18n as $e } from "vue-i18n";
 import "./globals-96ba60e4.mjs";
+import "./CardOrganization-f70bd169.mjs";
+import "./ButtonFollow-728aab73.mjs";
 import "./CardHeader-ce5a1a75.mjs";
 import "./PlaceholderUserpic-995da0fc.mjs";
-import "./ButtonFollow-728aab73.mjs";
-const Ee = { class: "min-h-100vh pd-thin" }, Le = { class: "mn-thin flex-v-center t-left flex-nowrap flex" }, Ve = { class: "flex-v-center flex-nowrap flex t-left" }, Oe = /* @__PURE__ */ r("span", { class: "" }, "Topics for ", -1), Re = { class: "bg-grey pd-medium radius-big mn-semi flex-nowrap flex" }, qe = { class: "" }, Je = {
+import "./vue-draggable-next.esm-bundler-ff6e3f52.mjs";
+const ke = { class: "min-h-100vh pd-thin" }, Pe = { class: "mn-thin flex-v-center t-left flex-nowrap flex" }, Ce = { class: "flex-v-center flex-nowrap flex t-left" }, Te = /* @__PURE__ */ o("span", { class: "" }, "Topics for ", -1), Se = { class: "bg-grey pd-medium radius-big mn-semi flex-nowrap flex" }, Be = { class: "" }, Ie = {
   __name: "Community",
-  setup(o) {
-    const a = K(), t = Z();
-    return (e, s) => {
-      const p = ve("router-view");
-      return u(), m("div", Ee, [
-        r("header", Le, [
-          r("h2", Ve, [
-            Oe,
-            x(ke, {
+  setup(d) {
+    const n = z(), s = A();
+    return (e, a) => {
+      const m = Y("router-view");
+      return i(), p("div", ke, [
+        o("header", Pe, [
+          o("h2", Ce, [
+            Te,
+            h(le, {
               options: ["today", "week", "month", "year"],
-              select: N.filter.period,
-              "onUpdate:select": s[0] || (s[0] = (n) => N.filter.period = n),
+              select: M.filter.period,
+              "onUpdate:select": a[0] || (a[0] = (t) => M.filter.period = t),
               placeholder: "Select type",
               class: "w-max mn-l-small bg-grey pd-thin radius-medium h2 t-center t-black"
             }, null, 8, ["select"])
           ])
         ]),
-        r("ul", Re, [
-          r("li", {
-            class: D([{ "t-white bg-black": _(a).params.category === "featured" }, "mn-r-small t-medium pd-small radius-small"]),
-            onClick: s[1] || (s[1] = (n) => _(t).push({ name: "Blog" }))
+        o("ul", Se, [
+          o("li", {
+            class: B([{ "t-white bg-black": c(n).params.category === "featured" }, "mn-r-small t-medium pd-small radius-small"]),
+            onClick: a[1] || (a[1] = (t) => c(s).push({ name: "Blog" }))
           }, "👑 Featured", 2),
-          r("li", {
-            class: D([{ "t-white bg-black": _(a).params.category === "popular" }, "mn-r-small t-medium pd-small radius-small"]),
-            onClick: s[2] || (s[2] = (n) => _(t).push({ name: "Blog", params: { category: "popular" } }))
+          o("li", {
+            class: B([{ "t-white bg-black": c(n).params.category === "popular" }, "mn-r-small t-medium pd-small radius-small"]),
+            onClick: a[2] || (a[2] = (t) => c(s).push({ name: "Blog", params: { category: "popular" } }))
           }, "🔥 Popular", 2),
-          r("li", {
-            class: D([{ "t-white bg-black": _(a).params.category === "new" }, "mn-r-small t-medium pd-small radius-small"]),
-            onClick: s[3] || (s[3] = (n) => _(t).push({ name: "Blog", params: { category: "new" } }))
+          o("li", {
+            class: B([{ "t-white bg-black": c(n).params.category === "new" }, "mn-r-small t-medium pd-small radius-small"]),
+            onClick: a[3] || (a[3] = (t) => c(s).push({ name: "Blog", params: { category: "new" } }))
           }, "🆕 New", 2),
-          P.user._id ? (u(), m("li", {
+          w.user._id ? (i(), p("li", {
             key: 0,
-            class: D([{ "t-white bg-black": _(a).params.category === "following" }, "t-medium pd-small radius-small"]),
-            onClick: s[4] || (s[4] = (n) => _(t).push({ name: "Blog", params: { category: "following" } }))
-          }, "👥 Following", 2)) : y("", !0)
+            class: B([{ "t-white bg-black": c(n).params.category === "following" }, "t-medium pd-small radius-small"]),
+            onClick: a[4] || (a[4] = (t) => c(s).push({ name: "Blog", params: { category: "following" } }))
+          }, "👥 Following", 2)) : v("", !0)
         ]),
-        r("section", qe, [
-          x(p, null, {
-            default: T(({ Component: n, route: i }) => [
-              x(X, {
+        o("section", Be, [
+          h(m, null, {
+            default: k(({ Component: t, route: _ }) => [
+              h(G, {
                 name: "scaleIn",
                 mode: "out-in"
               }, {
-                default: T(() => [
-                  (u(), U(Y(n), {
+                default: k(() => [
+                  (i(), I(Q(t), {
                     ref: "page",
-                    key: i.query
+                    key: _.query
                   }))
                 ]),
                 _: 2
@@ -75,515 +76,148 @@ const Ee = { class: "min-h-100vh pd-thin" }, Le = { class: "mn-thin flex-v-cente
       ]);
     };
   }
-};
-const Ke = ["placeholder"], ae = {
-  __name: "Textarea",
-  props: ["obj", "label", "prop", "value", "content", "textarea", "placeholder", "index", "ref", "setFocus"],
-  emits: ["deleteBlock", "updateBlock", "addBlock", "focus"],
-  setup(o, { emit: a }) {
-    const t = o;
-    g(t);
-    const e = g(null);
-    g(0);
-    function s(l) {
-      let c = l.target.value.split(/\n+/);
-      if (c.length > 1) {
-        t.prop[t.content] = c[0], M(() => {
-          i();
-        });
-        let h = c.slice(1).map((b) => ({ __name: "Textarea", content: b }));
-        a("addBlock", "Textarea", "", t.index, { blocks: h, ref: e });
-      } else
-        l.target.value.trim() === "" && l.target.value.includes(`
-
-`) && (console.log("We are adding new block:" + t.index + newBlocks + e), a("addBlock", "Textarea", "", t.index, { blocks: newBlocks, ref: e })), i();
-    }
-    function p(l) {
-      (l.keyCode === 8 || l.keyCode === 46) && t.prop[t.content].trim() === "" && a("deleteBlock", t.prop);
-    }
-    function n() {
-      M(() => {
-        e.value.focus(), a("updateBlock", t.prop, { setFocus: !1 });
-      });
-    }
-    function i() {
-      e.value.style.height = "1rem", e.value.style.height = e.value.scrollHeight + "px";
-    }
-    return R(() => {
-      t.setFocus && M(() => {
-        n();
-      }), i();
-    }), S(() => {
-      t.setFocus && M(() => {
-        n();
-      }), i();
-    }), E(() => t.prop[t.content], (l) => {
-    }), (l, c) => (u(), m("div", null, [
-      q(r("textarea", {
-        "onUpdate:modelValue": c[0] || (c[0] = (h) => o.prop[o.content] = h),
-        placeholder: o.placeholder ? o.placeholder : "Enter text",
-        onInput: s,
-        onFocus: c[1] || (c[1] = (h) => a("focus", e.value)),
-        onKeyup: p,
-        ref_key: "textarea",
-        ref: e,
-        class: "text-area mn-thin"
-      }, `    
-    `, 40, Ke), [
-        [J, o.prop[o.content]]
-      ])
-    ]));
-  }
-};
-const We = ["placeholder"], Ge = {
-  __name: "H2",
-  props: ["obj", "label", "prop", "value", "content", "textarea", "placeholder", "index", "ref", "setFocus"],
-  emits: ["deleteBlock", "updateBlock", "addBlock", "focus"],
-  setup(o, { emit: a }) {
-    const t = o;
-    g(t);
-    const e = g(null);
-    g(0);
-    function s(l) {
-      let c = l.target.value.split(/\n+/);
-      if (c.length > 1) {
-        t.prop[t.content] = c[0], M(() => {
-          i();
-        });
-        let h = c.slice(1).map((b) => ({ type: "Textarea", content: b }));
-        a("addBlock", "Textarea", "", t.index, { blocks: h, ref: e });
-      } else
-        l.target.value.trim() === "" && l.target.value.includes(`
-
-`) && (console.log("We are adding new block:" + t.index + newBlocks + e), a("addBlock", "Textarea", "", t.index, { blocks: newBlocks, ref: e })), i();
-    }
-    function p(l) {
-      (l.keyCode === 8 || l.keyCode === 46) && t.prop[t.content].trim() === "" && a("deleteBlock", t.prop);
-    }
-    function n() {
-      M(() => {
-        e.value.focus(), a("updateBlock", t.prop, { setFocus: !1 });
-      });
-    }
-    function i() {
-      e.value.style.height = "1rem", e.value.style.height = e.value.scrollHeight + "px";
-    }
-    return R(() => {
-      t.setFocus && M(() => {
-        n();
-      }), i();
-    }), S(() => {
-      t.setFocus && M(() => {
-        n();
-      }), i();
-    }), E(() => t.prop[t.content], (l) => {
-    }), (l, c) => (u(), m("div", null, [
-      q(r("textarea", {
-        "onUpdate:modelValue": c[0] || (c[0] = (h) => o.prop[o.content] = h),
-        placeholder: o.placeholder ? o.placeholder : "Enter text",
-        onInput: s,
-        onFocus: c[1] || (c[1] = (h) => a("focus", e.value)),
-        onKeyup: p,
-        ref_key: "textarea",
-        ref: e,
-        class: "h3 text-area mn-thin"
-      }, `    
-    `, 40, We), [
-        [J, o.prop[o.content]]
-      ])
-    ]));
-  }
-}, Qe = ["placeholder"], Xe = {
-  __name: "Caption",
-  props: ["obj", "label", "prop", "value", "content", "textarea", "placeholder", "index", "ref"],
-  emits: ["deleteBlock", "addBlock", "focus"],
-  setup(o, { emit: a }) {
-    const t = o;
-    g(t);
-    const e = g(null);
-    function s(n) {
-      const i = /^\s*[-*]\s+(.*)/;
-      let c = n.target.value.split(/\n+/).map((h) => {
-        const b = i.exec(h);
-        return b ? b[1] : null;
-      }).filter((h) => h !== null);
-      c.length > 0 ? (t.prop[t.content] = c, p()) : n.target.value.trim() === "" && (t.prop[t.content] = [], p());
-    }
-    function p() {
-      e.value.style.height = "1rem", e.value.style.height = e.value.scrollHeight + "px";
-    }
-    return R(() => {
-      p();
-    }), S(() => {
-      p();
-    }), E(() => t.prop[t.content], (n) => {
-      (!n || n.length === 0) && a("deleteBlock", t.prop);
-    }), (n, i) => (u(), m("div", null, [
-      q(r("textarea", {
-        "onUpdate:modelValue": i[0] || (i[0] = (l) => o.prop[o.content] = l),
-        placeholder: o.placeholder ? o.placeholder : "Enter text",
-        onInput: s,
-        onFocus: i[1] || (i[1] = (l) => a("focus", e.value)),
-        ref_key: "textarea",
-        ref: e,
-        class: "br-l br-solid br-main pd-l-small text-area mn-small"
-      }, `    
-  `, 40, Qe), [
-        [J, o.prop[o.content]]
-      ])
-    ]));
-  }
-}, Ye = ["placeholder"], Ze = {
-  __name: "Bullets",
-  props: ["obj", "label", "prop", "value", "content", "textarea", "placeholder", "index", "ref"],
-  emits: ["deleteBlock", "addBlock", "focus"],
-  setup(o, { emit: a }) {
-    const t = o;
-    g(t);
-    const e = g(null);
-    function s(n) {
-      const i = /^\s*[-*]\s+(.*)/;
-      let c = n.target.value.split(/\n+/).map((h) => {
-        const b = i.exec(h);
-        return b ? b[1] : null;
-      }).filter((h) => h !== null);
-      c.length > 0 ? (t.prop[t.content] = c, p()) : n.target.value.trim() === "" && (t.prop[t.content] = [], p());
-    }
-    function p() {
-      e.value.style.height = "1rem", e.value.style.height = e.value.scrollHeight + "px";
-    }
-    return R(() => {
-      p();
-    }), S(() => {
-      p();
-    }), E(() => t.prop[t.content], (n) => {
-      (!n || n.length === 0) && a("deleteBlock", t.prop);
-    }), (n, i) => (u(), m("div", null, [
-      F(H(o.prop[o.content]) + " ", 1),
-      q(r("textarea", {
-        "onUpdate:modelValue": i[0] || (i[0] = (l) => o.prop[o.content] = l),
-        placeholder: o.placeholder ? o.placeholder : "Enter text",
-        onInput: s,
-        onFocus: i[1] || (i[1] = (l) => a("focus", e.value)),
-        ref_key: "textarea",
-        ref: e,
-        class: "text-area mn-small"
-      }, `    
-  `, 40, Ye), [
-        [J, o.prop[o.content]]
-      ])
-    ]));
-  }
-}, et = ["src"], tt = {
-  key: 1,
-  class: "t-transp pd-extra"
-}, nt = {
-  __name: "ImageUpload",
-  props: [
-    "label",
-    "value",
-    "prop"
-  ],
-  emits: ["input", "updateBlock"],
-  setup(o, { emit: a }) {
-    const t = o, e = g(null), s = g(null);
-    function p() {
-      s.value.click();
-    }
-    async function n(l) {
-      let c = l.target.files[0];
-      console.log(c);
-      let h = new FormData(), b = "unsorted";
-      h.append("file", c), console.log(h.has("file"));
-      try {
-        let j = await Te.create({ baseURL: process.env.API_URL, withCredentials: !0 }).post(`/api/upload/file?folderName=${encodeURIComponent(b)}`, h, {
-          headers: {
-            "Content-Type": "multipart/form-data"
-          }
-        });
-        e.value = j.data.filepath, console.log(e.value), a("input", e.value), a("updateBlock", t.prop, { content: e.value });
-      } catch (I) {
-        console.error(I);
-      }
-    }
-    function i(l) {
-      l.preventDefault(), n({
-        target: {
-          files: l.dataTransfer.files
-        }
-      });
-    }
-    return (l, c) => (u(), m("div", {
-      onClick: p,
-      onDrop: i,
-      onDragover: c[0] || (c[0] = re(() => {
-      }, ["prevent"])),
-      class: "w-100 radius-big bg-white image-upload-area flex-v-center flex-h-center flex t-black mn-small"
-    }, [
-      o.prop.content ? (u(), m("img", {
-        key: 0,
-        src: o.prop.content,
-        alt: "Uploaded image",
-        class: "w-100 h-30r object-fit-contain"
-      }, null, 8, et)) : (u(), m("span", tt, "Click or drag-and-drop your image")),
-      r("input", {
-        type: "file",
-        ref_key: "fileInput",
-        ref: s,
-        onChange: n,
-        style: { display: "none" }
-      }, null, 544)
-    ], 32));
-  }
-}, lt = { class: "pd-thin" }, ot = {
+}, Me = { class: "pd-thin" }, Fe = {
   key: 0,
   class: "h-100 w-100 bg-grey pd-big radius-big"
-}, at = { class: "w-full h-full" }, st = ["onMouseover"], rt = {
-  key: 0,
-  class: "z-index-5 radius-thin mn-small relative left-0 mt-2 w-max bg-white shadow-lg rounded"
-}, it = ["onClick"], ct = ["onClick"], ut = ["onClick"], pt = {
+}, Ne = { class: "w-full h-full" }, ze = {
   key: 1,
   class: "pd-thin pos-fixed pos-l-0 pos-b-0 w-100"
-}, dt = { class: "pd-thin radius-big bg-main w-100 flex-nowrap flex" }, mt = { class: "w-m-66r t-left pd-big bg-white radius-big" }, gt = /* @__PURE__ */ r("h3", { class: "mn-small" }, "Final Touches", -1), ft = /* @__PURE__ */ r("h5", { class: "mn-thin" }, "Add to public:", -1), ht = {
+}, Oe = { class: "pd-thin radius-big bg-main w-100 flex-nowrap flex" }, je = { class: "w-m-66r t-left pd-big bg-white radius-big" }, De = /* @__PURE__ */ o("h3", { class: "mn-small" }, "Final Touches", -1), Ue = /* @__PURE__ */ o("h5", { class: "mn-thin" }, "Add to public:", -1), Ae = {
   key: 0,
   class: "mn-thin"
-}, vt = {
+}, Le = {
   key: 1,
   class: "mn-medium br-grey br-2px br-solid pd-small radius-big"
-}, _t = {
+}, Ee = {
   __name: "CreateBlogPost",
-  setup(o) {
-    const a = K(), t = Z();
-    let e = g(null), s = g(null);
-    const p = g([]), n = g(null);
-    S(async () => {
-      if (a.params.url) {
-        const f = await ee({ user: P.user._id, url: a.params.url });
-        e.value = f.pop();
+  setup(d) {
+    const n = z(), s = A();
+    let e = g(null), a = g(null);
+    const m = g([]), t = g(null);
+    F(async () => {
+      if (n.params.url) {
+        const u = await L({ user: w.user._id, url: n.params.url });
+        e.value = u.pop();
       } else
-        Be(), e.value = N.current;
+        ie(), e.value = M.current;
       e.value.owner || (e.value.owner = {
-        target: P.user._id,
+        target: w.user._id,
         type: "user"
       }), e.value.creator || (e.value.creator = {
-        target: P.user._id,
+        target: w.user._id,
         type: "user",
         hidden: !1
-      }), e.value.owner.type === "organization" && (n.value = {
+      }), e.value.owner.type === "organization" && (t.value = {
         _id: e.value.owner.target._id,
         name: e.value.owner.target.profile.name,
         photo: e.value.owner.target.profile.photo
       });
-      const d = await He.read({
-        user: P.user._id,
-        postable: P.user._id
+      const r = await we.read({
+        user: w.user._id,
+        postable: w.user._id
       });
-      console.log(d), s.value = d.map((f) => ({
-        name: f.profile.name,
-        _id: f._id,
-        photo: f.profile.photo
+      console.log(r), a.value = r.map((u) => ({
+        name: u.profile.name,
+        _id: u._id,
+        photo: u.profile.photo
       }));
     });
-    const i = g(""), l = g([
+    const _ = g(""), l = g([
       { text: "story" },
       { text: "news" },
       { text: "guide" },
       { text: "discussion" },
       { text: "photos" }
     ]);
-    te(() => l.value.filter((d) => d.text.toLowerCase().includes(i.value.toLowerCase()))), te(() => l.value.filter((d) => !p.value.some((f) => f.text === d.text)));
-    const c = g(!1);
-    function h() {
-      c.value = !0;
-    }
-    function b() {
-      c.value = !1;
-    }
-    function I() {
-      p.value.length > 0 && p.value.map((d) => d.text), e.value.status = "draft", a.params.url ? le(e.value).then((d) => {
-        t.push({ name: "BlogPost", params: { url: d.url } });
-      }).catch((d) => {
-        console.log(d);
-      }) : oe(e.value).then((d) => {
-        t.push({ name: "BlogPost", params: { url: d.url } });
-      }).catch((d) => {
-        console.log(d);
+    V(() => l.value.filter((r) => r.text.toLowerCase().includes(_.value.toLowerCase()))), V(() => l.value.filter((r) => !m.value.some((u) => u.text === r.text)));
+    const f = g(!1);
+    function P() {
+      f.value = !0;
+    }
+    function $() {
+      f.value = !1;
+    }
+    function S() {
+      m.value.length > 0 && m.value.map((r) => r.text), e.value.status = "draft", n.params.url ? q(e.value).then((r) => {
+        s.push({ name: "BlogPost", params: { url: r.url } });
+      }).catch((r) => {
+        console.log(r);
+      }) : R(e.value).then((r) => {
+        s.push({ name: "BlogPost", params: { url: r.url } });
+      }).catch((r) => {
+        console.log(r);
       });
     }
-    function j() {
-      n.value && (e.value.owner = {
-        target: n.value._id,
+    function O() {
+      t.value && (e.value.owner = {
+        target: t.value._id,
         type: "organization"
-      }), n.value || (e.value.creator.hidden = !1), n.value || (e.value.organization = e.value.creator), e.value.status = "published", console.log(e.value), a.params.url ? le(e.value).then((d) => {
-        t.push({ name: "BlogPost", params: { url: d.url } });
-      }).catch((d) => {
-        console.log(d);
-      }) : oe(e.value).then((d) => {
-        t.push({ name: "BlogPost", params: { url: d.url } });
-      }).catch((d) => {
-        console.log(d);
+      }), t.value || (e.value.creator.hidden = !1), t.value || (e.value.organization = e.value.creator), e.value.status = "published", console.log(e.value), n.params.url ? q(e.value).then((r) => {
+        s.push({ name: "BlogPost", params: { url: r.url } });
+      }).catch((r) => {
+        console.log(r);
+      }) : R(e.value).then((r) => {
+        s.push({ name: "BlogPost", params: { url: r.url } });
+      }).catch((r) => {
+        console.log(r);
       });
     }
-    function W() {
-      confirm("Are you sure you want to delete this post?") && Ce(e.value._id).then((d) => {
-        t.push({ name: "User Blogposts", params: { _id: e.value.creator.target._id } });
-      }).catch((d) => {
-        console.log(d);
+    function j() {
+      confirm("Are you sure you want to delete this post?") && ue(e.value._id).then((r) => {
+        s.push({ name: "User Blogposts", params: { _id: e.value.creator.target._id } });
+      }).catch((r) => {
+        console.log(r);
       });
     }
-    const L = {
-      Textarea: ae,
-      H2: Ge,
-      Bullets: Ze,
-      Caption: Xe,
-      ImageUpload: nt
-    };
-    function z(d = "Textarea", f = "", v, k) {
-      console.log("We are adding new block (functuin HandleAddBlock):" + d + f + v + k);
-      let C = {
-        order: e.value.content.length + 1,
-        type: d,
-        style: "",
-        class: "",
-        content: f,
-        blocks: [],
-        setFocus: !0
-      };
-      if (k && k.blocks && Array.isArray(k.blocks)) {
-        let Q = k.blocks.map((he) => ({
-          ...C,
-          content: he.content
-        })), ge = [(k.index || v) + 1, 0].concat(Q);
-        e.value.content.splice.apply(e.value.content, ge);
-        const fe = Q[Q.length - 1];
-        console.log("New block is" + fe);
-      } else
-        v !== void 0 ? (e.value.content.splice(v + 1, 0, C), console.log("Latest block is" + C)) : (console.log("Another block is" + C), e.value.content.push(C));
-      $.value = null;
-    }
-    function G(d, f) {
-      const v = e.value.content.findIndex((k) => k === d);
-      v !== -1 && (e.value.content[v] = { ...e.value.content[v], ...f });
-    }
-    function A(d) {
-      let f = e.value.content.findIndex((v) => v === d);
-      f !== -1 && e.value.content.splice(f, 1), e.value.content[f - 1].setFocus = !0;
-    }
-    const $ = g(null), w = g(!1), B = g(!1);
-    function de() {
-      w.value = !0;
-    }
-    function me() {
-      w.value = !1;
-    }
-    return ie(() => {
-      e.value && e.value.content.length === 0 && z("Textarea", "");
-    }), (d, f) => (u(), m("article", lt, [
-      _(e) ? (u(), m("section", ot, [
-        r("div", at, [
-          x(ae, {
-            prop: _(e),
+    return (r, u) => (i(), p("article", Me, [
+      c(e) ? (i(), p("section", Fe, [
+        o("div", Ne, [
+          h(me, {
+            prop: c(e),
             content: "name",
             placeholder: "Enter post title",
             class: "h2"
           }, null, 8, ["prop"])
         ]),
-        _(e).content ? (u(), U(_(ze), {
-          key: 0,
-          class: "w-full",
-          list: _(e).content,
-          onStart: de,
-          onEnd: me
-        }, {
-          default: T(() => [
-            (u(!0), m(V, null, O(_(e).content, (v, k) => (u(), m("div", {
-              key: k,
-              class: "relative"
-            }, [
-              r("div", {
-                onMouseover: (C) => ($.value = k, B.value = !1),
-                class: "w-full h-full"
-              }, [
-                (u(), U(Y(L[v.type]), {
-                  index: k,
-                  component: v,
-                  prop: v,
-                  class: D(v.class),
-                  setFocus: v.setFocus,
-                  content: "content",
-                  onDeleteBlock: A,
-                  onAddBlock: z,
-                  onUpdateBlock: G
-                }, null, 40, ["index", "component", "prop", "class", "setFocus"]))
-              ], 40, st),
-              x(X, { name: "fade" }, {
-                default: T(() => [
-                  $.value === k ? (u(), m("div", {
-                    key: 0,
-                    class: "pos-absolute pos-r-100 pos-t-0 z-index-4 i-semi",
-                    onMousedown: f[1] || (f[1] = re((C) => w.value = !0, ["prevent"]))
-                  }, [
-                    r("button", {
-                      onClick: f[0] || (f[0] = (C) => B.value = !B.value),
-                      class: "mn-small w-100 i-semi bg-white radius-thin"
-                    }, H(v.content ? "..." : "+"), 1),
-                    B.value ? (u(), m("div", rt, [
-                      r("button", {
-                        onClick: (C) => A(v),
-                        class: "block w-max text-left px-4 py-2 hover:bg-gray-200"
-                      }, "Удалить", 8, it),
-                      r("button", {
-                        onClick: (C) => z("ImageUpload", "", k),
-                        class: "block w-max text-left px-4 py-2 hover:bg-gray-200"
-                      }, "Добавить изображение", 8, ct),
-                      r("button", {
-                        onClick: (C) => z("H2", "", k),
-                        class: "block w-max text-left px-4 py-2 hover:bg-gray-200"
-                      }, "Добавить заголовок", 8, ut)
-                    ])) : y("", !0)
-                  ], 32)) : y("", !0)
-                ]),
-                _: 2
-              }, 1024)
-            ]))), 128))
-          ]),
-          _: 1
-        }, 8, ["list"])) : y("", !0)
-      ])) : y("", !0),
-      _(e) ? (u(), m("section", pt, [
-        r("div", dt, [
-          _(a).params.url ? (u(), m("a", {
+        h(ge, {
+          content: c(e).content,
+          onUpdate: u[0] || (u[0] = (b) => c(e).content = b)
+        }, null, 8, ["content"])
+      ])) : v("", !0),
+      c(e) ? (i(), p("section", ze, [
+        o("div", Oe, [
+          c(n).params.url ? (i(), p("a", {
             key: 0,
-            onClick: f[2] || (f[2] = (v) => W()),
+            onClick: u[1] || (u[1] = (b) => j()),
             class: "mn-r-auto bg-red t-white t-black button"
-          }, "Delete")) : y("", !0),
-          r("a", {
-            onClick: f[3] || (f[3] = (v) => I()),
+          }, "Delete")) : v("", !0),
+          o("a", {
+            onClick: u[2] || (u[2] = (b) => S()),
             class: "mn-l-auto bg-white t-black button"
           }, "To Drafts"),
-          r("a", {
-            onClick: f[4] || (f[4] = (v) => h()),
+          o("a", {
+            onClick: u[3] || (u[3] = (b) => P()),
             class: "mn-l-thin bg-black t-white button"
           }, "Publish")
         ])
-      ])) : y("", !0),
-      x(Fe, {
+      ])) : v("", !0),
+      h(fe, {
         title: "Добавить участника",
-        onClosePopup: b,
-        isPopupOpen: c.value
+        onClosePopup: $,
+        isPopupOpen: f.value
       }, {
-        default: T(() => [
-          r("div", mt, [
-            gt,
-            x(Ue, {
-              onTagsChanged: f[5] || (f[5] = (v) => _(e).tags = v),
-              tags: _(e).tags
+        default: k(() => [
+          o("div", je, [
+            De,
+            h(ve, {
+              onTagsChanged: u[4] || (u[4] = (b) => c(e).tags = b),
+              tags: c(e).tags
             }, null, 8, ["tags"]),
-            ft,
-            x(Me, {
-              modelValue: n.value,
-              "onUpdate:modelValue": f[6] || (f[6] = (v) => n.value = v),
-              options: _(s),
+            Ue,
+            h(be, {
+              modelValue: t.value,
+              "onUpdate:modelValue": u[5] || (u[5] = (b) => t.value = b),
+              options: c(a),
               multiple: !1,
               taggable: !1,
               placeholder: "Type to search or add tag",
@@ -591,23 +225,23 @@ const We = ["placeholder"], Ge = {
               "track-by": "_id",
               class: "mn-medium bg-grey radius-medium pd-small"
             }, null, 8, ["modelValue", "options"]),
-            n.value ? (u(), m("h5", ht, "Options:")) : y("", !0),
-            n.value ? (u(), m("div", vt, [
-              x($e, {
+            t.value ? (i(), p("h5", Ae, "Options:")) : v("", !0),
+            t.value ? (i(), p("div", Le, [
+              h(ye, {
                 label: "Hide Author",
-                radio: _(e).creator.hidden,
-                "onUpdate:radio": f[7] || (f[7] = (v) => _(e).creator.hidden = v),
+                radio: c(e).creator.hidden,
+                "onUpdate:radio": u[6] || (u[6] = (b) => c(e).creator.hidden = b),
                 name: "prices",
                 class: "w-100"
               }, null, 8, ["radio"])
-            ])) : y("", !0),
-            x(Ie, {
-              submit: j,
-              callback: d.redirectTo,
+            ])) : v("", !0),
+            h(pe, {
+              submit: O,
+              callback: r.redirectTo,
               class: "w-100 bg-black t-white"
             }, {
-              default: T(() => [
-                F("Publish")
+              default: k(() => [
+                T("Publish")
               ]),
               _: 1
             }, 8, ["callback"])
@@ -617,199 +251,182 @@ const We = ["placeholder"], Ge = {
       }, 8, ["isPopupOpen"])
     ]));
   }
-}, se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, J = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _t
-}, Symbol.toStringTag, { value: "Module" })), bt = {}, yt = {
+  default: Ee
+}, Symbol.toStringTag, { value: "Module" })), Ve = {}, He = {
   width: "100%",
   height: "20rem",
   xmlns: "http://www.w3.org/2000/svg"
-}, xt = /* @__PURE__ */ _e('<rect x="0" y="0" rx="5" ry="5" width="100%" height="100%" fill="rgb(var(--grey))"></rect><rect x="15" y="15" rx="4" ry="4" width="40%" height="20" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="45" rx="5" ry="5" width="70%" height="50" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="110" rx="3" ry="3" width="90%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="130" rx="3" ry="3" width="70%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="-25%" y="0" width="25%" height="100%" fill="#fff" mask="url(#myMask)" opacity="0.3"><animate attributeName="x" from="-25%" to="100%" dur="2s" repeatCount="indefinite"></animate></rect>', 6), wt = [
-  xt
+}, qe = /* @__PURE__ */ Z('<rect x="0" y="0" rx="5" ry="5" width="100%" height="100%" fill="rgb(var(--grey))"></rect><rect x="15" y="15" rx="4" ry="4" width="40%" height="20" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="45" rx="5" ry="5" width="70%" height="50" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="110" rx="3" ry="3" width="90%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="130" rx="3" ry="3" width="70%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="-25%" y="0" width="25%" height="100%" fill="#fff" mask="url(#myMask)" opacity="0.3"><animate attributeName="x" from="-25%" to="100%" dur="2s" repeatCount="indefinite"></animate></rect>', 6), Re = [
+  qe
 ];
-function kt(o, a) {
-  return u(), m("svg", yt, wt);
+function Je(d, n) {
+  return i(), p("svg", He, Re);
 }
-const $t = /* @__PURE__ */ pe(bt, [["render", kt]]), Bt = { class: "w-100 bg-white radius-big image-upload-area flex-v-center flex-h-center flex t-black mn-small" }, Ct = ["src"], Pt = {
-  __name: "Image",
-  props: [
-    "label",
-    "value",
-    "prop"
-  ],
-  setup(o) {
-    return g(null), (a, t) => (u(), m("div", Bt, [
-      o.prop.content ? (u(), m("img", {
-        key: 0,
-        src: o.prop.content,
-        alt: "Uploaded image",
-        class: "w-100 h-30r object-fit-contain"
-      }, null, 8, Ct)) : y("", !0)
-    ]));
-  }
-}, Tt = { class: "pd-thin" }, It = {
+const Ge = /* @__PURE__ */ X(Ve, [["render", Je]]), Qe = { class: "pd-thin" }, We = {
   __name: "BlogPost",
-  setup(o) {
-    const a = K(), t = g(null), e = g(!0);
-    S(async () => {
+  setup(d) {
+    const n = z(), s = g(null), e = g(!0);
+    F(async () => {
       e.value = !0;
-      const n = await ee({ user: P.user._id, url: a.params.url });
-      t.value = n[0], e.value = !1;
+      const t = await L({ user: w.user._id, url: n.params.url });
+      s.value = t[0], e.value = !1;
     });
-    const s = {
+    const a = {
       Textarea: "p",
       H2: "h2",
       Bullets: "p",
       Caption: "p",
-      ImageUpload: Pt
+      ImageUpload: he
     };
-    function p(n) {
-      return n.type === "Textarea" ? { innerHTML: n.content, class: "p-medium" } : n.type === "H2" ? { innerHTML: n.content, class: "h3" } : n.type === "Caption" ? { innerHTML: n.content } : n.type === "ImageUpload" ? { src: n.content } : {};
+    function m(t) {
+      return t.type === "Textarea" ? { innerHTML: t.content, class: "p-medium" } : t.type === "H2" ? { innerHTML: t.content, class: "h3" } : t.type === "Caption" ? { innerHTML: t.content } : t.type === "ImageUpload" ? { src: t.content } : {};
     }
-    return (n, i) => (u(), m("section", Tt, [
-      x(ne, {
+    return (t, _) => (i(), p("section", Qe, [
+      h(H, {
         tag: "ul",
         name: "fade",
         class: "o-hidden bg-grey radius-big"
       }, {
-        default: T(() => [
-          e.value ? (u(), m(V, { key: 0 }, O(3, (l) => x($t, { key: l })), 64)) : y("", !0)
+        default: k(() => [
+          e.value ? (i(), p(D, { key: 0 }, U(3, (l) => h(Ge, { key: l })), 64)) : v("", !0)
         ]),
         _: 1
       }),
-      x(X, { name: "fade" }, {
-        default: T(() => [
-          !e.value && !t.value ? (u(), U(je, {
+      h(G, { name: "fade" }, {
+        default: k(() => [
+          !e.value && !s.value ? (i(), I(xe, {
             key: 0,
             title: "No Blogpost Found",
             description: "Currently, there are no blogposts available. Please check back later.",
             class: "pd-medium mn-thin bg-grey radius-big"
-          })) : y("", !0)
+          })) : v("", !0)
         ]),
         _: 1
       }),
-      x(ne, {
+      h(H, {
         tag: "ul",
         name: "fade",
         class: "container"
       }, {
-        default: T(() => [
-          !e.value && t.value ? (u(), U(ue, {
+        default: k(() => [
+          !e.value && s.value ? (i(), I(K, {
             key: 0,
-            onClick: i[0] || (i[0] = (l) => n.$router.push({ name: "Blogpost", params: { url: t.value.url } })),
-            blogpost: t.value,
-            user: P.user._id,
+            onClick: _[0] || (_[0] = (l) => t.$router.push({ name: "Blogpost", params: { url: s.value.url } })),
+            blogpost: s.value,
+            user: w.user._id,
             type: "blogpostPage",
-            class: D(["mn-medium", {
-              "br-b br-solid br-black-transp-10": n.index !== t.value.length - 1
+            class: B(["mn-medium", {
+              "br-b br-solid br-black-transp-10": t.index !== s.value.length - 1
             }])
           }, {
-            default: T(() => [
-              r("section", null, [
-                t.value && t.value.content ? (u(!0), m(V, { key: 0 }, O(t.value.content, (l, c) => (u(), U(Y(s[l.type]), be({
-                  key: c,
-                  index: c,
+            default: k(() => [
+              o("section", null, [
+                s.value && s.value.content ? (i(!0), p(D, { key: 0 }, U(s.value.content, (l, f) => (i(), I(Q(a[l.type]), ee({
+                  key: f,
+                  index: f,
                   component: l,
                   prop: l,
                   class: l.class,
                   content: "content"
-                }, p(l), { class: "mn-regular" }), null, 16, ["index", "component", "prop", "class"]))), 128)) : y("", !0)
+                }, m(l), { class: "mn-regular" }), null, 16, ["index", "component", "prop", "class"]))), 128)) : v("", !0)
               ])
             ]),
             _: 1
-          }, 8, ["blogpost", "user", "class"])) : y("", !0),
-          x(De, { class: "mn-small" }),
-          !e.value && t.value ? (u(), U(Ae, {
+          }, 8, ["blogpost", "user", "class"])) : v("", !0),
+          h(re, { class: "mn-small" }),
+          !e.value && s.value ? (i(), I(_e, {
             key: 1,
             type: "blogpost",
-            target: t.value._id,
-            owner: P.user._id
-          }, null, 8, ["target", "owner"])) : y("", !0)
+            target: s.value._id,
+            owner: w.user._id
+          }, null, 8, ["target", "owner"])) : v("", !0)
         ]),
         _: 1
       })
     ]));
   }
-}, St = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: It
-}, Symbol.toStringTag, { value: "Module" })), Ft = {
+  default: We
+}, Symbol.toStringTag, { value: "Module" })), Xe = {
   __name: "Blog",
-  setup(o) {
-    const a = K(), t = Z();
-    return a.params.category || (a.params.category = "featured"), S(() => {
-      if (a.query) {
-        const e = a.query, s = {
+  setup(d) {
+    const n = z(), s = A();
+    return n.params.category || (n.params.category = "featured"), F(() => {
+      if (n.query) {
+        const e = n.query, a = {
           tags: e.tags ? e.tags.split(",") : [],
           period: e.period ? e.period : "year"
         };
-        N.filter = s;
+        M.filter = a;
       }
-    }), E(() => N.filter, (e, s) => {
-      const p = { ...a.query };
-      Object.keys(s).forEach((i) => {
-        p[i] && delete p[i];
+    }), te(() => M.filter, (e, a) => {
+      const m = { ...n.query };
+      Object.keys(a).forEach((_) => {
+        m[_] && delete m[_];
       });
-      const n = Object.fromEntries(
-        Object.entries(e).filter(([i, l]) => Array.isArray(l) && l.length > 0 || typeof l == "string" && l).map(([i, l]) => [i, Array.isArray(l) ? l.join(",") : l])
+      const t = Object.fromEntries(
+        Object.entries(e).filter(([_, l]) => Array.isArray(l) && l.length > 0 || typeof l == "string" && l).map(([_, l]) => [_, Array.isArray(l) ? l.join(",") : l])
       );
-      Object.assign(p, n), t.push({ query: p });
-    }, { deep: !0 }), (e, s) => (u(), m("section", null, [
-      x(Pe, {
-        category: _(a).params.category,
-        user: P.user._id,
-        period: _(a).query.period
+      Object.assign(m, t), s.push({ query: m });
+    }, { deep: !0 }), (e, a) => (i(), p("section", null, [
+      h(ce, {
+        category: c(n).params.category,
+        user: w.user._id,
+        period: c(n).query.period
       }, null, 8, ["category", "user", "period"])
     ]));
   }
-}, Ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ft
-}, Symbol.toStringTag, { value: "Module" })), Mt = { class: "w-100 cols-4 t-left flex-nowrap flex" }, Dt = {
+  default: Xe
+}, Symbol.toStringTag, { value: "Module" })), Ze = { class: "w-100 cols-4 t-left flex-nowrap flex" }, et = {
   key: 0,
   class: "w-100 br-2px br-solid br-white-transp-10 radius-small pd-small flex-v-center flex-nowrap flex"
-}, zt = /* @__PURE__ */ r("p", { class: "h4 i-medium mn-r-small" }, "👍", -1), Ht = { class: "t-semi uppercase" }, jt = /* @__PURE__ */ r("br", null, null, -1), At = {
+}, tt = /* @__PURE__ */ o("p", { class: "h4 i-medium mn-r-small" }, "👍", -1), st = { class: "t-semi uppercase" }, at = /* @__PURE__ */ o("br", null, null, -1), ot = {
   key: 1,
   class: "w-100 br-2px br-solid br-white-transp-10 radius-small pd-small flex-v-center flex-nowrap flex"
-}, Nt = /* @__PURE__ */ r("p", { class: "h4 i-medium mn-r-small" }, "💬", -1), Et = { class: "t-semi uppercase" }, Lt = /* @__PURE__ */ r("br", null, null, -1), Vt = {
+}, nt = /* @__PURE__ */ o("p", { class: "h4 i-medium mn-r-small" }, "💬", -1), lt = { class: "t-semi uppercase" }, rt = /* @__PURE__ */ o("br", null, null, -1), it = {
   key: 2,
   class: "w-100 br-2px br-solid br-white-transp-10 radius-small pd-small flex-v-center flex-nowrap flex"
-}, Ot = /* @__PURE__ */ r("p", { class: "h4 i-medium mn-r-small" }, "👍", -1), Rt = { class: "t-semi uppercase" }, qt = /* @__PURE__ */ r("br", null, null, -1), Pn = {
+}, ut = /* @__PURE__ */ o("p", { class: "h4 i-medium mn-r-small" }, "👍", -1), ct = { class: "t-semi uppercase" }, pt = /* @__PURE__ */ o("br", null, null, -1), Gt = {
   __name: "Activity",
   props: {
     likes: Number,
     comments: Number,
     subscriptions: Number
   },
-  setup(o) {
-    return (a, t) => (u(), m("section", Mt, [
-      o.likes ? (u(), m("div", Dt, [
-        zt,
-        r("span", Ht, [
-          F(H(o.likes), 1),
-          jt,
-          F("likes")
+  setup(d) {
+    return (n, s) => (i(), p("section", Ze, [
+      d.likes ? (i(), p("div", et, [
+        tt,
+        o("span", st, [
+          T(N(d.likes), 1),
+          at,
+          T("likes")
         ])
-      ])) : y("", !0),
-      o.comments ? (u(), m("div", At, [
-        Nt,
-        r("span", Et, [
-          F(H(o.comments), 1),
-          Lt,
-          F("comments")
+      ])) : v("", !0),
+      d.comments ? (i(), p("div", ot, [
+        nt,
+        o("span", lt, [
+          T(N(d.comments), 1),
+          rt,
+          T("comments")
         ])
-      ])) : y("", !0),
-      o.subscriptions ? (u(), m("div", Vt, [
-        Ot,
-        r("span", Rt, [
-          F(H(o.subscriptions), 1),
-          qt,
-          F("subscriptions")
+      ])) : v("", !0),
+      d.subscriptions ? (i(), p("div", it, [
+        ut,
+        o("span", ct, [
+          T(N(d.subscriptions), 1),
+          pt,
+          T("subscriptions")
         ])
-      ])) : y("", !0)
+      ])) : v("", !0)
     ]));
   }
-}, Jt = { class: "pd-thin radius-extra flex-nowrap flex" }, Kt = ["innerHTML"], Wt = {
+}, dt = { class: "pd-thin radius-extra flex-nowrap flex" }, mt = ["innerHTML"], gt = {
   __name: "FieldBig",
   props: {
     input: String,
@@ -841,94 +458,94 @@ const $t = /* @__PURE__ */ pe(bt, [["render", kt]]), Bt = { class: "w-100 bg-whi
     }
   },
   emits: ["update:input", "action"],
-  setup(o, { emit: a }) {
-    const t = o, { t: e, locale: s } = Ne();
-    let p = g(0), n = g(t.input), i = g(t.placeholder), l = g(t.enableTyping), c = g(null), h = g(""), b = g(!0), I = null;
-    function j() {
-      a("action");
-    }
-    function W($) {
-      a("update:input", $), h.value = $;
+  setup(d, { emit: n }) {
+    const s = d, { t: e, locale: a } = $e();
+    let m = g(0), t = g(s.input), _ = g(s.placeholder), l = g(s.enableTyping), f = g(null), P = g(""), $ = g(!0), S = null;
+    function O() {
+      n("action");
     }
-    function L() {
-      p.value = (p.value + 1) % t.placeholderTexts[s.value].length;
+    function j(x) {
+      n("update:input", x), P.value = x;
     }
-    function z() {
-      l.value = !1, clearInterval(c.value), i.value = t.placeholder, h.value || (n.value = "");
+    function r() {
+      m.value = (m.value + 1) % s.placeholderTexts[a.value].length;
     }
-    function G() {
-      !h.value && t.enableTyping && (l.value = !0, i.value = "", A());
+    function u() {
+      l.value = !1, clearInterval(f.value), _.value = s.placeholder, P.value || (t.value = "");
     }
-    function A() {
-      let $ = t.placeholderTexts[s.value][p.value], w = 0, B = !1;
-      I = setInterval(() => {
-        b.value = !b.value;
-      }, 200), c.value = setInterval(() => {
-        l.value && (B ? (n.value = n.value.slice(0, -1), n.value = $.substring(0, w) + (b.value && w % 2 ? "|" : ""), w--) : (n.value = $.substring(0, w) + (b.value && w % 2 ? "|" : ""), w++), w > $.length && t.loopTyping && setTimeout(() => {
-          B = !0, n.value = $.substring(0, w);
-        }, 333), w === 0 && B && (B = !1, L(), $ = t.placeholderTexts[s.value][p.value]));
-      }, t.typingSpeed);
-    }
-    return S(() => {
-      t.enableTyping && A();
-    }), ie(() => {
-      l.value || (clearInterval(c.value), clearInterval(I));
-    }), ($, w) => (u(), m("div", Jt, [
-      x(Se, {
-        field: _(n),
+    function b() {
+      !P.value && s.enableTyping && (l.value = !0, _.value = "", E());
+    }
+    function E() {
+      let x = s.placeholderTexts[a.value][m.value], y = 0, C = !1;
+      S = setInterval(() => {
+        $.value = !$.value;
+      }, 200), f.value = setInterval(() => {
+        l.value && (C ? (t.value = t.value.slice(0, -1), t.value = x.substring(0, y) + ($.value && y % 2 ? "|" : ""), y--) : (t.value = x.substring(0, y) + ($.value && y % 2 ? "|" : ""), y++), y > x.length && s.loopTyping && setTimeout(() => {
+          C = !0, t.value = x.substring(0, y);
+        }, 333), y === 0 && C && (C = !1, r(), x = s.placeholderTexts[a.value][m.value]));
+      }, s.typingSpeed);
+    }
+    return F(() => {
+      s.enableTyping && E();
+    }), se(() => {
+      l.value || (clearInterval(f.value), clearInterval(S));
+    }), (x, y) => (i(), p("div", dt, [
+      h(de, {
+        field: c(t),
         "onUpdate:field": [
-          w[0] || (w[0] = (B) => ce(n) ? n.value = B : n = B),
-          W
+          y[0] || (y[0] = (C) => W(t) ? t.value = C : t = C),
+          j
         ],
-        placeholder: _(i),
-        onInput: L,
-        onFocus: z,
-        onBlur: G,
+        placeholder: c(_),
+        onInput: r,
+        onFocus: u,
+        onBlur: b,
         class: "w-100 pd-small p-big"
       }, null, 8, ["field", "placeholder"]),
-      o.action ? (u(), m("button", {
+      d.action ? (i(), p("button", {
         key: 0,
-        onClick: j,
+        onClick: O,
         class: "w-min hover_bg-white hover-t-black t-black bg-main button",
-        innerHTML: o.action
-      }, null, 8, Kt)) : y("", !0)
+        innerHTML: d.action
+      }, null, 8, mt)) : v("", !0)
     ]));
   }
 };
-const Gt = { class: "pd-thin" }, Qt = { class: "o-hidden t-black bg-main pd-big radius-big" }, Xt = /* @__PURE__ */ r("header", { class: "t-center z-index-1 mn-big" }, [
-  /* @__PURE__ */ r("h2", { class: "mn-l-auto mn-r-auto w-m-40r mn-medium" }, "Stay Updated with The Latest in Cannabis."),
-  /* @__PURE__ */ r("p", { class: "t-transp p-big" }, "Subscribe to our newsletter for news, insights, and more from the Weeder universe.")
-], -1), Yt = { class: "z-index-1 mn-big w-100 flex-nowrap flex" }, Zt = /* @__PURE__ */ r("div", { class: "w-100 h-100 pos-absolute pos-t-50-negative pos-r-0 z-index-0 grid" }, [
-  /* @__PURE__ */ r("div", { class: "spiral" })
-], -1), Tn = {
+const _t = { class: "pd-thin" }, ht = { class: "o-hidden t-black bg-main pd-big radius-big" }, ft = /* @__PURE__ */ o("header", { class: "t-center z-index-1 mn-big" }, [
+  /* @__PURE__ */ o("h2", { class: "mn-l-auto mn-r-auto w-m-40r mn-medium" }, "Stay Updated with The Latest in Cannabis."),
+  /* @__PURE__ */ o("p", { class: "t-transp p-big" }, "Subscribe to our newsletter for news, insights, and more from the Weeder universe.")
+], -1), vt = { class: "z-index-1 mn-big w-100 flex-nowrap flex" }, bt = /* @__PURE__ */ o("div", { class: "w-100 h-100 pos-absolute pos-t-50-negative pos-r-0 z-index-0 grid" }, [
+  /* @__PURE__ */ o("div", { class: "spiral" })
+], -1), Qt = {
   __name: "SubscribeNewsletter",
-  setup(o) {
-    let a = g("");
-    return (t, e) => (u(), m("section", Gt, [
-      r("div", Qt, [
-        Xt,
-        r("div", Yt, [
-          x(Wt, {
-            input: _(a),
+  setup(d) {
+    let n = g("");
+    return (s, e) => (i(), p("section", _t, [
+      o("div", ht, [
+        ft,
+        o("div", vt, [
+          h(gt, {
+            input: c(n),
             typingSpeed: 75,
             loopTyping: !1,
             enableTyping: !1,
             placeholder: "Please enter your email",
             action: "Subscribe",
-            "onUpdate:input": e[0] || (e[0] = (s) => ce(a) ? a.value = s : a = s),
-            onAction: e[1] || (e[1] = (s) => t.router.push({ name: "Product Recommmendation", query: { mood: t.mood } })),
+            "onUpdate:input": e[0] || (e[0] = (a) => W(n) ? n.value = a : n = a),
+            onAction: e[1] || (e[1] = (a) => s.router.push({ name: "Product Recommmendation", query: { mood: s.mood } })),
             class: "mn-l-auto mn-r-auto bg-white t-black w-50"
           }, null, 8, ["input"])
         ]),
-        Zt
+        bt
       ])
     ]));
   }
 };
-const en = { class: "container container-joinus" }, tn = { class: "content" }, nn = { class: "h0 mn-big" }, ln = /* @__PURE__ */ r("p", { class: "w-m-33r t-center mn-small p-big" }, "Together, we're shaping the future of the globals cannabis community.", -1), on = /* @__PURE__ */ r("button", { class: "bg-black t-white button" }, "Join Now", -1), In = {
+const yt = { class: "container container-joinus" }, wt = { class: "content" }, xt = { class: "h0 mn-big" }, $t = /* @__PURE__ */ o("p", { class: "w-m-33r t-center mn-small p-big" }, "Together, we're shaping the future of the globals cannabis community.", -1), kt = /* @__PURE__ */ o("button", { class: "bg-black t-white button" }, "Join Now", -1), Wt = {
   __name: "JoinUs",
-  setup(o) {
-    const a = g(120950), t = g([
+  setup(d) {
+    const n = g(120950), s = g([
       "/assets/images/reviews/01.png",
       "/assets/images/reviews/02.png",
       "/assets/images/reviews/03.png",
@@ -937,49 +554,49 @@ const en = { class: "container container-joinus" }, tn = { class: "content" }, n
       "/assets/images/reviews/06.png"
     ]), e = () => {
       setInterval(() => {
-        a.value += Math.floor(Math.random() * 5) + 1;
+        n.value += Math.floor(Math.random() * 5) + 1;
       }, 330);
-    }, s = {
+    }, a = {
       minSize: "6rem",
       maxSize: "10rem",
       minDuration: 5,
       maxDuration: 15,
       spawnPoints: [10, 90]
     };
-    S(() => {
-      p(), e();
+    F(() => {
+      m(), e();
     });
-    const p = () => {
-      t.value.forEach((n, i) => {
+    const m = () => {
+      s.value.forEach((t, _) => {
         let l = document.createElement("img");
-        l.src = n, l.classList.add("floating-image");
-        let c = s.spawnPoints[Math.floor(Math.random() * s.spawnPoints.length)], h = (Math.random() - 0.5) * 2 * 10;
-        l.style.left = `${c + h}%`, l.style.animationDuration = `${Math.random() * (s.maxDuration - s.minDuration) + s.minDuration}s`, document.querySelector(".container").appendChild(l), l.addEventListener("animationiteration", () => {
-          const b = s.spawnPoints[Math.floor(Math.random() * s.spawnPoints.length)], I = (Math.random() - 0.5) * 2 * 10;
-          l.style.left = `${b + I}%`;
+        l.src = t, l.classList.add("floating-image");
+        let f = a.spawnPoints[Math.floor(Math.random() * a.spawnPoints.length)], P = (Math.random() - 0.5) * 2 * 10;
+        l.style.left = `${f + P}%`, l.style.animationDuration = `${Math.random() * (a.maxDuration - a.minDuration) + a.minDuration}s`, document.querySelector(".container").appendChild(l), l.addEventListener("animationiteration", () => {
+          const $ = a.spawnPoints[Math.floor(Math.random() * a.spawnPoints.length)], S = (Math.random() - 0.5) * 2 * 10;
+          l.style.left = `${$ + S}%`;
         });
       });
     };
-    return (n, i) => (u(), m("div", en, [
-      r("div", tn, [
-        r("span", nn, H(a.value.toLocaleString()), 1),
-        ln,
-        on
+    return (t, _) => (i(), p("div", yt, [
+      o("div", wt, [
+        o("span", xt, N(n.value.toLocaleString()), 1),
+        $t,
+        kt
       ])
     ]));
   }
 };
-const an = (o) => (xe("data-v-18db0d1b"), o = o(), we(), o), sn = { class: "community-feed" }, rn = /* @__PURE__ */ an(() => /* @__PURE__ */ r("h2", { class: "w-m-75r mn-auto pd-t-big pd-b-big t-center" }, "Discover the Vibrant Community", -1)), cn = { class: "grid-container" }, un = {
+const Pt = (d) => (oe("data-v-18db0d1b"), d = d(), ne(), d), Ct = { class: "community-feed" }, Tt = /* @__PURE__ */ Pt(() => /* @__PURE__ */ o("h2", { class: "w-m-75r mn-auto pd-t-big pd-b-big t-center" }, "Discover the Vibrant Community", -1)), St = { class: "grid-container" }, Bt = {
   __name: "HotPosts",
-  async setup(o) {
-    let a, t;
-    const e = g([]), s = async () => {
-      const n = await ee({ skip: 0, limit: 7, period: "year" });
-      console.log(n), e.value = n;
+  async setup(d) {
+    let n, s;
+    const e = g([]), a = async () => {
+      const t = await L({ skip: 0, limit: 7, period: "year" });
+      console.log(t), e.value = t;
     };
-    [a, t] = ye(() => s()), await a, t();
-    const p = (n) => {
-      switch (n) {
+    [n, s] = ae(() => a()), await n, s();
+    const m = (t) => {
+      switch (t) {
         case 0:
           return "grid-item-2x2";
         case 1:
@@ -995,22 +612,22 @@ const an = (o) => (xe("data-v-18db0d1b"), o = o(), we(), o), sn = { class: "comm
           return "";
       }
     };
-    return (n, i) => (u(), m("section", sn, [
-      rn,
-      r("div", cn, [
-        (u(!0), m(V, null, O(e.value, (l, c) => (u(), U(ue, {
+    return (t, _) => (i(), p("section", Ct, [
+      Tt,
+      o("div", St, [
+        (i(!0), p(D, null, U(e.value, (l, f) => (i(), I(K, {
           blogpost: l,
-          owner: P.user._id,
-          key: c,
-          class: D(p(c))
+          owner: w.user._id,
+          key: f,
+          class: B(m(f))
         }, null, 8, ["blogpost", "owner", "class"]))), 128))
       ])
     ]));
   }
-}, Sn = /* @__PURE__ */ pe(un, [["__scopeId", "data-v-18db0d1b"]]), Fn = [
+}, Kt = /* @__PURE__ */ X(Bt, [["__scopeId", "data-v-18db0d1b"]]), Xt = [
   {
     path: "community",
-    component: Je,
+    component: Ie,
     meta: {
       title: {
         en: "Community",
@@ -1020,7 +637,7 @@ const an = (o) => (xe("data-v-18db0d1b"), o = o(), we(), o), sn = { class: "comm
     children: [{
       path: ":category?",
       name: "Blog",
-      component: () => Promise.resolve().then(() => Ut)
+      component: () => Promise.resolve().then(() => Ye)
     }]
   },
   {
@@ -1033,7 +650,7 @@ const an = (o) => (xe("data-v-18db0d1b"), o = o(), we(), o), sn = { class: "comm
       },
       authorize: []
     },
-    component: () => Promise.resolve().then(() => se)
+    component: () => Promise.resolve().then(() => J)
   },
   {
     path: "community/posts/:url",
@@ -1044,7 +661,7 @@ const an = (o) => (xe("data-v-18db0d1b"), o = o(), we(), o), sn = { class: "comm
         ru: "Пост"
       }
     },
-    component: () => Promise.resolve().then(() => St)
+    component: () => Promise.resolve().then(() => Ke)
   },
   {
     path: "community/posts/:url/edit",
@@ -1056,29 +673,23 @@ const an = (o) => (xe("data-v-18db0d1b"), o = o(), we(), o), sn = { class: "comm
       },
       authorize: []
     },
-    component: () => Promise.resolve().then(() => se)
+    component: () => Promise.resolve().then(() => J)
   }
 ];
 export {
-  Pn as Activity,
-  Ft as Blog,
-  It as BlogPost,
-  Ze as Bullets,
-  Xe as Caption,
-  ue as CardBlogpost,
-  Ae as Comments,
-  Je as Community,
-  _t as CreateBlogPost,
-  Pe as Feed,
-  Dn as FooterBlogpost,
-  Ge as H2,
-  Sn as HotPosts,
-  Pt as Image,
-  nt as ImageUpload,
-  In as JoinUs,
-  Tn as SubscribeNewsletter,
-  ae as Textarea,
-  Fn as blogpostsRoutes,
-  zn as blogpostsStore,
-  Hn as reactionsStore
+  Gt as Activity,
+  Xe as Blog,
+  We as BlogPost,
+  K as CardBlogpost,
+  _e as Comments,
+  Ie as Community,
+  Ee as CreateBlogPost,
+  ce as Feed,
+  es as FooterBlogpost,
+  Kt as HotPosts,
+  Wt as JoinUs,
+  Qt as SubscribeNewsletter,
+  Xt as blogpostsRoutes,
+  ts as blogpostsStore,
+  ss as reactionsStore
 };