@ozdao/prometheus-framework 0.0.78 → 0.0.80

package/dist/community.client.js

@@ -1,68 +1,68 @@
-import { resolveComponent as de, openBlock as u, createElementBlock as d, createElementVNode as c, createVNode as k, normalizeClass as I, unref as y, createCommentVNode as x, withCtx as S, Transition as le, createBlock as B, resolveDynamicComponent as G, ref as f, onUpdated as z, onMounted as T, watch as H, withDirectives as A, vModelText as L, nextTick as Q, createTextVNode as P, toDisplayString as M, withModifiers as oe, withAsyncContext as ae, watchEffect as se, Fragment as E, renderList as N, createStaticVNode as me, TransitionGroup as X, mergeProps as fe, isRef as re, pushScopeId as ge, popScopeId as he } from "vue";
-import { useRoute as O, useRouter as W } from "vue-router";
-import { S as ve } from "./Breadcrumbs.vue_vue_type_style_index_0_lang-d777ad17.mjs";
-import { s as F, r as K, c as _e, u as be, a as ye, b as ie, _ as xe } from "./Feed-e5fb4972.mjs";
-import { d as hn, e as vn, f as _n } from "./Feed-e5fb4972.mjs";
-import { s as C, a as we, _ as ce, F as ke } from "./auth-84680727.mjs";
-import { V as $e } from "./vue-draggable-next.esm-bundler-ff6e3f52.mjs";
-import { _ as Be } from "./EmptyState-1214f70b.mjs";
-import { _ as Ce } from "./Publics-21f24533.mjs";
-import { _ as Te } from "./Comments-9427a0eb.mjs";
-import { useI18n as Pe } from "vue-i18n";
+import { resolveComponent as se, openBlock as u, createElementBlock as d, createElementVNode as r, createVNode as B, normalizeClass as D, unref as v, createCommentVNode as w, withCtx as F, Transition as q, createBlock as U, resolveDynamicComponent as J, ref as m, onUpdated as L, nextTick as j, onMounted as I, watch as A, withDirectives as V, vModelText as O, createTextVNode as S, toDisplayString as M, withModifiers as Y, watchEffect as Z, Fragment as E, renderList as z, createStaticVNode as ee, TransitionGroup as G, mergeProps as ae, isRef as te, withAsyncContext as re, pushScopeId as ie, popScopeId as ce } from "vue";
+import { useRoute as R, useRouter as W } from "vue-router";
+import { S as ue } from "./Breadcrumbs.vue_vue_type_style_index_0_lang-451d2614.mjs";
+import { s as N, r as K, c as pe, u as de, a as me, b as ne, _ as ge } from "./Feed-d8e33aed.mjs";
+import { d as fn, e as hn, f as vn } from "./Feed-d8e33aed.mjs";
+import { s as P, a as fe, _ as le, F as he } from "./auth-18f80fef.mjs";
+import { V as ve } from "./vue-draggable-next.esm-bundler-ff6e3f52.mjs";
+import { _ as _e } from "./EmptyState-34d85f10.mjs";
+import { _ as be } from "./Publics-8bea4201.mjs";
+import { _ as ye } from "./Comments-d2a8fd0f.mjs";
+import { useI18n as xe } from "vue-i18n";
 import "./globals-f538c0ef.mjs";
-import "./CardHeader-88de7b20.mjs";
-import "./PlaceholderUserpic-4fe04ec9.mjs";
-import "./organizations-a9b86de7.mjs";
-import "./ButtonFollow-6bbf3e24.mjs";
-const Ie = { class: "min-h-100vh pd-thin" }, Se = { class: "mn-thin flex-v-center t-left flex-nowrap flex" }, Ue = { class: "flex-v-center flex-nowrap flex t-left" }, Me = /* @__PURE__ */ c("span", { class: "" }, "Topics for ", -1), De = { class: "bg-grey pd-medium radius-big mn-semi flex-nowrap flex" }, Fe = { class: "" }, He = {
+import "./CardHeader-2d7e5d49.mjs";
+import "./PlaceholderUserpic-1a6cf257.mjs";
+import "./organizations-0e9ff7ca.mjs";
+import "./ButtonFollow-0d83a04a.mjs";
+const we = { class: "min-h-100vh pd-thin" }, ke = { class: "mn-thin flex-v-center t-left flex-nowrap flex" }, $e = { class: "flex-v-center flex-nowrap flex t-left" }, Be = /* @__PURE__ */ r("span", { class: "" }, "Topics for ", -1), Ce = { class: "bg-grey pd-medium radius-big mn-semi flex-nowrap flex" }, Te = { class: "" }, Pe = {
   __name: "Community",
   setup(l) {
-    const s = O(), e = W();
-    return (o, i) => {
-      const a = de("router-view");
-      return u(), d("div", Ie, [
-        c("header", Se, [
-          c("h2", Ue, [
-            Me,
-            k(ve, {
+    const s = R(), t = W();
+    return (e, i) => {
+      const c = se("router-view");
+      return u(), d("div", we, [
+        r("header", ke, [
+          r("h2", $e, [
+            Be,
+            B(ue, {
               options: ["today", "week", "month", "year"],
-              select: F.filter.period,
-              "onUpdate:select": i[0] || (i[0] = (n) => F.filter.period = n),
+              select: N.filter.period,
+              "onUpdate:select": i[0] || (i[0] = (n) => N.filter.period = n),
               placeholder: "Select type",
               class: "w-max mn-l-small bg-grey pd-thin radius-medium h2 t-center t-black"
             }, null, 8, ["select"])
           ])
         ]),
-        c("ul", De, [
-          c("li", {
-            class: I([{ "t-white bg-black": y(s).params.category === "featured" }, "mn-r-small t-medium pd-small radius-small"]),
-            onClick: i[1] || (i[1] = (n) => y(e).push({ name: "Blog" }))
+        r("ul", Ce, [
+          r("li", {
+            class: D([{ "t-white bg-black": v(s).params.category === "featured" }, "mn-r-small t-medium pd-small radius-small"]),
+            onClick: i[1] || (i[1] = (n) => v(t).push({ name: "Blog" }))
           }, "👑 Featured", 2),
-          c("li", {
-            class: I([{ "t-white bg-black": y(s).params.category === "popular" }, "mn-r-small t-medium pd-small radius-small"]),
-            onClick: i[2] || (i[2] = (n) => y(e).push({ name: "Blog", params: { category: "popular" } }))
+          r("li", {
+            class: D([{ "t-white bg-black": v(s).params.category === "popular" }, "mn-r-small t-medium pd-small radius-small"]),
+            onClick: i[2] || (i[2] = (n) => v(t).push({ name: "Blog", params: { category: "popular" } }))
           }, "🔥 Popular", 2),
-          c("li", {
-            class: I([{ "t-white bg-black": y(s).params.category === "new" }, "mn-r-small t-medium pd-small radius-small"]),
-            onClick: i[3] || (i[3] = (n) => y(e).push({ name: "Blog", params: { category: "new" } }))
+          r("li", {
+            class: D([{ "t-white bg-black": v(s).params.category === "new" }, "mn-r-small t-medium pd-small radius-small"]),
+            onClick: i[3] || (i[3] = (n) => v(t).push({ name: "Blog", params: { category: "new" } }))
           }, "🆕 New", 2),
-          C.user._id ? (u(), d("li", {
+          P.user._id ? (u(), d("li", {
             key: 0,
-            class: I([{ "t-white bg-black": y(s).params.category === "following" }, "t-medium pd-small radius-small"]),
-            onClick: i[4] || (i[4] = (n) => y(e).push({ name: "Blog", params: { category: "following" } }))
-          }, "👥 Following", 2)) : x("", !0)
+            class: D([{ "t-white bg-black": v(s).params.category === "following" }, "t-medium pd-small radius-small"]),
+            onClick: i[4] || (i[4] = (n) => v(t).push({ name: "Blog", params: { category: "following" } }))
+          }, "👥 Following", 2)) : w("", !0)
         ]),
-        c("section", Fe, [
-          k(a, null, {
-            default: S(({ Component: n, route: t }) => [
-              k(le, {
+        r("section", Te, [
+          B(c, null, {
+            default: F(({ Component: n, route: a }) => [
+              B(q, {
                 name: "scaleIn",
                 mode: "out-in"
               }, {
-                default: S(() => [
-                  (u(), B(G(n), {
+                default: F(() => [
+                  (u(), U(J(n), {
                     ref: "page",
-                    key: t.query
+                    key: a.query
                   }))
                 ]),
                 _: 2
@@ -75,179 +75,193 @@ const Ie = { class: "min-h-100vh pd-thin" }, Se = { class: "mn-thin flex-v-cente
     };
   }
 };
-const je = ["placeholder"], J = {
+const Ie = ["placeholder"], Q = {
   __name: "Textarea",
-  props: ["obj", "label", "prop", "value", "content", "textarea", "placeholder", "index", "ref"],
-  emits: ["deleteBlock", "addBlock", "focus"],
+  props: ["obj", "label", "prop", "value", "content", "textarea", "placeholder", "index", "ref", "setFocus"],
+  emits: ["deleteBlock", "updateBlock", "addBlock", "focus"],
   setup(l, { emit: s }) {
-    const e = l;
-    f(e);
-    const o = f(null);
-    function i(n) {
-      let t = n.target.value.split(/\n+/);
-      if (t.length > 1) {
-        e.prop[e.content] = t[0], Q(() => {
+    const t = l;
+    m(t);
+    const e = m(null);
+    m(0);
+    function i(o) {
+      let p = o.target.value.split(/\n+/);
+      if (p.length > 1) {
+        t.prop[t.content] = p[0], j(() => {
           a();
         });
-        let r = t.slice(1).map((p) => ({ __name: "Textarea", content: p }));
-        s("addBlock", "Textarea", "", e.index, { blocks: r, ref: o });
+        let g = p.slice(1).map((h) => ({ __name: "Textarea", content: h }));
+        s("addBlock", "Textarea", "", t.index, { blocks: g, ref: e });
       } else
-        n.target.value.trim() === "" && n.target.value.includes(`
+        o.target.value.trim() === "" && o.target.value.includes(`
 
-`) && s("addBlock", "Textarea", "", e.index, { blocks: newBlocks, ref: o }), a();
+`) && (console.log("We are adding new block:" + t.index + newBlocks + e), s("addBlock", "Textarea", "", t.index, { blocks: newBlocks, ref: e })), a();
+    }
+    function c(o) {
+      (o.keyCode === 8 || o.keyCode === 46) && t.prop[t.content].trim() === "" && s("deleteBlock", t.prop);
+    }
+    function n() {
+      j(() => {
+        e.value.focus(), s("updateBlock", t.prop, { setFocus: !1 });
+      });
     }
     function a() {
-      o.value.style.height = "1rem", o.value.style.height = o.value.scrollHeight + "px";
+      e.value.style.height = "1rem", e.value.style.height = e.value.scrollHeight + "px";
     }
-    return z(() => {
-      a();
-    }), T(() => {
-      a();
-    }), H(() => e.prop[e.content], (n) => {
-      n === "" && !n.includes(`
-`) && s("deleteBlock", e.prop);
-    }), (n, t) => A((u(), d("textarea", {
-      "onUpdate:modelValue": t[0] || (t[0] = (r) => l.prop[l.content] = r),
-      placeholder: l.placeholder ? l.placeholder : "Enter text",
-      onInput: i,
-      onFocus: t[1] || (t[1] = (r) => s("focus", o.value)),
-      ref_key: "textarea",
-      ref: o,
-      class: "text-area mn-small"
-    }, `    
-  `, 40, je)), [
-      [L, l.prop[l.content]]
-    ]);
+    return L(() => {
+      t.setFocus && j(() => {
+        n();
+      }), a();
+    }), I(() => {
+      t.setFocus && j(() => {
+        n();
+      }), a();
+    }), A(() => t.prop[t.content], (o) => {
+    }), (o, p) => (u(), d("div", null, [
+      V(r("textarea", {
+        "onUpdate:modelValue": p[0] || (p[0] = (g) => l.prop[l.content] = g),
+        placeholder: l.placeholder ? l.placeholder : "Enter text",
+        onInput: i,
+        onFocus: p[1] || (p[1] = (g) => s("focus", e.value)),
+        onKeyup: c,
+        ref_key: "textarea",
+        ref: e,
+        class: "text-area mn-thin"
+      }, `    
+    `, 40, Ie), [
+        [O, l.prop[l.content]]
+      ])
+    ]));
   }
-}, Ee = ["placeholder"], Y = {
+}, Se = ["placeholder"], Fe = {
   __name: "H2",
   props: ["obj", "label", "prop", "value", "content", "textarea", "placeholder", "index", "ref"],
   emits: ["deleteBlock", "addBlock", "focus"],
   setup(l, { emit: s }) {
-    const e = l;
-    f(e);
-    const o = f(null);
+    const t = l;
+    m(t);
+    const e = m(null);
     function i(n) {
-      let t = n.target.value.split(/\n+/);
-      if (t.length > 1) {
-        e.prop[e.content] = t[0], Q(() => {
-          a();
+      let a = n.target.value.split(/\n+/);
+      if (a.length > 1) {
+        t.prop[t.content] = a[0], j(() => {
+          c();
         });
-        let r = t.slice(1).map((p) => ({ __name: "H2", content: p }));
-        s("addBlock", "H2", "", e.index, { blocks: r, ref: o });
+        let o = a.slice(1).map((p) => ({ __name: "H2", content: p }));
+        s("addBlock", "H2", "", t.index, { blocks: o, ref: e });
       } else
         n.target.value.trim() === "" && n.target.value.includes(`
 
-`) && s("addBlock", "H2", "", e.index, { blocks: newBlocks, ref: o }), a();
+`) && s("addBlock", "H2", "", t.index, { blocks: newBlocks, ref: e }), c();
     }
-    function a() {
-      o.value.style.height = "1rem", o.value.style.height = o.value.scrollHeight + "px";
+    function c() {
+      e.value.style.height = "1rem", e.value.style.height = e.value.scrollHeight + "px";
     }
-    return z(() => {
-      a();
-    }), T(() => {
-      a();
-    }), H(() => e.prop[e.content], (n) => {
+    return L(() => {
+      c();
+    }), I(() => {
+      c();
+    }), A(() => t.prop[t.content], (n) => {
       n === "" && !n.includes(`
-`) && s("deleteBlock", e.prop);
-    }), (n, t) => A((u(), d("textarea", {
-      "onUpdate:modelValue": t[0] || (t[0] = (r) => l.prop[l.content] = r),
+`) && s("deleteBlock", t.prop);
+    }), (n, a) => V((u(), d("textarea", {
+      "onUpdate:modelValue": a[0] || (a[0] = (o) => l.prop[l.content] = o),
       placeholder: l.placeholder ? l.placeholder : "Enter text",
       onInput: i,
-      onFocus: t[1] || (t[1] = (r) => s("focus", o.value)),
+      onFocus: a[1] || (a[1] = (o) => s("focus", e.value)),
       ref_key: "textarea",
-      ref: o,
+      ref: e,
       class: "h3 w-100 mn-t-semi mn-medium t-semi"
     }, `    
-  `, 40, Ee)), [
-      [L, l.prop[l.content]]
+  `, 40, Se)), [
+      [O, l.prop[l.content]]
     ]);
   }
-}, Ne = ["placeholder"], Z = {
+}, Ue = ["placeholder"], Me = {
   __name: "Caption",
   props: ["obj", "label", "prop", "value", "content", "textarea", "placeholder", "index", "ref"],
   emits: ["deleteBlock", "addBlock", "focus"],
   setup(l, { emit: s }) {
-    const e = l;
-    f(e);
-    const o = f(null);
+    const t = l;
+    m(t);
+    const e = m(null);
     function i(n) {
-      const t = /^\s*[-*]\s+(.*)/;
-      let p = n.target.value.split(/\n+/).map((_) => {
-        const b = t.exec(_);
-        return b ? b[1] : null;
-      }).filter((_) => _ !== null);
-      p.length > 0 ? (e.prop[e.content] = p, a()) : n.target.value.trim() === "" && (e.prop[e.content] = [], a());
+      const a = /^\s*[-*]\s+(.*)/;
+      let p = n.target.value.split(/\n+/).map((g) => {
+        const h = a.exec(g);
+        return h ? h[1] : null;
+      }).filter((g) => g !== null);
+      p.length > 0 ? (t.prop[t.content] = p, c()) : n.target.value.trim() === "" && (t.prop[t.content] = [], c());
     }
-    function a() {
-      o.value.style.height = "1rem", o.value.style.height = o.value.scrollHeight + "px";
+    function c() {
+      e.value.style.height = "1rem", e.value.style.height = e.value.scrollHeight + "px";
     }
-    return z(() => {
-      a();
-    }), T(() => {
-      a();
-    }), H(() => e.prop[e.content], (n) => {
-      (!n || n.length === 0) && s("deleteBlock", e.prop);
-    }), (n, t) => (u(), d("div", null, [
-      A(c("textarea", {
-        "onUpdate:modelValue": t[0] || (t[0] = (r) => l.prop[l.content] = r),
+    return L(() => {
+      c();
+    }), I(() => {
+      c();
+    }), A(() => t.prop[t.content], (n) => {
+      (!n || n.length === 0) && s("deleteBlock", t.prop);
+    }), (n, a) => (u(), d("div", null, [
+      V(r("textarea", {
+        "onUpdate:modelValue": a[0] || (a[0] = (o) => l.prop[l.content] = o),
         placeholder: l.placeholder ? l.placeholder : "Enter text",
         onInput: i,
-        onFocus: t[1] || (t[1] = (r) => s("focus", o.value)),
+        onFocus: a[1] || (a[1] = (o) => s("focus", e.value)),
         ref_key: "textarea",
-        ref: o,
+        ref: e,
         class: "br-l br-solid br-main pd-l-small text-area mn-small"
       }, `    
-  `, 40, Ne), [
-        [L, l.prop[l.content]]
+  `, 40, Ue), [
+        [O, l.prop[l.content]]
       ])
     ]));
   }
-}, ze = ["placeholder"], ee = {
+}, De = ["placeholder"], He = {
   __name: "Bullets",
   props: ["obj", "label", "prop", "value", "content", "textarea", "placeholder", "index", "ref"],
   emits: ["deleteBlock", "addBlock", "focus"],
   setup(l, { emit: s }) {
-    const e = l;
-    f(e);
-    const o = f(null);
+    const t = l;
+    m(t);
+    const e = m(null);
     function i(n) {
-      const t = /^\s*[-*]\s+(.*)/;
-      let p = n.target.value.split(/\n+/).map((_) => {
-        const b = t.exec(_);
-        return b ? b[1] : null;
-      }).filter((_) => _ !== null);
-      p.length > 0 ? (e.prop[e.content] = p, a()) : n.target.value.trim() === "" && (e.prop[e.content] = [], a());
+      const a = /^\s*[-*]\s+(.*)/;
+      let p = n.target.value.split(/\n+/).map((g) => {
+        const h = a.exec(g);
+        return h ? h[1] : null;
+      }).filter((g) => g !== null);
+      p.length > 0 ? (t.prop[t.content] = p, c()) : n.target.value.trim() === "" && (t.prop[t.content] = [], c());
     }
-    function a() {
-      o.value.style.height = "1rem", o.value.style.height = o.value.scrollHeight + "px";
+    function c() {
+      e.value.style.height = "1rem", e.value.style.height = e.value.scrollHeight + "px";
     }
-    return z(() => {
-      a();
-    }), T(() => {
-      a();
-    }), H(() => e.prop[e.content], (n) => {
-      (!n || n.length === 0) && s("deleteBlock", e.prop);
-    }), (n, t) => (u(), d("div", null, [
-      P(M(l.prop[l.content]) + " ", 1),
-      A(c("textarea", {
-        "onUpdate:modelValue": t[0] || (t[0] = (r) => l.prop[l.content] = r),
+    return L(() => {
+      c();
+    }), I(() => {
+      c();
+    }), A(() => t.prop[t.content], (n) => {
+      (!n || n.length === 0) && s("deleteBlock", t.prop);
+    }), (n, a) => (u(), d("div", null, [
+      S(M(l.prop[l.content]) + " ", 1),
+      V(r("textarea", {
+        "onUpdate:modelValue": a[0] || (a[0] = (o) => l.prop[l.content] = o),
         placeholder: l.placeholder ? l.placeholder : "Enter text",
         onInput: i,
-        onFocus: t[1] || (t[1] = (r) => s("focus", o.value)),
+        onFocus: a[1] || (a[1] = (o) => s("focus", e.value)),
         ref_key: "textarea",
-        ref: o,
+        ref: e,
         class: "text-area mn-small"
       }, `    
-  `, 40, ze), [
-        [L, l.prop[l.content]]
+  `, 40, De), [
+        [O, l.prop[l.content]]
       ])
     ]));
   }
-}, Ae = ["src"], Le = {
+}, je = ["src"], Ne = {
   key: 1,
   class: "t-transp pd-extra"
-}, te = {
+}, Ae = {
   __name: "ImageUpload",
   props: [
     "label",
@@ -256,47 +270,47 @@ const je = ["placeholder"], J = {
   ],
   emits: ["input", "updateBlock"],
   setup(l, { emit: s }) {
-    const e = l, o = f(null), i = f(null);
-    function a() {
+    const t = l, e = m(null), i = m(null);
+    function c() {
       i.value.click();
     }
-    async function n(r) {
-      let p = r.target.files[0], _ = new FormData();
-      _.append("file", p);
+    async function n(o) {
+      let p = o.target.files[0];
+      console.log(p);
+      let g = new FormData(), h = "unsorted";
+      g.append("file", p), console.log(g.has("file"));
       try {
-        const b = we.create({ baseURL: process.env.API_URL, withCredentials: !0 });
-        console.log(_), console.log(process.env.API_URL);
-        let $ = await b.post("/api/upload/image", _, {
+        let H = await fe.create({ baseURL: process.env.API_URL, withCredentials: !0 }).post(`/api/upload/file?folderName=${encodeURIComponent(h)}`, g, {
           headers: {
             "Content-Type": "multipart/form-data"
           }
         });
-        o.value = $.data.filepath, s("input", o.value), s("updateBlock", e.prop, o.value);
-      } catch (b) {
-        console.error(b);
+        e.value = H.data.filepath, console.log(e.value), s("input", e.value), s("updateBlock", t.prop, { content: e.value });
+      } catch (C) {
+        console.error(C);
       }
     }
-    function t(r) {
-      r.preventDefault(), n({
+    function a(o) {
+      o.preventDefault(), n({
         target: {
-          files: r.dataTransfer.files
+          files: o.dataTransfer.files
         }
       });
     }
-    return (r, p) => (u(), d("div", {
-      onClick: a,
-      onDrop: t,
-      onDragover: p[0] || (p[0] = oe(() => {
+    return (o, p) => (u(), d("div", {
+      onClick: c,
+      onDrop: a,
+      onDragover: p[0] || (p[0] = Y(() => {
       }, ["prevent"])),
-      class: "w-100 image-upload-area bg-grey flex-v-center flex-h-center flex t-black mn-small"
+      class: "w-100 radius-big bg-white image-upload-area flex-v-center flex-h-center flex t-black mn-small"
     }, [
       l.prop.content ? (u(), d("img", {
         key: 0,
         src: l.prop.content,
         alt: "Uploaded image",
         class: "w-100 h-30r object-fit-contain"
-      }, null, 8, Ae)) : (u(), d("span", Le, "Click or drag-and-drop your image")),
-      c("input", {
+      }, null, 8, je)) : (u(), d("span", Ne, "Click or drag-and-drop your image")),
+      r("input", {
         type: "file",
         ref_key: "fileInput",
         ref: i,
@@ -305,197 +319,202 @@ const je = ["placeholder"], J = {
       }, null, 544)
     ], 32));
   }
-};
-const Oe = { class: "pd-thin" }, Ve = { class: "pd-t-big pd-b-big pd-thin radius-big" }, Re = { class: "mn-l-semi mn-r-semi w-full h-full" }, qe = ["onMouseover"], Je = { class: "mn-l-semi mn-r-semi relative w-full h-full" }, Ge = {
+}, Ee = { class: "pd-big" }, ze = {
+  key: 0,
+  class: "cols-2 gap-thin"
+}, Le = { class: "w-100 bg-grey pd-big radius-big" }, Ve = { class: "w-full h-full" }, Oe = ["onMouseover"], Re = {
   key: 0,
-  class: "z-index-5 relative left-0 mt-2 w-48 bg-white shadow-lg rounded"
-}, Qe = ["onClick"], We = /* @__PURE__ */ c("button", { class: "block w-full text-left px-4 py-2 hover:bg-gray-200" }, "Поменять тип", -1), Ke = ["onClick"], Xe = ["onClick"], Ye = ["onClick"], Ze = ["onClick"], et = { class: "pd-thin bg-grey pos-fixed pos-l-0 pos-b-0 w-100" }, tt = {
+  class: "z-index-5 radius-thin mn-small relative left-0 mt-2 w-48 bg-white shadow-lg rounded"
+}, qe = ["onClick"], Je = /* @__PURE__ */ r("button", { class: "block w-full text-left px-4 py-2 hover:bg-gray-200" }, "Поменять тип", -1), We = ["onClick"], Ke = ["onClick"], Ge = ["onClick"], Qe = ["onClick"], Xe = /* @__PURE__ */ ee('<section class=""><h4 class="mn-small">Select public</h4><div class="mn-semi bg-grey pd-big radius-big gw-100"></div><h4 class="mn-small">Add tags</h4><div class="bg-grey pd-big radius-big gw-100"></div></section>', 1), Ye = { class: "pd-thin pos-fixed pos-l-0 pos-b-0 w-100" }, Ze = { class: "pd-thin radius-big bg-main w-100 flex-nowrap flex" }, et = {
   __name: "CreateBlogPost",
-  async setup(l) {
-    let s, e;
-    const o = O(), i = W();
-    let a = f({});
-    if (o.params.url) {
-      const m = ([s, e] = ae(() => K({ owner: C.user._id, url: o.params.url })), s = await s, e(), s);
-      a.value = m.pop();
-    } else
-      _e(), a.value = F.current;
-    a.value.owner = C.user._id;
-    const n = {
-      Textarea: J,
-      H2: Y,
-      Bullets: ee,
-      Caption: Z,
-      ImageUpload: te
+  setup(l) {
+    const s = R(), t = W();
+    let e = m(null);
+    I(async () => {
+      if (s.params.url) {
+        const b = await K({ owner: P.user._id, url: s.params.url });
+        e.value = b.pop();
+      } else
+        pe(), e.value = N.current;
+      e.value.owner = {
+        target: P.user._id,
+        type: "user"
+      }, e.value.creator = {
+        target: P.user._id,
+        type: "user"
+      };
+    });
+    const i = {
+      Textarea: Q,
+      H2: Fe,
+      Bullets: He,
+      Caption: Me,
+      ImageUpload: Ae
     };
-    function t(m = "Textarea", v = "", g, h) {
-      let w = {
-        order: a.value.content.length + 1,
-        type: { name: m, value: n[m] },
+    function c(b = "Textarea", _ = "", f, y) {
+      console.log("We are adding new block (functuin HandleAddBlock):" + b + _ + f + y);
+      let x = {
+        order: e.value.content.length + 1,
+        type: b,
         style: "",
-        class: "",
-        content: v,
+        class: "p-medium",
+        content: _,
         blocks: [],
-        ref: h && h.ref ? h.ref : f(null)
+        setFocus: !0
       };
-      if (h && h.blocks && Array.isArray(h.blocks)) {
-        let q = h.blocks.map((pe) => ({
-          ...w,
-          content: pe.content,
-          ref: f(null)
-        })), ue = [(h.index || g) + 1, 0].concat(q);
-        a.value.content.splice.apply(a.value.content, ue), q[q.length - 1];
+      if (y && y.blocks && Array.isArray(y.blocks)) {
+        let $ = y.blocks.map((oe) => ({
+          ...x,
+          content: oe.content
+        })), k = [(y.index || f) + 1, 0].concat($);
+        e.value.content.splice.apply(e.value.content, k);
+        const T = $[$.length - 1];
+        console.log("New block is" + T);
       } else
-        g !== void 0 ? a.value.content.splice(g + 1, 0, w) : a.value.content.push(w);
-      Q(() => {
-        w.focus();
-      });
+        f !== void 0 ? (e.value.content.splice(f + 1, 0, x), console.log("Latest block is" + x)) : (console.log("Another block is" + x), e.value.content.push(x));
+      p.value = null;
     }
-    function r(m, v) {
-      const g = a.value.content.findIndex((h) => h === m);
-      g !== -1 && (a.value.content[g].content = v);
+    function n(b, _) {
+      const f = e.value.content.findIndex((y) => y === b);
+      f !== -1 && (e.value.content[f] = { ...e.value.content[f], ..._ });
     }
-    function p(m) {
-      let v = a.value.content.findIndex((g) => g === m);
-      v !== -1 && a.value.content.splice(v, 1);
+    function a(b) {
+      let _ = e.value.content.findIndex((f) => f === b);
+      _ !== -1 && e.value.content.splice(_, 1), e.value.content[_ - 1].setFocus = !0;
     }
-    function _(m) {
-      m.focus();
-    }
-    function b() {
-      o.params.url ? be(a.value).then((m) => {
-        i.push({ name: "BlogPost", params: { url: m.url } });
-      }).catch((m) => {
-        console.log(m);
-      }) : ye(a.value).then((m) => {
-        i.push({ name: "BlogPost", params: { url: m.url } });
-      }).catch((m) => {
-        console.log(m);
+    function o() {
+      s.params.url ? de(e.value).then((b) => {
+        t.push({ name: "BlogPost", params: { url: b.url } });
+      }).catch((b) => {
+        console.log(b);
+      }) : me(e.value).then((b) => {
+        t.push({ name: "BlogPost", params: { url: b.url } });
+      }).catch((b) => {
+        console.log(b);
       });
     }
-    const $ = f(null), D = f(!1), U = f(!1);
-    function j(m) {
-      if (m.__name) {
-        if (m.__name === "Textarea")
-          return J;
-        if (m.__name === "ImageUpload")
-          return te;
-        if (m.__name === "H2")
-          return Y;
-        if (m.__name === "Bullets")
-          return ee;
-        if (m.__name === "Caption")
-          return Z;
-      } else
-        return m;
-    }
-    function V() {
-      D.value = !0;
+    const p = m(null), g = m(!1), h = m(!1);
+    function C() {
+      g.value = !0;
     }
-    function R() {
-      D.value = !1;
+    function H() {
+      g.value = !1;
     }
-    return se(() => {
-      a.value.content.length === 0 && t("Textarea", "");
-    }), (m, v) => (u(), d("article", Oe, [
-      c("section", Ve, [
-        c("div", Re, [
-          k(J, {
-            prop: y(a),
-            content: "name",
-            placeholder: "Enter post title",
-            class: "h2"
-          }, null, 8, ["prop"])
-        ]),
-        y(a).content ? (u(), B(y($e), {
-          key: 0,
-          class: "w-full",
-          list: y(a).content,
-          onStart: V,
-          onEnd: R
-        }, {
-          default: S(() => [
-            (u(!0), d(E, null, N(y(a).content, (g, h) => (u(), d("div", {
-              key: h,
-              class: "relative",
-              onMouseover: (w) => $.value = h,
-              onMouseleave: v[2] || (v[2] = (w) => {
-                $.value = null, U.value = !1;
-              })
-            }, [
-              c("div", Je, [
-                (u(), B(G(j(g.type.value)), {
-                  index: h,
-                  component: g,
-                  prop: g,
-                  class: I(g.class),
-                  content: "content",
-                  onDeleteBlock: p,
-                  onAddBlock: t,
-                  onUpdateBlock: r,
-                  onFocusBlock: _
-                }, null, 40, ["index", "component", "prop", "class"]))
-              ]),
-              $.value === h ? (u(), d("div", {
-                key: 0,
-                class: "pos-absolute pos-l-0 pos-t-0",
-                onMousedown: v[1] || (v[1] = oe((w) => D.value = !0, ["prevent"]))
-              }, [
-                c("button", {
-                  onClick: v[0] || (v[0] = (w) => U.value = !U.value),
-                  class: "i-regular bg-grey radius-thin"
-                }, M(g.content ? "..." : "+"), 1),
-                U.value ? (u(), d("div", Ge, [
-                  c("button", {
-                    onClick: (w) => p(g),
-                    class: "block w-full text-left px-4 py-2 hover:bg-gray-200"
-                  }, "Удалить", 8, Qe),
-                  We,
-                  c("button", {
-                    onClick: (w) => t("ImageUpload", "", h),
-                    class: "block w-full text-left px-4 py-2 hover:bg-gray-200"
-                  }, "Добавить изображение", 8, Ke),
-                  c("button", {
-                    onClick: (w) => t("H2", "", h),
-                    class: "block w-full text-left px-4 py-2 hover:bg-gray-200"
-                  }, "Добавить заголовок", 8, Xe),
-                  c("button", {
-                    onClick: (w) => t("Bullets", "", h),
-                    class: "block w-full text-left px-4 py-2 hover:bg-gray-200"
-                  }, "Добавить список", 8, Ye),
-                  c("button", {
-                    onClick: (w) => t("Caption", "", h),
-                    class: "block w-full text-left px-4 py-2 hover:bg-gray-200"
-                  }, "Добавить выделенный текст", 8, Ze)
-                ])) : x("", !0)
-              ], 32)) : x("", !0)
-            ], 40, qe))), 128))
+    return Z(() => {
+      e.value && e.value.content.length === 0 && c("Textarea", "");
+    }), (b, _) => (u(), d("article", Ee, [
+      v(e) ? (u(), d("div", ze, [
+        S(M(v(e).owner) + " " + M(v(e).creator) + " ", 1),
+        r("section", Le, [
+          r("div", Ve, [
+            B(Q, {
+              prop: v(e),
+              content: "name",
+              placeholder: "Enter post title",
+              class: "h2"
+            }, null, 8, ["prop"])
           ]),
-          _: 1
-        }, 8, ["list"])) : x("", !0)
-      ]),
-      c("section", et, [
-        c("a", {
-          onClick: v[3] || (v[3] = (g) => b()),
-          class: "mn-l-auto bg-main button"
-        }, "Publish")
+          v(e).content ? (u(), U(v(ve), {
+            key: 0,
+            class: "w-full",
+            list: v(e).content,
+            onStart: C,
+            onEnd: H
+          }, {
+            default: F(() => [
+              (u(!0), d(E, null, z(v(e).content, (f, y) => (u(), d("div", {
+                key: y,
+                class: "relative"
+              }, [
+                r("div", {
+                  onMouseover: (x) => (p.value = y, h.value = !1),
+                  class: "w-full h-full"
+                }, [
+                  (u(), U(J(i[f.type]), {
+                    index: y,
+                    component: f,
+                    prop: f,
+                    class: D(f.class),
+                    setFocus: f.setFocus,
+                    content: "content",
+                    onDeleteBlock: a,
+                    onAddBlock: c,
+                    onUpdateBlock: n
+                  }, null, 40, ["index", "component", "prop", "class", "setFocus"]))
+                ], 40, Oe),
+                B(q, { name: "fade" }, {
+                  default: F(() => [
+                    p.value === y ? (u(), d("div", {
+                      key: 0,
+                      class: "pos-absolute pos-r-100 pos-t-0 z-index-4 i-semi",
+                      onMousedown: _[1] || (_[1] = Y((x) => g.value = !0, ["prevent"]))
+                    }, [
+                      r("button", {
+                        onClick: _[0] || (_[0] = (x) => h.value = !h.value),
+                        class: "mn-small w-100 i-big bg-white radius-thin"
+                      }, M(f.content ? "..." : "+"), 1),
+                      h.value ? (u(), d("div", Re, [
+                        r("button", {
+                          onClick: (x) => a(f),
+                          class: "block w-full text-left px-4 py-2 hover:bg-gray-200"
+                        }, "Удалить", 8, qe),
+                        Je,
+                        r("button", {
+                          onClick: (x) => c("ImageUpload", "", y),
+                          class: "block w-full text-left px-4 py-2 hover:bg-gray-200"
+                        }, "Добавить изображение", 8, We),
+                        r("button", {
+                          onClick: (x) => c("H2", "", y),
+                          class: "block w-full text-left px-4 py-2 hover:bg-gray-200"
+                        }, "Добавить заголовок", 8, Ke),
+                        r("button", {
+                          onClick: (x) => c("Bullets", "", y),
+                          class: "block w-full text-left px-4 py-2 hover:bg-gray-200"
+                        }, "Добавить список", 8, Ge),
+                        r("button", {
+                          onClick: (x) => c("Caption", "", y),
+                          class: "block w-full text-left px-4 py-2 hover:bg-gray-200"
+                        }, "Добавить выделенный текст", 8, Qe)
+                      ])) : w("", !0)
+                    ], 32)) : w("", !0)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]))), 128))
+            ]),
+            _: 1
+          }, 8, ["list"])) : w("", !0)
+        ]),
+        Xe
+      ])) : w("", !0),
+      r("section", Ye, [
+        r("div", Ze, [
+          r("a", {
+            onClick: _[2] || (_[2] = (f) => o()),
+            class: "mn-l-auto bg-white t-black button"
+          }, "To Drafts"),
+          r("a", {
+            onClick: _[3] || (_[3] = (f) => o()),
+            class: "mn-l-thin bg-black t-white button"
+          }, "Publish")
+        ])
       ])
     ]));
   }
-}, ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, X = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: tt
-}, Symbol.toStringTag, { value: "Module" })), nt = {}, lt = {
+  default: et
+}, Symbol.toStringTag, { value: "Module" })), tt = {}, nt = {
   width: "100%",
   height: "20rem",
   xmlns: "http://www.w3.org/2000/svg"
-}, ot = /* @__PURE__ */ me('<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), at = [
-  ot
+}, lt = /* @__PURE__ */ ee('<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), ot = [
+  lt
 ];
 function st(l, s) {
-  return u(), d("svg", lt, at);
+  return u(), d("svg", nt, ot);
 }
-const rt = /* @__PURE__ */ ce(nt, [["render", st]]), it = { class: "w-100 bg-darkgrey radius-big image-upload-area flex-v-center flex-h-center flex t-black mn-small" }, ct = ["src"], ut = {
+const at = /* @__PURE__ */ le(tt, [["render", st]]), rt = { class: "w-100 bg-white radius-big image-upload-area flex-v-center flex-h-center flex t-black mn-small" }, it = ["src"], ct = {
   __name: "Image",
   props: [
     "label",
@@ -503,146 +522,143 @@ const rt = /* @__PURE__ */ ce(nt, [["render", st]]), it = { class: "w-100 bg-dar
     "prop"
   ],
   setup(l) {
-    return f(null), (s, e) => (u(), d("div", it, [
+    return m(null), (s, t) => (u(), d("div", rt, [
       l.prop.content ? (u(), d("img", {
         key: 0,
         src: l.prop.content,
         alt: "Uploaded image",
         class: "w-100 h-30r object-fit-contain"
-      }, null, 8, ct)) : x("", !0)
+      }, null, 8, it)) : w("", !0)
     ]));
   }
-}, pt = { class: "pd-thin" }, dt = {
+}, ut = { class: "pd-big" }, pt = {
   __name: "BlogPost",
   setup(l) {
-    const s = O(), e = f(null), o = f(!0);
-    T(async () => {
-      o.value = !0;
-      const t = await K({ user: C.user._id, url: s.params.url });
-      e.value = t[0], o.value = !1;
+    const s = R(), t = m(null), e = m(!0);
+    I(async () => {
+      e.value = !0;
+      const n = await K({ user: P.user._id, url: s.params.url });
+      t.value = n[0], e.value = !1;
     });
-    const i = [
-      { name: "Textarea", value: "p" },
-      { name: "H2", value: "h2" },
-      { name: "Caption", value: "caption" },
-      { name: "ImageUpload", value: ut }
-    ];
-    function a(t) {
-      var r;
-      return (r = i.find((p) => p.name === t)) == null ? void 0 : r.value;
-    }
-    function n(t) {
-      return t.type.name === "Textarea" ? { innerHTML: t.content } : t.type.name === "H2" ? { innerHTML: t.content } : t.type.name === "Caption" ? { innerHTML: t.content } : t.type.name === "ImageUpload" ? { src: t.content } : {};
+    const i = {
+      Textarea: "p",
+      H2: "h2",
+      Bullets: "p",
+      Caption: "p",
+      ImageUpload: ct
+    };
+    function c(n) {
+      return n.type === "Textarea" ? { innerHTML: n.content } : n.type === "H2" ? { innerHTML: n.content } : n.type === "Caption" ? { innerHTML: n.content } : n.type === "ImageUpload" ? { src: n.content } : {};
     }
-    return (t, r) => (u(), d("section", pt, [
-      k(X, {
+    return (n, a) => (u(), d("section", ut, [
+      B(G, {
         tag: "ul",
         name: "fade",
         class: "o-hidden bg-grey radius-big"
       }, {
-        default: S(() => [
-          o.value ? (u(), d(E, { key: 0 }, N(3, (p) => k(rt, { key: p })), 64)) : x("", !0)
+        default: F(() => [
+          e.value ? (u(), d(E, { key: 0 }, z(3, (o) => B(at, { key: o })), 64)) : w("", !0)
         ]),
         _: 1
       }),
-      k(le, { name: "fade" }, {
-        default: S(() => [
-          !o.value && !e.value ? (u(), B(Be, {
+      B(q, { name: "fade" }, {
+        default: F(() => [
+          !e.value && !t.value ? (u(), U(_e, {
             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"
-          })) : x("", !0)
+          })) : w("", !0)
         ]),
         _: 1
       }),
-      k(X, {
+      B(G, {
         tag: "ul",
         name: "fade",
         class: "container"
       }, {
-        default: S(() => [
-          !o.value && e.value ? (u(), B(ie, {
+        default: F(() => [
+          !e.value && t.value ? (u(), U(ne, {
             key: 0,
-            onClick: r[0] || (r[0] = (p) => t.$router.push({ name: "Blogpost", params: { url: e.value.url } })),
-            blogpost: e.value,
-            user: C.user._id,
+            onClick: a[0] || (a[0] = (o) => n.$router.push({ name: "Blogpost", params: { url: t.value.url } })),
+            blogpost: t.value,
+            user: P.user._id,
             type: "blogpostPage",
-            class: I(["mn-medium", {
-              "br-b br-solid br-black-transp-10": t.index !== e.value.length - 1
+            class: D(["mn-medium", {
+              "br-b br-solid br-black-transp-10": n.index !== t.value.length - 1
             }])
           }, {
-            default: S(() => [
-              c("section", null, [
-                e.value && e.value.content ? (u(!0), d(E, { key: 0 }, N(e.value.content, (p, _) => (u(), B(G(a(p.type.name)), fe({
-                  key: _,
-                  index: _,
-                  component: p,
-                  prop: p,
-                  class: p.class,
+            default: F(() => [
+              r("section", null, [
+                t.value && t.value.content ? (u(!0), d(E, { key: 0 }, z(t.value.content, (o, p) => (u(), U(J(i[o.type]), ae({
+                  key: p,
+                  index: p,
+                  component: o,
+                  prop: o,
+                  class: o.class,
                   content: "content"
-                }, n(p), { class: "mn-medium" }), null, 16, ["index", "component", "prop", "class"]))), 128)) : x("", !0)
+                }, c(o), { class: "mn-medium" }), null, 16, ["index", "component", "prop", "class"]))), 128)) : w("", !0)
               ])
             ]),
             _: 1
-          }, 8, ["blogpost", "user", "class"])) : x("", !0),
-          k(Ce, { class: "mn-small" }),
-          !o.value && e.value ? (u(), B(Te, {
+          }, 8, ["blogpost", "user", "class"])) : w("", !0),
+          B(be, { class: "mn-small" }),
+          !e.value && t.value ? (u(), U(ye, {
             key: 1,
             type: "blogpost",
-            target: e.value._id,
-            owner: C.user._id
-          }, null, 8, ["target", "owner"])) : x("", !0)
+            target: t.value._id,
+            owner: P.user._id
+          }, null, 8, ["target", "owner"])) : w("", !0)
         ]),
         _: 1
       })
     ]));
   }
-}, mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: dt
-}, Symbol.toStringTag, { value: "Module" })), ft = {
+  default: pt
+}, Symbol.toStringTag, { value: "Module" })), mt = {
   __name: "Blog",
   setup(l) {
-    const s = O(), e = W();
-    return s.params.category || (s.params.category = "featured"), T(() => {
+    const s = R(), t = W();
+    return s.params.category || (s.params.category = "featured"), I(() => {
       if (s.query) {
-        const o = s.query, i = {
-          tags: o.tags ? o.tags.split(",") : [],
-          period: o.period ? o.period : "year"
+        const e = s.query, i = {
+          tags: e.tags ? e.tags.split(",") : [],
+          period: e.period ? e.period : "year"
         };
-        F.filter = i;
+        N.filter = i;
       }
-    }), H(() => F.filter, (o, i) => {
-      const a = { ...s.query };
-      Object.keys(i).forEach((t) => {
-        a[t] && delete a[t];
+    }), A(() => N.filter, (e, i) => {
+      const c = { ...s.query };
+      Object.keys(i).forEach((a) => {
+        c[a] && delete c[a];
       });
       const n = Object.fromEntries(
-        Object.entries(o).filter(([t, r]) => Array.isArray(r) && r.length > 0 || typeof r == "string" && r).map(([t, r]) => [t, Array.isArray(r) ? r.join(",") : r])
+        Object.entries(e).filter(([a, o]) => Array.isArray(o) && o.length > 0 || typeof o == "string" && o).map(([a, o]) => [a, Array.isArray(o) ? o.join(",") : o])
       );
-      Object.assign(a, n), e.push({ query: a });
-    }, { deep: !0 }), (o, i) => (u(), d("section", null, [
-      k(xe, {
-        category: y(s).params.category,
-        user: C.user._id,
-        period: y(s).query.period
+      Object.assign(c, n), t.push({ query: c });
+    }, { deep: !0 }), (e, i) => (u(), d("section", null, [
+      B(ge, {
+        category: v(s).params.category,
+        user: P.user._id,
+        period: v(s).query.period
       }, null, 8, ["category", "user", "period"])
     ]));
   }
 }, gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ft
-}, Symbol.toStringTag, { value: "Module" })), ht = { class: "w-100 cols-4 t-left flex-nowrap flex" }, vt = {
+  default: mt
+}, Symbol.toStringTag, { value: "Module" })), ft = { class: "w-100 cols-4 t-left flex-nowrap flex" }, ht = {
   key: 0,
   class: "w-100 br-2px br-solid br-white-transp-10 radius-small pd-small flex-v-center flex-nowrap flex"
-}, _t = /* @__PURE__ */ c("p", { class: "h4 i-medium mn-r-small" }, "👍", -1), bt = { class: "t-semi uppercase" }, yt = /* @__PURE__ */ c("br", null, null, -1), xt = {
+}, vt = /* @__PURE__ */ r("p", { class: "h4 i-medium mn-r-small" }, "👍", -1), _t = { class: "t-semi uppercase" }, bt = /* @__PURE__ */ r("br", null, null, -1), yt = {
   key: 1,
   class: "w-100 br-2px br-solid br-white-transp-10 radius-small pd-small flex-v-center flex-nowrap flex"
-}, wt = /* @__PURE__ */ c("p", { class: "h4 i-medium mn-r-small" }, "💬", -1), kt = { class: "t-semi uppercase" }, $t = /* @__PURE__ */ c("br", null, null, -1), Bt = {
+}, xt = /* @__PURE__ */ r("p", { class: "h4 i-medium mn-r-small" }, "💬", -1), wt = { class: "t-semi uppercase" }, kt = /* @__PURE__ */ r("br", null, null, -1), $t = {
   key: 2,
   class: "w-100 br-2px br-solid br-white-transp-10 radius-small pd-small flex-v-center flex-nowrap flex"
-}, Ct = /* @__PURE__ */ c("p", { class: "h4 i-medium mn-r-small" }, "👍", -1), Tt = { class: "t-semi uppercase" }, Pt = /* @__PURE__ */ c("br", null, null, -1), cn = {
+}, Bt = /* @__PURE__ */ r("p", { class: "h4 i-medium mn-r-small" }, "👍", -1), Ct = { class: "t-semi uppercase" }, Tt = /* @__PURE__ */ r("br", null, null, -1), rn = {
   __name: "Activity",
   props: {
     likes: Number,
@@ -650,34 +666,34 @@ const rt = /* @__PURE__ */ ce(nt, [["render", st]]), it = { class: "w-100 bg-dar
     subscriptions: Number
   },
   setup(l) {
-    return (s, e) => (u(), d("section", ht, [
-      l.likes ? (u(), d("div", vt, [
-        _t,
-        c("span", bt, [
-          P(M(l.likes), 1),
-          yt,
-          P("likes")
+    return (s, t) => (u(), d("section", ft, [
+      l.likes ? (u(), d("div", ht, [
+        vt,
+        r("span", _t, [
+          S(M(l.likes), 1),
+          bt,
+          S("likes")
         ])
-      ])) : x("", !0),
-      l.comments ? (u(), d("div", xt, [
-        wt,
-        c("span", kt, [
-          P(M(l.comments), 1),
-          $t,
-          P("comments")
+      ])) : w("", !0),
+      l.comments ? (u(), d("div", yt, [
+        xt,
+        r("span", wt, [
+          S(M(l.comments), 1),
+          kt,
+          S("comments")
         ])
-      ])) : x("", !0),
-      l.subscriptions ? (u(), d("div", Bt, [
-        Ct,
-        c("span", Tt, [
-          P(M(l.subscriptions), 1),
-          Pt,
-          P("subscriptions")
+      ])) : w("", !0),
+      l.subscriptions ? (u(), d("div", $t, [
+        Bt,
+        r("span", Ct, [
+          S(M(l.subscriptions), 1),
+          Tt,
+          S("subscriptions")
         ])
-      ])) : x("", !0)
+      ])) : w("", !0)
     ]));
   }
-}, It = { class: "pd-thin radius-extra flex-nowrap flex" }, St = ["innerHTML"], Ut = {
+}, Pt = { class: "pd-thin radius-extra flex-nowrap flex" }, It = ["innerHTML"], St = {
   __name: "FieldBig",
   props: {
     input: String,
@@ -710,100 +726,100 @@ const rt = /* @__PURE__ */ ce(nt, [["render", st]]), it = { class: "w-100 bg-dar
   },
   emits: ["update:input", "action"],
   setup(l, { emit: s }) {
-    const e = l, { t: o, locale: i } = Pe();
-    let a = f(0), n = f(e.input), t = f(e.placeholder), r = f(e.enableTyping), p = f(null), _ = f(""), b = f(!0), $ = null;
-    function D() {
+    const t = l, { t: e, locale: i } = xe();
+    let c = m(0), n = m(t.input), a = m(t.placeholder), o = m(t.enableTyping), p = m(null), g = m(""), h = m(!0), C = null;
+    function H() {
       s("action");
     }
-    function U(v) {
-      s("update:input", v), _.value = v;
+    function b($) {
+      s("update:input", $), g.value = $;
     }
-    function j() {
-      a.value = (a.value + 1) % e.placeholderTexts[i.value].length;
+    function _() {
+      c.value = (c.value + 1) % t.placeholderTexts[i.value].length;
     }
-    function V() {
-      r.value = !1, clearInterval(p.value), t.value = e.placeholder, _.value || (n.value = "");
+    function f() {
+      o.value = !1, clearInterval(p.value), a.value = t.placeholder, g.value || (n.value = "");
     }
-    function R() {
-      !_.value && e.enableTyping && (r.value = !0, t.value = "", m());
+    function y() {
+      !g.value && t.enableTyping && (o.value = !0, a.value = "", x());
     }
-    function m() {
-      let v = e.placeholderTexts[i.value][a.value], g = 0, h = !1;
-      $ = setInterval(() => {
-        b.value = !b.value;
+    function x() {
+      let $ = t.placeholderTexts[i.value][c.value], k = 0, T = !1;
+      C = setInterval(() => {
+        h.value = !h.value;
       }, 200), p.value = setInterval(() => {
-        r.value && (h ? (n.value = n.value.slice(0, -1), n.value = v.substring(0, g) + (b.value && g % 2 ? "|" : ""), g--) : (n.value = v.substring(0, g) + (b.value && g % 2 ? "|" : ""), g++), g > v.length && e.loopTyping && setTimeout(() => {
-          h = !0, n.value = v.substring(0, g);
-        }, 333), g === 0 && h && (h = !1, j(), v = e.placeholderTexts[i.value][a.value]));
-      }, e.typingSpeed);
+        o.value && (T ? (n.value = n.value.slice(0, -1), n.value = $.substring(0, k) + (h.value && k % 2 ? "|" : ""), k--) : (n.value = $.substring(0, k) + (h.value && k % 2 ? "|" : ""), k++), k > $.length && t.loopTyping && setTimeout(() => {
+          T = !0, n.value = $.substring(0, k);
+        }, 333), k === 0 && T && (T = !1, _(), $ = t.placeholderTexts[i.value][c.value]));
+      }, t.typingSpeed);
     }
-    return T(() => {
-      e.enableTyping && m();
-    }), se(() => {
-      r.value || (clearInterval(p.value), clearInterval($));
-    }), (v, g) => (u(), d("div", It, [
-      k(ke, {
-        field: y(n),
+    return I(() => {
+      t.enableTyping && x();
+    }), Z(() => {
+      o.value || (clearInterval(p.value), clearInterval(C));
+    }), ($, k) => (u(), d("div", Pt, [
+      B(he, {
+        field: v(n),
         "onUpdate:field": [
-          g[0] || (g[0] = (h) => re(n) ? n.value = h : n = h),
-          U
+          k[0] || (k[0] = (T) => te(n) ? n.value = T : n = T),
+          b
         ],
-        placeholder: y(t),
-        onInput: j,
-        onFocus: V,
-        onBlur: R,
+        placeholder: v(a),
+        onInput: _,
+        onFocus: f,
+        onBlur: y,
         class: "w-100 pd-small p-big"
       }, null, 8, ["field", "placeholder"]),
       l.action ? (u(), d("button", {
         key: 0,
-        onClick: D,
+        onClick: H,
         class: "w-min hover_bg-white hover-t-black t-black bg-main button",
         innerHTML: l.action
-      }, null, 8, St)) : x("", !0)
+      }, null, 8, It)) : w("", !0)
     ]));
   }
 };
-const Mt = { class: "pd-thin" }, Dt = { class: "o-hidden t-black bg-main pd-big radius-big" }, Ft = /* @__PURE__ */ c("header", { class: "t-center z-index-1 mn-big" }, [
-  /* @__PURE__ */ c("h2", { class: "mn-l-auto mn-r-auto w-m-40r mn-medium" }, "Stay Updated with The Latest in Cannabis."),
-  /* @__PURE__ */ c("p", { class: "t-transp p-big" }, "Subscribe to our newsletter for news, insights, and more from the Weeder universe.")
-], -1), Ht = { class: "z-index-1 mn-big w-100 flex-nowrap flex" }, jt = /* @__PURE__ */ c("div", { class: "w-100 h-100 pos-absolute pos-t-50-negative pos-r-0 z-index-0 grid" }, [
-  /* @__PURE__ */ c("div", { class: "spiral" })
-], -1), un = {
+const Ft = { class: "pd-thin" }, Ut = { class: "o-hidden t-black bg-main pd-big radius-big" }, Mt = /* @__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), Dt = { class: "z-index-1 mn-big w-100 flex-nowrap flex" }, Ht = /* @__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), cn = {
   __name: "SubscribeNewsletter",
   setup(l) {
-    let s = f("");
-    return (e, o) => (u(), d("section", Mt, [
-      c("div", Dt, [
-        Ft,
-        c("div", Ht, [
-          k(Ut, {
-            input: y(s),
+    let s = m("");
+    return (t, e) => (u(), d("section", Ft, [
+      r("div", Ut, [
+        Mt,
+        r("div", Dt, [
+          B(St, {
+            input: v(s),
             typingSpeed: 75,
             loopTyping: !1,
             enableTyping: !1,
             placeholder: "Please enter your email",
             action: "Subscribe",
-            "onUpdate:input": o[0] || (o[0] = (i) => re(s) ? s.value = i : s = i),
-            onAction: o[1] || (o[1] = (i) => e.router.push({ name: "Product Recommmendation", query: { mood: e.mood } })),
+            "onUpdate:input": e[0] || (e[0] = (i) => te(s) ? s.value = i : s = i),
+            onAction: e[1] || (e[1] = (i) => t.router.push({ name: "Product Recommmendation", query: { mood: t.mood } })),
             class: "mn-l-auto mn-r-auto bg-white t-black w-50"
           }, null, 8, ["input"])
         ]),
-        jt
+        Ht
       ])
     ]));
   }
 };
-const Et = { class: "container-joinus" }, Nt = { class: "content" }, zt = { class: "h0 mn-big" }, At = /* @__PURE__ */ c("p", { class: "w-m-33r t-center mn-small p-big" }, "Together, we're shaping the future of the globals cannabis community.", -1), Lt = /* @__PURE__ */ c("button", { class: "bg-black t-white button" }, "Join Now", -1), pn = {
+const jt = { class: "container-joinus" }, Nt = { class: "content" }, At = { class: "h0 mn-big" }, Et = /* @__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), zt = /* @__PURE__ */ r("button", { class: "bg-black t-white button" }, "Join Now", -1), un = {
   __name: "JoinUs",
   setup(l) {
-    const s = f(120950), e = f([
+    const s = m(120950), t = m([
       "/assets/images/reviews/01.png",
       "/assets/images/reviews/02.png",
       "/assets/images/reviews/03.png",
       "/assets/images/reviews/04.png",
       "/assets/images/reviews/05.png",
       "/assets/images/reviews/06.png"
-    ]), o = () => {
+    ]), e = () => {
       setInterval(() => {
         s.value += Math.floor(Math.random() * 5) + 1;
       }, 330);
@@ -814,39 +830,39 @@ const Et = { class: "container-joinus" }, Nt = { class: "content" }, zt = { clas
       maxDuration: 15,
       spawnPoints: [10, 90]
     };
-    T(() => {
-      a(), o();
+    I(() => {
+      c(), e();
     });
-    const a = () => {
-      e.value.forEach((n, t) => {
-        let r = document.createElement("img");
-        r.src = n, r.classList.add("floating-image");
-        let p = i.spawnPoints[Math.floor(Math.random() * i.spawnPoints.length)], _ = (Math.random() - 0.5) * 2 * 10;
-        r.style.left = `${p + _}%`, r.style.animationDuration = `${Math.random() * (i.maxDuration - i.minDuration) + i.minDuration}s`, document.querySelector(".container").appendChild(r), r.addEventListener("animationiteration", () => {
-          const b = i.spawnPoints[Math.floor(Math.random() * i.spawnPoints.length)], $ = (Math.random() - 0.5) * 2 * 10;
-          r.style.left = `${b + $}%`;
+    const c = () => {
+      t.value.forEach((n, a) => {
+        let o = document.createElement("img");
+        o.src = n, o.classList.add("floating-image");
+        let p = i.spawnPoints[Math.floor(Math.random() * i.spawnPoints.length)], g = (Math.random() - 0.5) * 2 * 10;
+        o.style.left = `${p + g}%`, o.style.animationDuration = `${Math.random() * (i.maxDuration - i.minDuration) + i.minDuration}s`, document.querySelector(".container").appendChild(o), o.addEventListener("animationiteration", () => {
+          const h = i.spawnPoints[Math.floor(Math.random() * i.spawnPoints.length)], C = (Math.random() - 0.5) * 2 * 10;
+          o.style.left = `${h + C}%`;
         });
       });
     };
-    return (n, t) => (u(), d("div", Et, [
-      c("div", Nt, [
-        c("span", zt, M(s.value.toLocaleString()), 1),
-        At,
-        Lt
+    return (n, a) => (u(), d("div", jt, [
+      r("div", Nt, [
+        r("span", At, M(s.value.toLocaleString()), 1),
+        Et,
+        zt
       ])
     ]));
   }
 };
-const Ot = (l) => (ge("data-v-18db0d1b"), l = l(), he(), l), Vt = { class: "community-feed" }, Rt = /* @__PURE__ */ Ot(() => /* @__PURE__ */ c("h2", { class: "w-m-75r mn-auto pd-t-big pd-b-big t-center" }, "Discover the Vibrant Community", -1)), qt = { class: "grid-container" }, Jt = {
+const Lt = (l) => (ie("data-v-18db0d1b"), l = l(), ce(), l), Vt = { class: "community-feed" }, Ot = /* @__PURE__ */ Lt(() => /* @__PURE__ */ r("h2", { class: "w-m-75r mn-auto pd-t-big pd-b-big t-center" }, "Discover the Vibrant Community", -1)), Rt = { class: "grid-container" }, qt = {
   __name: "HotPosts",
   async setup(l) {
-    let s, e;
-    const o = f([]), i = async () => {
+    let s, t;
+    const e = m([]), i = async () => {
       const n = await K({ skip: 0, limit: 7, period: "year" });
-      console.log(n), o.value = n;
+      console.log(n), e.value = n;
     };
-    [s, e] = ae(() => i()), await s, e();
-    const a = (n) => {
+    [s, t] = re(() => i()), await s, t();
+    const c = (n) => {
       switch (n) {
         case 0:
           return "grid-item-2x2";
@@ -863,22 +879,22 @@ const Ot = (l) => (ge("data-v-18db0d1b"), l = l(), he(), l), Vt = { class: "comm
           return "";
       }
     };
-    return (n, t) => (u(), d("section", Vt, [
-      Rt,
-      c("div", qt, [
-        (u(!0), d(E, null, N(o.value, (r, p) => (u(), B(ie, {
-          blogpost: r,
-          owner: C.user._id,
+    return (n, a) => (u(), d("section", Vt, [
+      Ot,
+      r("div", Rt, [
+        (u(!0), d(E, null, z(e.value, (o, p) => (u(), U(ne, {
+          blogpost: o,
+          owner: P.user._id,
           key: p,
-          class: I(a(p))
+          class: D(c(p))
         }, null, 8, ["blogpost", "owner", "class"]))), 128))
       ])
     ]));
   }
-}, dn = /* @__PURE__ */ ce(Jt, [["__scopeId", "data-v-18db0d1b"]]), mn = [
+}, pn = /* @__PURE__ */ le(qt, [["__scopeId", "data-v-18db0d1b"]]), dn = [
   {
     path: "community",
-    component: He,
+    component: Pe,
     meta: {
       title: {
         en: "Community",
@@ -901,7 +917,7 @@ const Ot = (l) => (ge("data-v-18db0d1b"), l = l(), he(), l), Vt = { class: "comm
       },
       authorize: []
     },
-    component: () => Promise.resolve().then(() => ne)
+    component: () => Promise.resolve().then(() => X)
   },
   {
     path: "community/posts/:url",
@@ -912,7 +928,7 @@ const Ot = (l) => (ge("data-v-18db0d1b"), l = l(), he(), l), Vt = { class: "comm
         ru: "Пост"
       }
     },
-    component: () => Promise.resolve().then(() => mt)
+    component: () => Promise.resolve().then(() => dt)
   },
   {
     path: "community/posts/:url/edit",
@@ -924,29 +940,29 @@ const Ot = (l) => (ge("data-v-18db0d1b"), l = l(), he(), l), Vt = { class: "comm
       },
       authorize: []
     },
-    component: () => Promise.resolve().then(() => ne)
+    component: () => Promise.resolve().then(() => X)
   }
 ];
 export {
-  cn as Activity,
-  ft as Blog,
-  dt as BlogPost,
-  ee as Bullets,
-  Z as Caption,
-  ie as CardBlogpost,
-  Te as Comments,
-  He as Community,
-  tt as CreateBlogPost,
-  xe as Feed,
-  hn as FooterBlogpost,
-  Y as H2,
-  dn as HotPosts,
-  ut as Image,
-  te as ImageUpload,
-  pn as JoinUs,
-  un as SubscribeNewsletter,
-  J as Textarea,
-  mn as blogpostsRoutes,
-  vn as blogpostsStore,
-  _n as reactionsStore
+  rn as Activity,
+  mt as Blog,
+  pt as BlogPost,
+  He as Bullets,
+  Me as Caption,
+  ne as CardBlogpost,
+  ye as Comments,
+  Pe as Community,
+  et as CreateBlogPost,
+  ge as Feed,
+  fn as FooterBlogpost,
+  Fe as H2,
+  pn as HotPosts,
+  ct as Image,
+  Ae as ImageUpload,
+  un as JoinUs,
+  cn as SubscribeNewsletter,
+  Q as Textarea,
+  dn as blogpostsRoutes,
+  hn as blogpostsStore,
+  vn as reactionsStore
 };