@ozdao/prometheus-framework 0.0.89 → 0.0.91

package/dist/Feed-5c9e4e74.mjs

@@ -1,340 +0,0 @@
-import { ref as h, computed as f, openBlock as n, createElementBlock as s, normalizeClass as v, createVNode as T, unref as C, createElementVNode as w, createCommentVNode as c, toDisplayString as g, renderSlot as O, Fragment as _, renderList as M, createStaticVNode as F, reactive as I, watch as j, onMounted as L, TransitionGroup as N, withCtx as $, createBlock as P, Transition as R } from "vue";
-import { _ as V } from "./EmptyState-1214f70b.mjs";
-import { _ as B } from "./CardHeader-e517c801.mjs";
-import { _ as H, a as A } from "./auth-d102dac0.mjs";
-import { useRouter as Y } from "vue-router";
-import { s as S } from "./globals-f538c0ef.mjs";
-const q = {
-  key: 0,
-  class: "bg-grey mn-small w-100"
-}, G = ["src"], J = { class: "w-max mn-r-thin pd-thin radius-small t-semi bg-main" }, K = {
-  key: 0,
-  class: "t-semi"
-}, Q = { class: "t-semi" }, W = {
-  key: 0,
-  class: "t-semi uppercase"
-}, X = {
-  key: 0,
-  class: "cursor-pointer mn-thin"
-}, Z = {
-  key: 1,
-  class: "mn-small p-big"
-}, ee = {
-  key: 2,
-  class: "flex-v-center flex-nowrap flex"
-}, te = {
-  __name: "CardEvent",
-  props: ["event", "user", "short", "type"],
-  setup(e) {
-    const t = e;
-    h(/* @__PURE__ */ new Date()), Y(), f(() => t.event.content.find((a) => a.type.name === "ImageUpload")), f(() => t.event.content.find((a) => a.type.name === "Textarea"));
-    const l = f(() => {
-      const a = /* @__PURE__ */ new Date(), o = Date.UTC(a.getUTCFullYear(), a.getUTCMonth(), a.getUTCDate(), a.getUTCHours(), a.getUTCMinutes(), a.getUTCSeconds()), r = new Date(t.event.date.start), u = Date.UTC(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate(), r.getUTCHours(), r.getUTCMinutes(), r.getUTCSeconds()) - o;
-      if (u < 0)
-        return "Finished";
-      if (u === 0)
-        return "Starting Now";
-      {
-        const k = Math.floor(u / 1e3), x = Math.floor(k / 60), D = Math.floor(x / 60), z = Math.floor(D / 24);
-        return z > 0 ? `${z} days until event` : D > 0 ? `${D} hours until event` : x > 0 ? `${x} minutes until event` : `${k} seconds until event`;
-      }
-    }), i = f(() => {
-      const a = new Date(t.event.date.start), o = { day: "2-digit", month: "2-digit" };
-      return a.toLocaleDateString(void 0, o);
-    }), m = f(() => {
-      const a = new Date(t.event.date.start), o = new Date(t.event.date.end), r = new Intl.DateTimeFormat(void 0, { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }).format(a), p = new Intl.DateTimeFormat(void 0, { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }).format(o);
-      return `${r}-${p}`;
-    }), y = f(() => {
-      const a = t.event.name;
-      return a.length > 26 ? `${a.substring(0, 22)}…` : a;
-    });
-    return (a, o) => (n(), s("article", {
-      class: v({
-        "flex-nowrap flex-v-center flex": e.type === "short"
-      })
-    }, [
-      T(B, {
-        class: v({
-          "mn-small pd-medium": e.type !== "short",
-          "flex-child-order-last flex-child mn-l-small": e.type === "short"
-        }),
-        owner: e.event.owner,
-        creator: e.event.creator,
-        members: e.event.numberOfTickets,
-        membersPhotos: e.event.participantsPhotos,
-        type: e.type,
-        dateFormatted: C(l)
-      }, null, 8, ["class", "owner", "creator", "members", "membersPhotos", "type", "dateFormatted"]),
-      e.event.cover && e.type !== "short" ? (n(), s("div", q, [
-        w("img", {
-          src: e.event.cover,
-          alt: "Event image",
-          class: "d-block mn-auto h-20r"
-        }, null, 8, G)
-      ])) : c("", !0),
-      w("section", {
-        class: v(["w-100", { "pd-t-zero pd-medium": e.type !== "short" }])
-      }, [
-        w("div", {
-          class: v([{ "mn-small": e.type !== "short" }, "flex-v-center flex-nowrap flex"])
-        }, [
-          w("div", J, [
-            e.type !== "short" ? (n(), s("span", K, g(C(i)) + " | ", 1)) : c("", !0),
-            w("span", Q, g(C(m)), 1)
-          ]),
-          e.type === "short" ? (n(), s("span", W, g(C(y)), 1)) : c("", !0)
-        ], 2),
-        e.type !== "short" ? (n(), s("h3", X, g(e.event.name), 1)) : c("", !0),
-        e.type !== "short" ? (n(), s("p", Z, g(e.event.description), 1)) : c("", !0),
-        O(a.$slots, "default"),
-        e.type !== "short" ? (n(), s("div", ee, [
-          (n(!0), s(_, null, M(e.event.tags, (r, p) => (n(), s("div", {
-            class: v(["pd-thin radius-small t-semi bg-grey", { "mn-r-thin": p !== e.event.tags.length - 1 }])
-          }, g(r), 3))), 256))
-        ])) : c("", !0)
-      ], 2)
-    ], 2));
-  }
-}, ae = {}, re = {
-  width: "100%",
-  height: "20rem",
-  xmlns: "http://www.w3.org/2000/svg"
-}, ne = /* @__PURE__ */ F('<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), se = [
-  ne
-];
-function le(e, t) {
-  return n(), s("svg", re, se);
-}
-const ie = /* @__PURE__ */ H(ae, [["render", le]]), U = A.create({ baseURL: process.env.API_URL, withCredentials: !0 }), d = I({
-  all: [],
-  filter: {
-    // query
-    tags: [],
-    period: "",
-    date: null
-    // pagination
-  },
-  pagination: {
-    page: 1,
-    perPage: 18
-  },
-  // Sort
-  sort: {
-    current: "popularity",
-    ascending: !1
-  },
-  current: {
-    _id: "",
-    url: "",
-    status: "",
-    name: "",
-    tags: [],
-    owner: {},
-    date: "",
-    views: 0,
-    content: []
-  }
-});
-async function E(e = {}) {
-  e.params = e.params || {}, e.params.skip = e.skip || 0, e.params.limit = e.limit || 9, e.params.tags = e.tags || [], e.status && (e.params = { status: e.status }), e.url && (e.params = { url: e.url }), e.period && (e.params.period = e.period), e.category && (e.params.category = e.category), e.organization && (e.params.organization = e.organization), e.date && (e.params.date = e.date), e.participant && (e.params.participant = e.participant), e.owner && (e.params.owner = e.owner), e.user && (e.params.user = e.user), e.sortOrder && (e.params.sortOrder = e.sortOrder), e.sortParam && (e.params.sortParam = e.sortParam), e.params.skip = e.skip || 0, e.params.limit = e.limit || 10;
-  try {
-    console.log("Request params:" + e.params);
-    const t = await U.get("/api/events/read", { params: e.params });
-    return console.log(e.params), e.url ? b(t.data, "current") : b(t.data, "all"), Promise.resolve(t.data);
-  } catch (t) {
-    return S(t), Promise.reject(t);
-  }
-}
-async function ce(e) {
-  return U.post("/api/events/create", e).then(
-    (t) => (b(t.data, "current"), Promise.resolve(t.data)),
-    (t) => (S(t), Promise.reject(t))
-  );
-}
-async function ue(e) {
-  return U.post("/api/events/update", e).then(
-    (t) => (b(t.data, "current"), Promise.resolve(t.data)),
-    (t) => (S(t), Promise.reject(t))
-  );
-}
-async function oe(e) {
-  return await U.delete(`/api/events/delete/${e}`).then(
-    (t) => {
-      const l = d.all.findIndex((i) => i._id === e);
-      return l !== -1 && d.all.splice(l, 1), Promise.resolve(t.data);
-    },
-    (t) => (S(t), Promise.reject(t))
-  );
-}
-function b(e, t) {
-  d[t] = e;
-}
-function de() {
-  d.current = {
-    _id: "",
-    url: "",
-    status: "",
-    name: "",
-    tags: [],
-    author: "",
-    owner: "",
-    date: "",
-    views: 0,
-    content: []
-  };
-}
-function me(e) {
-  const t = {
-    order: d.project.content.length + 1,
-    type: e.type,
-    data: e.data,
-    class: e.class,
-    content: e.content
-  };
-  d.project.content.push(t);
-}
-j(d, (e, t) => {
-});
-const be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  blockAdd: me,
-  clean: de,
-  create: ce,
-  read: E,
-  remove: oe,
-  set: b,
-  state: d,
-  update: ue
-}, Symbol.toStringTag, { value: "Module" })), fe = { class: "feed" }, ke = {
-  __name: "Feed",
-  props: {
-    category: {
-      type: String,
-      default: null
-    },
-    selectedDate: {
-      type: String,
-      default: null
-    },
-    organization: {
-      type: String,
-      default: null
-    },
-    owner: {
-      type: String,
-      default: null
-    },
-    user: {
-      type: [String, Number],
-      default: null
-    },
-    sortOrder: {
-      type: String,
-      default: "desc"
-    },
-    participant: {
-      type: String,
-      default: null
-    },
-    period: {
-      type: String,
-      default: null
-    },
-    status: {
-      type: String,
-      default: null
-    }
-  },
-  setup(e) {
-    const t = e, l = h([]), i = h(!1), m = h(!0), y = h(0), a = h(20), o = async () => {
-      if (i.value) {
-        y.value += a.value;
-        const r = await E({
-          skip: y.value,
-          limit: a.value,
-          category: t.category,
-          sortOrder: t.sortOrder,
-          participant: t.participant,
-          user: t.user,
-          date: t.selectedDate,
-          owner: t.owner,
-          organization: t.organization,
-          period: t.period,
-          status: t.status
-        });
-        r.length === 0 ? i.value = !1 : i.value = !0, l.value = [...l.value, ...r];
-      }
-    };
-    return L(async () => {
-      m.value = !0, console.log(t.selectedDate);
-      const r = await E({
-        skip: y.value,
-        limit: a.value,
-        category: t.category,
-        participant: t.participant,
-        sortOrder: t.sortOrder,
-        user: t.user,
-        owner: t.owner,
-        date: t.selectedDate,
-        organization: t.organization,
-        period: t.period,
-        status: t.status
-      });
-      r.length === 0 ? i.value = !1 : i.value = !0, l.value = r, m.value = !1;
-    }), (r, p) => (n(), s("section", fe, [
-      T(N, {
-        tag: "ul",
-        name: "fade",
-        class: "o-hidden bg-grey radius-big"
-      }, {
-        default: $(() => [
-          m.value ? (n(!0), s(_, { key: 0 }, M(a.value, (u) => (n(), P(ie, { key: u }))), 128)) : c("", !0)
-        ]),
-        _: 1
-      }),
-      T(R, { name: "fade" }, {
-        default: $(() => [
-          !m.value && l.value.length < 1 ? (n(), P(V, {
-            key: 0,
-            title: "No Events Found",
-            description: "Currently, there are no events available. Please check back later.",
-            class: "pd-medium mn-thin bg-grey radius-big"
-          })) : c("", !0)
-        ]),
-        _: 1
-      }),
-      T(N, {
-        tag: "ul",
-        name: "fade",
-        class: "container"
-      }, {
-        default: $(() => [
-          !m.value && l.value.length > 0 ? (n(!0), s(_, { key: 0 }, M(l.value, (u, k) => (n(), P(te, {
-            onClick: (x) => r.$router.push({ name: "Event", params: { url: u.url } }),
-            key: u._id,
-            event: u,
-            owner: e.user,
-            type: "normal",
-            class: v(["br-solid br-1px br-grey radius-big mn-medium", {
-              "br-b br-solid br-black-transp-10": k !== l.value.length - 1
-            }])
-          }, null, 8, ["onClick", "event", "owner", "class"]))), 128)) : c("", !0),
-          i.value && l.value.length > 0 ? (n(), s("button", {
-            key: 1,
-            onClick: o,
-            class: "w-100 bg-main button"
-          }, "Load more")) : c("", !0)
-        ]),
-        _: 1
-      })
-    ]));
-  }
-};
-export {
-  ie as S,
-  ke as _,
-  te as a,
-  be as e,
-  E as r,
-  d as s
-};

package/dist/Feed-5d8d5c21.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),C=require("./EmptyState-7658d7d6.js"),v=require("./auth-2bc18d1e.js"),S=require("./CardHeader-0677d446.js"),V=require("vue-router"),u=require("./globals-928eb13c.js"),f=v.axios.create({baseURL:process.env.API_URL,withCredentials:!0});f.defaults.withCredentials=!0;const c=e.reactive({all:[],filter:{tags:[],period:""},pagination:{page:1,perPage:18},sort:{current:"popularity",ascending:!1},current:{_id:"",url:"",status:"",name:"",tags:[],owner:{},date:"",views:0,content:[]}});async function k(t={}){t.params=t.params||{},t.params.skip=t.skip||0,t.params.limit=t.limit||9,t.params.tags=t.tags||[],t.period&&(t.params.period=t.period),t.url&&(t.params={url:t.url}),t.category&&(t.params.category=t.category),t.organization&&(t.params.organization=t.organization),t.owner&&(t.params.owner=t.owner),t.creator&&(t.params.creator=t.creator),t.status&&(t.params.status=t.status),t.user&&(t.params.user=t.user),t.params.skip=t.skip||0,t.params.limit=t.limit||10;try{console.log("Request params:"+t.params);const r=await f.get("/api/blog/read",{params:t.params});return t.url?g(r.data,"current"):g(r.data,"all"),Promise.resolve(r.data)}catch(r){return u.setError(r),Promise.reject(r)}}async function w(t){return f.post("/api/blog/create",t).then(r=>(g(r.data,"current"),Promise.resolve(r.data)),r=>(u.setError(r),Promise.reject(r)))}async function _(t){return f.post("/api/blog/update",t).then(r=>(g(r.data,"current"),Promise.resolve(r.data)),r=>(u.setError(r),Promise.reject(r)))}async function B(t){return await f.delete(`/api/blog/delete/${t}`).then(r=>{const o=c.all.findIndex(a=>a._id===t);return o!==-1&&c.all.splice(o,1),Promise.resolve(r.data)},r=>(u.setError(r),Promise.reject(r)))}function g(t,r){c[r]=t}function x(){c.current={_id:"",url:"",status:"",name:"",tags:[],author:"",owner:"",date:"",views:0,content:[]}}function $(t){const r={order:c.project.content.length+1,type:t.type,data:t.data,class:t.class,content:t.content};c.project.content.push(r)}e.watch(c,(t,r)=>{});const j=Object.freeze(Object.defineProperty({__proto__:null,blockAdd:$,clean:x,create:w,read:k,remove:B,set:g,state:c,update:_},Symbol.toStringTag,{value:"Module"})),R={props:{progress:{type:Number,default:null},status:{type:String,default:null}}},D={class:"circular-loader"},z=e.createElementVNode("svg",{viewBox:"25 25 50 50"},[e.createElementVNode("circle",{cx:"50",cy:"50",r:"20",fill:"none","stroke-width":"4","stroke-miterlimit":"10"})],-1),L={key:0,class:"progress-text"},T={key:1,class:"uppercase t-semi w-m-10r status-text"};function I(t,r,o,a,s,l){return e.openBlock(),e.createElementBlock("div",D,[z,o.progress?(e.openBlock(),e.createElementBlock("div",L,e.toDisplayString(o.progress),1)):e.createCommentVNode("",!0),o.status?(e.openBlock(),e.createElementBlock("div",T,e.toDisplayString(o.status),1)):e.createCommentVNode("",!0)])}const E=v._export_sfc(R,[["render",I]]),y=v.axios.create({baseURL:process.env.API_URL,withCredentials:!0}),d=e.reactive({reactions:[],error:null}),b={async read({user:t,type:r,target:o,role:a}){try{const s=await y.get("/api/reactions",{params:{user:t,type:r,target:o,role:a}});return d.error=null,d.reactions=s.data,Promise.resolve(s.data)}catch(s){return u.setError(s),Promise.reject(s)}},async create(t){try{const r=await y.post("/api/reactions/create",t);return d.error=null,Promise.resolve(r.data)}catch(r){return console.log(r),u.setError(r),Promise.reject(r)}},async update(t){try{const r=await y.post("/api/reactions/update",t);return d.error=null,Promise.resolve(r.data)}catch(r){return u.setError(r),Promise.reject(r)}},async delete(t){try{const r=await y.post("/api/reactions/delete",t);return d.error=null,Promise.resolve(r.data)}catch(r){return u.setError(r),Promise.reject(r)}}},O={handleReactionUpdate(t,r,o){let a;if(Array.isArray(t)?a=t.find(s=>s._id===r.target):typeof t=="object"&&t._id===r.target&&(a=t),a)if(a.hasReaction=o,o)a.reactions.push(r),a.numberOfReactions+=1;else{const s=a.reactions.findIndex(l=>l._id===r._id);s!==-1&&(a.reactions.splice(s,1),a.numberOfReactions-=1)}}};e.watch(d,t=>{});const q=Object.freeze(Object.defineProperty({__proto__:null,actions:b,mutations:O,state:d},Symbol.toStringTag,{value:"Module"})),A={class:"t-semi br-top-dark flex-nowrap flex-nojustify flex"},U=e.createElementVNode("span",{class:"mn-r-small mn-l-small d-block"},"·",-1),M={class:"cursor-pointer"},F=e.createElementVNode("span",{class:"mn-r-small mn-l-small d-block"},"·",-1),P={__name:"FooterBlogpost",props:["blogpost","owner","user"],setup(t){const r=t,o=e.ref(r.blogpost.numberOfReactions),a=e.ref(r.blogpost.isReacted),s=e.ref(r.blogpost.reactionId);async function l(m){if(!r.user){alert("Please login to add a reaction");return}try{const n={target:r.blogpost._id,type:"blogpost",user:r.user,class:"like"},p=await b.create(n);p.reaction.class==="like"&&(o.value+=1,a.value=!0,s.value=p.reaction._id)}catch(n){console.error(n),alert("Error adding reaction. Please try again later.")}}async function i(m){if(!r.user){alert("Please login to add a reaction");return}try{const n={_id:s.value};await b.delete(n),o.value-=1,a.value=!1,s.value=null}catch{alert("Error adding reaction. Please try again later.")}}return(m,n)=>(e.openBlock(),e.createElementBlock("footer",A,[e.createTextVNode(" 👁️ "+e.toDisplayString(t.blogpost.views)+" ",1),U,e.createElementVNode("div",M,[a.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"cursor-pointer",onClick:n[0]||(n[0]=p=>l())}," 👍 "+e.toDisplayString(o.value),1)),a.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"cursor-pointer",onClick:n[1]||(n[1]=p=>i())}," 👍 "+e.toDisplayString(o.value),1)):e.createCommentVNode("",!0)]),F,e.createTextVNode(" 💬 "+e.toDisplayString(t.blogpost.numberOfComments),1)]))}},H={class:"bg-grey radius-big"},G=["src"],J={class:"pd-t-zero pd-medium"},K={key:0,class:"cursor-pointer mn-thin flex-nowrap flex w-100"},Q={key:0,class:"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra"},W={key:1,class:"mn-small t-transp p-big"},X={key:2,class:"mn-small h2"},N={__name:"CardBlogpost",props:["blogpost","user","type"],setup(t){const r=t,o=V.useRouter(),a=e.computed(()=>r.blogpost.content.find(l=>l.type==="ImageUpload")),s=e.computed(()=>r.blogpost.content.find(l=>l.type==="Textarea"));return(l,i)=>(e.openBlock(),e.createElementBlock("article",H,[e.createVNode(S._sfc_main,{class:e.normalizeClass({"mn-small pd-medium":t.type!=="short","flex-child-order-last flex-child mn-l-small":t.type==="short"}),owner:t.blogpost.owner,creator:t.blogpost.creator,date:t.blogpost.createdAt},null,8,["class","owner","creator","date"]),e.unref(a)&&e.unref(a).content&&t.type!=="blogpostPage"?(e.openBlock(),e.createElementBlock("img",{key:0,src:e.unref(a).content,alt:"Blog post image",class:"mn-medium object-fit-cover w-100 h-20r"},null,8,G)):e.createCommentVNode("",!0),e.createElementVNode("section",J,[t.type!=="blogpostPage"?(e.openBlock(),e.createElementBlock("div",K,[e.createElementVNode("h3",{onClick:i[0]||(i[0]=m=>e.unref(o).push({name:"BlogPost",params:{url:t.blogpost.url}})),class:""},e.toDisplayString(t.blogpost.name),1),t.blogpost.status==="draft"?(e.openBlock(),e.createElementBlock("div",Q,e.toDisplayString(t.blogpost.status),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(s)&&e.unref(s).content&&t.type!=="blogpostPage"?(e.openBlock(),e.createElementBlock("p",W,e.toDisplayString(e.unref(s).content.slice(0,120))+"... ",1)):e.createCommentVNode("",!0),t.type==="blogpostPage"?(e.openBlock(),e.createElementBlock("h3",X,e.toDisplayString(t.blogpost.name),1)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"default")]),e.createVNode(P,{class:"pd-t-zero pd-medium",blogpost:t.blogpost,user:t.user},null,8,["blogpost","user"])]))}},Y={class:"feed"},Z={key:1},ee={__name:"Feed",props:{category:{type:String,default:null},owner:{type:String,default:null},creator:{type:String,default:null},status:{type:String,default:"published"},user:{type:[String,Number],default:null},period:{type:String,default:null}},setup(t){const r=t,o=e.ref([]),a=e.ref(!0);let s=e.ref(!0),l=e.ref(0),i=e.ref(2);const m=async()=>{if(a.value){l.value+=i.value;const n=await k({skip:l.value,limit:i.value,category:r.category,user:r.user,owner:r.owner,status:r.status,creator:r.creator,period:r.period});n.length===0&&(a.value=!1),o.value=[...o.value,...n]}};return e.onMounted(async()=>{const n=await k({skip:l.value,limit:i.value,category:r.category,user:r.user,owner:r.owner,status:r.status,creator:r.creator,period:r.period});n.length===0?a.value=!1:a.value=!0,o.value=n,s.value=!1}),(n,p)=>(e.openBlock(),e.createElementBlock("section",Y,[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[e.unref(s)?(e.openBlock(),e.createBlock(E,{key:0,class:"z-index-5 pos-t-50 left-t-50 pos-absolute"})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[!e.unref(s)&&o.value.length<1?(e.openBlock(),e.createBlock(C._sfc_main,{key:0,title:"No Blog Posts Found",description:"Currently, there are no posts available in this blog. Please check back later.",class:"pd-medium mn-thin bg-grey radius-big"})):(e.openBlock(),e.createElementBlock("div",Z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,h=>(e.openBlock(),e.createBlock(N,{key:h._id,blogpost:h,user:t.user,class:"mn-medium"},null,8,["blogpost","user"]))),128)),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[a.value&&o.value.length>0?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:m,class:"w-100 bg-main button"}," Load more ")):e.createCommentVNode("",!0)]),_:1})]))]),_:1})]))}};exports.Loader=E;exports._sfc_main=ee;exports._sfc_main$1=N;exports._sfc_main$2=P;exports.blogposts=j;exports.clean=x;exports.create=w;exports.reactions=q;exports.read=k;exports.remove=B;exports.state=c;exports.update=_;