@ozdao/prometheus-framework 0.2.222 → 0.2.223

package/dist/prometheus-framework/src/modules/community/components/layouts/Community.vue.cjs

@@ -19,7 +19,10 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = { class: "align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column mobile:flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide" };
 const _hoisted_3 = { class: "pos-relative" };
-const _hoisted_4 = { class: "bg-light t-black radius-big pd-medium pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex" };
+const _hoisted_4 = {
+  key: 0,
+  class: "bg-light t-black radius-big pd-medium pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex"
+};
 const _hoisted_5 = { class: "pos-relative flex-v-center flex-nowrap flex" };
 const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("span", { class: "mn-r-thin" }, "Topics for ", -1);
 const _hoisted_7 = { class: "align-self-start bg-light radius-big pd-medium" };
@@ -95,7 +98,7 @@ const _sfc_main = {
           })) : vue.createCommentVNode("", true)
         ]),
         vue.createElementVNode("section", _hoisted_3, [
-          vue.createElementVNode("header", _hoisted_4, [
+          !vue.unref(route).params.url ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_4, [
             vue.createElementVNode("h3", _hoisted_5, [
               _hoisted_6,
               vue.createVNode(Select.default, {
@@ -106,7 +109,7 @@ const _sfc_main = {
                 class: "t-semi pos-relative w-max bg-main t-black pd-thin radius-medium h3 t-center"
               }, null, 8, ["select"])
             ])
-          ]),
+          ])) : vue.createCommentVNode("", true),
           vue.createVNode(_component_router_view, null, {
             default: vue.withCtx(({ Component, route: route2 }) => [
               vue.createVNode(vue.Transition, {

package/dist/prometheus-framework/src/modules/community/components/layouts/Community.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Community.vue.cjs","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["<template>\n\t<div style=\"grid-template-columns: 2fr 4fr 2fr;\" class=\"cols-3 gap-thin pd-t-zero pd-thin\">\n\n\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column mobile:flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFeatured\n\t\t\t</li>\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\t\n\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tPopular\n\t\t\t</li>\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tRecent\n\t\t\t</li>\n\t\t\t<li \t\n\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFollowing\n\t\t\t</li>\n\n\t\t\t<router-link \n\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t}\" \n\t\t\t\tclass=\"button t-medium bg-main w-100\"\n\t\t\t>\n\t\t\t\tCreate Post\n\t\t\t</router-link>\n\t\t</ul>\n\n\t\t<section class=\"pos-relative\">\n\n\t\t\t<header class=\"bg-light t-black radius-big pd-medium pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t    \t<h3 class=\"pos-relative flex-v-center flex-nowrap flex\">\n\t    \t\t<span class=\"mn-r-thin\">Topics for </span>\n\n\t    \t\t<Select \n\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t        placeholder=\"all time\"\n\t\t        class=\"\n\t\t        \tt-semi\n\t\t        \tpos-relative \n\t\t        \tw-max\n\t\t        \tbg-main t-black\n\t\t        \tpd-thin\n\t\t        \tradius-medium\n\t\t          h3\n\t\t         \tt-center\n\t\t        \"\n\t\t      />\n\t    \t</h3>\n\t\t\t</header>\n\n\t\t\t<router-view  v-slot=\"{ Component, route }\">\n\t\t\t\t<transition   name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t</transition>\n\t\t\t</router-view>\n\n\t\t</section>\n\n\t\t<div class=\"align-self-start  bg-light radius-big pd-medium\">\n\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t<p class=\"t-medium mn-b-small\">Popular Communities</p>\n\t\t\t\t\n\t\t\t\t<router-link \n\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t>\n\t\t\t\t\t+\n\t\t\t\t</router-link>\n\t\t\t</div>\n\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Feed\n\t\t      :states=\"{\n\t\t        empty: {\n\t\t          title: 'No Organization Found',\n\t\t          description: 'Currently, there are no organization available.'\n\t\t        }\n\t\t      }\"\n\t\t      :store=\"{\n\t\t        read: (options) => organizations.actions.read(options),\n\t\t        state: organizations.state\n\t\t      }\"\n\t\t      :options=\"{\n\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\tlimit: 10\n\t\t      }\"\n\t\t      v-slot=\"{ \n\t\t        items \n\t\t      }\"\n\t\t    >\n\t\t    \t<CardOrganization \n\t    \t\t\tv-for=\"organization in items\"\n\t        \t:key=\"organization._id\" \n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t      \t:showProducts=\"false\"\n\t\t      \t:showRating=\"false\"\n\t\t      \t:showFeatured=\"false\"\n\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"mn-b-thin w-100 pd-0 bg-white radius-big o-hidden\"\n\t\t\t    />\n\t\t    </Feed>\n\t\t\t</transition>\n\t\t</div>\n</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@pf/src/components/Select/Select.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@pf/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@pf/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@pf/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@pf/src/modules/icons/entities/IconFollowing.vue'\n\n \t// Import state\n\timport * as blog from '@pf/src/modules/community/store/blogposts.js';\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\timport * as organizations from '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships from '@pf/src/modules/organizations/store/memberships'\n\n\t// State\n\tconst route = useRoute();\n\tconst router = useRouter();\n\n\tif (route.params.category === 'popular') blog.state.sort.param = 'views'; \n\tif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","useRouter","blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6JC,UAAM,QAAQA,UAAAA;AACd,UAAM,SAASC,UAAAA;AAEf,QAAI,MAAM,OAAO,aAAa,UAAWC,WAAAA,MAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,WAAAA,MAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACjI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Community.vue.cjs","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["<template>\n\t<div style=\"grid-template-columns: 2fr 4fr 2fr;\" class=\"cols-3 gap-thin pd-t-zero pd-thin\">\n\n\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column mobile:flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFeatured\n\t\t\t</li>\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\t\n\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tPopular\n\t\t\t</li>\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tRecent\n\t\t\t</li>\n\t\t\t<li \t\n\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFollowing\n\t\t\t</li>\n\n\t\t\t<router-link \n\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t}\" \n\t\t\t\tclass=\"button t-medium bg-main w-100\"\n\t\t\t>\n\t\t\t\tCreate Post\n\t\t\t</router-link>\n\t\t</ul>\n\n\t\t<section class=\"pos-relative\">\n\n\t\t\t<header v-if=\"!route.params.url\" class=\"bg-light t-black radius-big pd-medium pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t    \t<h3 class=\"pos-relative flex-v-center flex-nowrap flex\">\n\t    \t\t<span class=\"mn-r-thin\">Topics for </span>\n\n\t    \t\t<Select \n\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t        placeholder=\"all time\"\n\t\t        class=\"\n\t\t        \tt-semi\n\t\t        \tpos-relative \n\t\t        \tw-max\n\t\t        \tbg-main t-black\n\t\t        \tpd-thin\n\t\t        \tradius-medium\n\t\t          h3\n\t\t         \tt-center\n\t\t        \"\n\t\t      />\n\t    \t</h3>\n\t\t\t</header>\n\n\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t</transition>\n\t\t\t</router-view>\n\n\t\t</section>\n\n\t\t<div class=\"align-self-start  bg-light radius-big pd-medium\">\n\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t<p class=\"t-medium mn-b-small\">Popular Communities</p>\n\t\t\t\t\n\t\t\t\t<router-link \n\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t>\n\t\t\t\t\t+\n\t\t\t\t</router-link>\n\t\t\t</div>\n\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Feed\n\t\t      :states=\"{\n\t\t        empty: {\n\t\t          title: 'No Organization Found',\n\t\t          description: 'Currently, there are no organization available.'\n\t\t        }\n\t\t      }\"\n\t\t      :store=\"{\n\t\t        read: (options) => organizations.actions.read(options),\n\t\t        state: organizations.state\n\t\t      }\"\n\t\t      :options=\"{\n\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\tlimit: 10\n\t\t      }\"\n\t\t      v-slot=\"{ \n\t\t        items \n\t\t      }\"\n\t\t    >\n\t\t    \t<CardOrganization \n\t    \t\t\tv-for=\"organization in items\"\n\t        \t:key=\"organization._id\" \n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t      \t:showProducts=\"false\"\n\t\t      \t:showRating=\"false\"\n\t\t      \t:showFeatured=\"false\"\n\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"mn-b-thin w-100 pd-0 bg-white radius-big o-hidden\"\n\t\t\t    />\n\t\t    </Feed>\n\t\t\t</transition>\n\t\t</div>\n</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@pf/src/components/Select/Select.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@pf/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@pf/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@pf/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@pf/src/modules/icons/entities/IconFollowing.vue'\n\n \t// Import state\n\timport * as blog from '@pf/src/modules/community/store/blogposts.js';\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\timport * as organizations from '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships from '@pf/src/modules/organizations/store/memberships'\n\n\t// State\n\tconst route = useRoute();\n\tconst router = useRouter();\n\n\tif (route.params.category === 'popular') blog.state.sort.param = 'views'; \n\tif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","useRouter","blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6JC,UAAM,QAAQA,UAAAA;AACd,UAAM,SAASC,UAAAA;AAEf,QAAI,MAAM,OAAO,aAAa,UAAWC,WAAAA,MAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,WAAAA,MAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACjI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/community/components/layouts/Community.vue.js

@@ -17,7 +17,10 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = { class: "align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column mobile:flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide" };
 const _hoisted_3 = { class: "pos-relative" };
-const _hoisted_4 = { class: "bg-light t-black radius-big pd-medium pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex" };
+const _hoisted_4 = {
+  key: 0,
+  class: "bg-light t-black radius-big pd-medium pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex"
+};
 const _hoisted_5 = { class: "pos-relative flex-v-center flex-nowrap flex" };
 const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", { class: "mn-r-thin" }, "Topics for ", -1);
 const _hoisted_7 = { class: "align-self-start bg-light radius-big pd-medium" };
@@ -93,7 +96,7 @@ const _sfc_main = {
           })) : createCommentVNode("", true)
         ]),
         createElementVNode("section", _hoisted_3, [
-          createElementVNode("header", _hoisted_4, [
+          !unref(route).params.url ? (openBlock(), createElementBlock("header", _hoisted_4, [
             createElementVNode("h3", _hoisted_5, [
               _hoisted_6,
               createVNode(Select, {
@@ -104,7 +107,7 @@ const _sfc_main = {
                 class: "t-semi pos-relative w-max bg-main t-black pd-thin radius-medium h3 t-center"
               }, null, 8, ["select"])
             ])
-          ]),
+          ])) : createCommentVNode("", true),
           createVNode(_component_router_view, null, {
             default: withCtx(({ Component, route: route2 }) => [
               createVNode(Transition, {

package/dist/prometheus-framework/src/modules/community/components/layouts/Community.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Community.vue.js","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["<template>\n\t<div style=\"grid-template-columns: 2fr 4fr 2fr;\" class=\"cols-3 gap-thin pd-t-zero pd-thin\">\n\n\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column mobile:flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFeatured\n\t\t\t</li>\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\t\n\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tPopular\n\t\t\t</li>\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tRecent\n\t\t\t</li>\n\t\t\t<li \t\n\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFollowing\n\t\t\t</li>\n\n\t\t\t<router-link \n\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t}\" \n\t\t\t\tclass=\"button t-medium bg-main w-100\"\n\t\t\t>\n\t\t\t\tCreate Post\n\t\t\t</router-link>\n\t\t</ul>\n\n\t\t<section class=\"pos-relative\">\n\n\t\t\t<header class=\"bg-light t-black radius-big pd-medium pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t    \t<h3 class=\"pos-relative flex-v-center flex-nowrap flex\">\n\t    \t\t<span class=\"mn-r-thin\">Topics for </span>\n\n\t    \t\t<Select \n\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t        placeholder=\"all time\"\n\t\t        class=\"\n\t\t        \tt-semi\n\t\t        \tpos-relative \n\t\t        \tw-max\n\t\t        \tbg-main t-black\n\t\t        \tpd-thin\n\t\t        \tradius-medium\n\t\t          h3\n\t\t         \tt-center\n\t\t        \"\n\t\t      />\n\t    \t</h3>\n\t\t\t</header>\n\n\t\t\t<router-view  v-slot=\"{ Component, route }\">\n\t\t\t\t<transition   name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t</transition>\n\t\t\t</router-view>\n\n\t\t</section>\n\n\t\t<div class=\"align-self-start  bg-light radius-big pd-medium\">\n\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t<p class=\"t-medium mn-b-small\">Popular Communities</p>\n\t\t\t\t\n\t\t\t\t<router-link \n\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t>\n\t\t\t\t\t+\n\t\t\t\t</router-link>\n\t\t\t</div>\n\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Feed\n\t\t      :states=\"{\n\t\t        empty: {\n\t\t          title: 'No Organization Found',\n\t\t          description: 'Currently, there are no organization available.'\n\t\t        }\n\t\t      }\"\n\t\t      :store=\"{\n\t\t        read: (options) => organizations.actions.read(options),\n\t\t        state: organizations.state\n\t\t      }\"\n\t\t      :options=\"{\n\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\tlimit: 10\n\t\t      }\"\n\t\t      v-slot=\"{ \n\t\t        items \n\t\t      }\"\n\t\t    >\n\t\t    \t<CardOrganization \n\t    \t\t\tv-for=\"organization in items\"\n\t        \t:key=\"organization._id\" \n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t      \t:showProducts=\"false\"\n\t\t      \t:showRating=\"false\"\n\t\t      \t:showFeatured=\"false\"\n\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"mn-b-thin w-100 pd-0 bg-white radius-big o-hidden\"\n\t\t\t    />\n\t\t    </Feed>\n\t\t\t</transition>\n\t\t</div>\n</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@pf/src/components/Select/Select.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@pf/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@pf/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@pf/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@pf/src/modules/icons/entities/IconFollowing.vue'\n\n \t// Import state\n\timport * as blog from '@pf/src/modules/community/store/blogposts.js';\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\timport * as organizations from '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships from '@pf/src/modules/organizations/store/memberships'\n\n\t// State\n\tconst route = useRoute();\n\tconst router = useRouter();\n\n\tif (route.params.category === 'popular') blog.state.sort.param = 'views'; \n\tif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6JC,UAAM,QAAQ;AACd,UAAM,SAAS;AAEf,QAAI,MAAM,OAAO,aAAa,UAAWA,OAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,OAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,gBAAsB,uBAAuBC,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACjI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Community.vue.js","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["<template>\n\t<div style=\"grid-template-columns: 2fr 4fr 2fr;\" class=\"cols-3 gap-thin pd-t-zero pd-thin\">\n\n\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column mobile:flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFeatured\n\t\t\t</li>\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\t\n\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tPopular\n\t\t\t</li>\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tRecent\n\t\t\t</li>\n\t\t\t<li \t\n\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFollowing\n\t\t\t</li>\n\n\t\t\t<router-link \n\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t}\" \n\t\t\t\tclass=\"button t-medium bg-main w-100\"\n\t\t\t>\n\t\t\t\tCreate Post\n\t\t\t</router-link>\n\t\t</ul>\n\n\t\t<section class=\"pos-relative\">\n\n\t\t\t<header v-if=\"!route.params.url\" class=\"bg-light t-black radius-big pd-medium pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t    \t<h3 class=\"pos-relative flex-v-center flex-nowrap flex\">\n\t    \t\t<span class=\"mn-r-thin\">Topics for </span>\n\n\t    \t\t<Select \n\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t        placeholder=\"all time\"\n\t\t        class=\"\n\t\t        \tt-semi\n\t\t        \tpos-relative \n\t\t        \tw-max\n\t\t        \tbg-main t-black\n\t\t        \tpd-thin\n\t\t        \tradius-medium\n\t\t          h3\n\t\t         \tt-center\n\t\t        \"\n\t\t      />\n\t    \t</h3>\n\t\t\t</header>\n\n\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t</transition>\n\t\t\t</router-view>\n\n\t\t</section>\n\n\t\t<div class=\"align-self-start  bg-light radius-big pd-medium\">\n\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t<p class=\"t-medium mn-b-small\">Popular Communities</p>\n\t\t\t\t\n\t\t\t\t<router-link \n\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t>\n\t\t\t\t\t+\n\t\t\t\t</router-link>\n\t\t\t</div>\n\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Feed\n\t\t      :states=\"{\n\t\t        empty: {\n\t\t          title: 'No Organization Found',\n\t\t          description: 'Currently, there are no organization available.'\n\t\t        }\n\t\t      }\"\n\t\t      :store=\"{\n\t\t        read: (options) => organizations.actions.read(options),\n\t\t        state: organizations.state\n\t\t      }\"\n\t\t      :options=\"{\n\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\tlimit: 10\n\t\t      }\"\n\t\t      v-slot=\"{ \n\t\t        items \n\t\t      }\"\n\t\t    >\n\t\t    \t<CardOrganization \n\t    \t\t\tv-for=\"organization in items\"\n\t        \t:key=\"organization._id\" \n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t      \t:showProducts=\"false\"\n\t\t      \t:showRating=\"false\"\n\t\t      \t:showFeatured=\"false\"\n\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"mn-b-thin w-100 pd-0 bg-white radius-big o-hidden\"\n\t\t\t    />\n\t\t    </Feed>\n\t\t\t</transition>\n\t\t</div>\n</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@pf/src/components/Select/Select.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@pf/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@pf/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@pf/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@pf/src/modules/icons/entities/IconFollowing.vue'\n\n \t// Import state\n\timport * as blog from '@pf/src/modules/community/store/blogposts.js';\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\timport * as organizations from '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships from '@pf/src/modules/organizations/store/memberships'\n\n\t// State\n\tconst route = useRoute();\n\tconst router = useRouter();\n\n\tif (route.params.category === 'popular') blog.state.sort.param = 'views'; \n\tif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6JC,UAAM,QAAQ;AACd,UAAM,SAAS;AAEf,QAAI,MAAM,OAAO,aAAa,UAAWA,OAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,OAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,gBAAsB,uBAAuBC,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACjI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/community/components/pages/BlogPost.vue.cjs

@@ -2,66 +2,82 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vue_f36acd1f = require("../../../../../../node_modules/@unhead/vue/dist/shared/vue.f36acd1f.cjs");
-;/* empty css                                          */
+;/* empty css                                         */
 const EmptyState = require("../../../../components/EmptyState/EmptyState.vue.cjs");
 const CardBlogpost = require("../blocks/CardBlogpost.vue.cjs");
 const SkeletonBlogpost = require("../../../icons/skeletons/SkeletonBlogpost.vue.cjs");
-const Publics = require("../../../organizations/components/sections/Publics.vue.cjs");
+const vueRouter = require("vue-router");
+;/* empty css                                       */
+;/* empty css                                          */
+const auth = require("../../../auth/views/store/auth.cjs");
+require("../../../organizations/store/memberships.cjs");
+require("../../../organizations/store/organizations.cjs");
+;/* empty css                                                        */
 const Comments = require("../sections/Comments.vue.cjs");
 const Viewer = require("../../../constructor/components/sections/Viewer.vue.cjs");
 const blogposts = require("../../store/blogposts.cjs");
-const auth = require("../../../auth/views/store/auth.cjs");
-const vueRouter = require("vue-router");
-const _hoisted_1 = { class: "pd-thin" };
-const _hoisted_2 = ["href"];
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Recommended Communities", -1);
+const _hoisted_1 = ["href"];
 const _sfc_main = {
   __name: "BlogPost",
-  async setup(__props) {
-    let __temp, __restore;
+  setup(__props) {
     const route = vueRouter.useRoute();
-    const blogpost = vue.ref(null);
-    const isLoading = vue.ref(true);
+    const blogpost = vue.computed(() => blogposts.state.current);
+    const isLoading = vue.ref(false);
     const canShare = vue.ref(false);
-    vue.onMounted(() => {
+    const error = vue.ref(null);
+    async function fetchBlogpost() {
+      var _a;
+      try {
+        isLoading.value = true;
+        const data = await blogposts.read({ user: (_a = auth.state.user) == null ? void 0 : _a._id, url: route.params.url });
+        blogpost.value = data[0];
+        blogposts.state.current = data[0];
+      } catch (err) {
+        error.value = err;
+        console.error("Error fetching blogpost:", err);
+      } finally {
+        isLoading.value = false;
+      }
+    }
+    vue.onServerPrefetch(async () => {
+      await fetchBlogpost();
+    });
+    vue.onMounted(async () => {
+      if (!blogpost.value || blogpost.value.url !== route.params.url) {
+        await fetchBlogpost();
+      }
       canShare.value = !!navigator.share;
     });
-    isLoading.value = true;
-    const data = ([__temp, __restore] = vue.withAsyncContext(() => blogposts.read({ user: auth.state.user._id, url: route.params.url })), __temp = await __temp, __restore(), __temp);
-    blogpost.value = data[0];
-    isLoading.value = false;
     const firstImage = vue.computed(() => {
-      var _a;
-      return (_a = blogpost.value) == null ? void 0 : _a.content.find((block) => block.type === "ImageUpload");
+      var _a, _b;
+      return (_b = (_a = blogpost.value) == null ? void 0 : _a.content) == null ? void 0 : _b.find((block) => block.type === "ImageUpload");
     });
     const firstText = vue.computed(() => {
-      var _a;
-      return (_a = blogpost.value) == null ? void 0 : _a.content.find(
+      var _a, _b;
+      return (_b = (_a = blogpost.value) == null ? void 0 : _a.content) == null ? void 0 : _b.find(
         (block) => block.type === "Textarea" && block.class !== "h2"
       );
     });
     const metadata = vue.computed(() => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       return {
         title: (_a = blogpost.value) == null ? void 0 : _a.name,
         description: (_b = firstText.value) == null ? void 0 : _b.content.slice(0, 120),
         meta: [
           { hid: "description", name: "description", content: (_c = firstText.value) == null ? void 0 : _c.content.slice(0, 120) },
-          // { hid: 'keywords', name: 'keywords', content: t('meta.keywords') },
           { hid: "og:title", property: "og:title", content: (_d = blogpost.value) == null ? void 0 : _d.name },
           { hid: "og:description", property: "og:description", content: (_e = firstText.value) == null ? void 0 : _e.content.slice(0, 120) },
-          { hid: "og:image", property: "og:image", content: ((_f = firstImage.value) == null ? void 0 : _f.content) ? process.env.FILE_SERVER_URL + ((_g = firstImage.value) == null ? void 0 : _g.content) : process.env.FILE_SERVER_URL + "/favicon/cover.jpg" },
-          // { hid: 'og:url', property: 'og:url', content: current_url.value },
-          { hid: "twitter:title", name: "twitter:title", content: (_h = blogpost.value) == null ? void 0 : _h.name },
-          { hid: "twitter:description", name: "twitter:description", content: (_i = firstText.value) == null ? void 0 : _i.content.slice(0, 120) },
-          { hid: "twitter:image", name: "twitter:image", content: ((_j = firstImage.value) == null ? void 0 : _j.content) ? process.env.FILE_SERVER_URL + ((_k = firstImage.value) == null ? void 0 : _k.content) : process.env.FILE_SERVER_URL + "/favicon/cover.jpg" },
-          { hid: "twitter:card", name: "twitter:card", content: process.env.FILE_SERVER_URL + "/favicon/cover.jpg" }
+          { hid: "og:image", property: "og:image", content: ((_f = firstImage.value) == null ? void 0 : _f.content) ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },
+          { hid: "twitter:title", name: "twitter:title", content: (_g = blogpost.value) == null ? void 0 : _g.name },
+          { hid: "twitter:description", name: "twitter:description", content: (_h = firstText.value) == null ? void 0 : _h.content.slice(0, 120) },
+          { hid: "twitter:image", name: "twitter:image", content: ((_i = firstImage.value) == null ? void 0 : _i.content) ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },
+          { hid: "twitter:card", name: "twitter:card", content: "summary_large_image" }
         ]
       };
     });
-    vue_f36acd1f.u(metadata.value);
+    vue_f36acd1f.u(metadata);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+      return vue.openBlock(), vue.createElementBlock("section", null, [
         vue.createVNode(vue.TransitionGroup, {
           tag: "ul",
           name: "fade",
@@ -98,7 +114,7 @@ const _sfc_main = {
               user: auth.state.user._id,
               type: "blogpostPage",
               hideTitle: true,
-              class: "mn-b-medium"
+              class: "mn-b-thin"
             }, {
               default: vue.withCtx(() => [
                 blogpost.value && blogpost.value.content ? (vue.openBlock(), vue.createBlock(Viewer.default, {
@@ -110,17 +126,16 @@ const _sfc_main = {
                   href: blogpost.value.source,
                   target: "_blank",
                   class: "mn-b-semi d-block w-max radius-big pd-thin bg-black t-white"
-                }, " Check Source 🔗 ", 8, _hoisted_2)) : vue.createCommentVNode("", true)
+                }, " Check Source 🔗 ", 8, _hoisted_1)) : vue.createCommentVNode("", true)
               ]),
               _: 1
             }, 8, ["blogpost", "user"])) : vue.createCommentVNode("", true),
-            _hoisted_3,
-            vue.createVNode(Publics.default, { class: "mn-b-small" }),
             !isLoading.value && blogpost.value ? (vue.openBlock(), vue.createBlock(Comments.default, {
               key: 1,
               type: "blogpost",
               target: blogpost.value._id,
-              owner: auth.state.user._id
+              owner: auth.state.user._id,
+              class: "bg-light radius-big pd-medium"
             }, null, 8, ["target", "owner"])) : vue.createCommentVNode("", true)
           ]),
           _: 1

package/dist/prometheus-framework/src/modules/community/components/pages/BlogPost.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BlogPost.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/BlogPost.vue"],"sourcesContent":["<template>\n  <section class=\"pd-thin\">\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-big\">\n      <SkeletonBlogpost\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n      />\n    </TransitionGroup>\n    <transition \n      name=\"fade\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && !blogpost\"\n        title=\"No Blogpost Found\"\n        description=\"Currently, there are no blogposts available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-big\"\n      />\n    </transition>\n\n\n\t\t  \n\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"container\">\n    \t  <!-- <button @click=\"share\" >\n\t\t\t    Поделиться\n\t\t\t  </button>\n\t\t\t   -->\n    \t<CardBlogpost \n        v-if=\"!isLoading && blogpost\"\n        @click=\"$router.push({name: 'Blogpost', params: {url: blogpost.url}})\" \n        :blogpost=\"blogpost\" \n        :user=\"auth.state.user._id\"\n        :type=\"'blogpostPage'\"\n        :hideTitle=\"true\"\n        class=\"mn-b-medium\"\n      >\n\n\t      <Viewer\n\t        v-if=\"blogpost && blogpost.content\"\n\t        :content=\"blogpost.content\"\n\t      />\n\n\t\t\t\t<a v-if=\"blogpost.source\" :href=\"blogpost.source\" target=\"_blank\" class=\"mn-b-semi d-block w-max radius-big pd-thin bg-black t-white\">\n\t\t\t\t\tCheck Source 🔗\n\t\t\t\t</a>\n\t\t\t\n    </CardBlogpost>\n\n   \t<h3 class=\"mn-b-small\">Recommended Communities</h3>\n\t\t<Publics \n\t\t\tclass=\"mn-b-small\"\n\t\t/>\n\n    <Comments \n      v-if=\"!isLoading && blogpost\" \n      :type=\"'blogpost'\" \n      :target=\"blogpost._id\" \n      :owner=\"auth.state.user._id\"\n    />\n      \n  </TransitionGroup>  \n  \n  </section>\n</template>\n\n<script setup>\n\timport { ref, onMounted, computed } from 'vue';\n\timport { useHead } from '@unhead/vue'\n\n\n\timport Loader from '@pf/src/components/Loader/Loader.vue';\n\timport EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n\n\timport CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\n\timport SkeletonBlogpost from '@pf/src/modules/icons/skeletons/SkeletonBlogpost.vue'\n\timport Publics  \t\tfrom '@pf/src/modules/organizations/components/sections/Publics.vue'\n\timport Comments from '@pf/src/modules/community/components/sections/Comments.vue';\n\n\timport Viewer from '@pf/src/modules/constructor/components/sections/Viewer.vue';\n\n\timport * as blog from '@pf/src/modules/community/store/blogposts.js';\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n\t  \n\timport { useRoute } from 'vue-router';\n\n\tconst route = useRoute();\n\n\tconst blogpost = ref(null);\n\tconst isLoading = ref(true);\n\n\tconst canShare = ref(false);\n\n\tonMounted(() => {\n\t  canShare.value = !!navigator.share;\n\t});\n\n\tconst share = async () => {\n\t  if (!canShare.value) return;\n\n\t  console.log('share')\n\t  try {\n\t    await navigator.share({\n\t      title: 'Заголовок вашего контента',\n\t      text: 'Описание вашего контента',\n\t      // url: window.location.href,\n\t    });\n\t    console.log('Контент успешно отправлен');\n\t  } catch (error) {\n\t    console.error('Ошибка при отправке:', error);\n\t  }\n\t};\n\n\t// onMounted(async () => {\n\t\tisLoading.value = true;\n\n\t\t// NOTE: You might need to change the method here to fetch blogposts\n\t\tconst data = await blog.read({ user: auth.state.user._id, url: route.params.url });\n\n\t\tblogpost.value = data[0];\n\t\tisLoading.value = false;\n\t// });\n\n\t const firstImage = computed(() => {\n\t  return blogpost.value?.content.find(block => block.type === 'ImageUpload');\n\t});\n\n\tconst firstText = computed(() => {\n\t  return blogpost.value?.content.find(block => \n\t    block.type === 'Textarea' && block.class !== 'h2'\n\t  );\n\t});\n\n\t const metadata = computed(() => {return {\n      title: blogpost.value?.name,\n      description: firstText.value?.content.slice(0,120),\n      meta: [\n        { hid: 'description', name: 'description', content: firstText.value?.content.slice(0,120) },\n        // { hid: 'keywords', name: 'keywords', content: t('meta.keywords') },\n        { hid: 'og:title', property: 'og:title', content: blogpost.value?.name },\n        { hid: 'og:description', property: 'og:description', content: firstText.value?.content.slice(0,120) },\n        { hid: 'og:image', property: 'og:image', content: firstImage.value?.content ? process.env.FILE_SERVER_URL + firstImage.value?.content : process.env.FILE_SERVER_URL + '/favicon/cover.jpg' },\n        // { hid: 'og:url', property: 'og:url', content: current_url.value },\n        { hid: 'twitter:title', name: 'twitter:title', content:  blogpost.value?.name },\n        { hid: 'twitter:description', name: 'twitter:description', content: firstText.value?.content.slice(0,120) },\n        { hid: 'twitter:image', name: 'twitter:image', content: firstImage.value?.content ? process.env.FILE_SERVER_URL + firstImage.value?.content : process.env.FILE_SERVER_URL + '/favicon/cover.jpg' },\n        { hid: 'twitter:card', name: 'twitter:card', content: process.env.FILE_SERVER_URL + '/favicon/cover.jpg' },\n      ],\n    }});\nuseHead(metadata.value)\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","ref","onMounted","_withAsyncContext","blog.read","auth.state","computed","useHead"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqFC,UAAM,QAAQA,UAAAA;AAEd,UAAM,WAAWC,QAAI,IAAI;AACzB,UAAM,YAAYA,QAAI,IAAI;AAE1B,UAAM,WAAWA,QAAI,KAAK;AAE1BC,QAAAA,UAAU,MAAM;AACd,eAAS,QAAQ,CAAC,CAAC,UAAU;AAAA,IAChC,CAAE;AAmBA,cAAU,QAAQ;AAGlB,UAAM,QAAO,CAAA,QAAA,SAAA,IAAAC,IAAAA,iBAAA,MAAMC,UAAS,KAAC,EAAE,MAAMC,KAAU,MAAC,KAAK,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE,CAAA;AAEjF,aAAS,QAAQ,KAAK,CAAC;AACvB,cAAU,QAAQ;AAGlB,UAAM,aAAaC,IAAAA,SAAS,MAAM;;AACjC,cAAO,cAAS,UAAT,mBAAgB,QAAQ,KAAK,WAAS,MAAM,SAAS;AAAA,IAC/D,CAAE;AAED,UAAM,YAAYA,IAAAA,SAAS,MAAM;;AAC/B,cAAO,cAAS,UAAT,mBAAgB,QAAQ;AAAA,QAAK,WAClC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA;AAAA,IAElD,CAAE;AAEA,UAAM,WAAWA,aAAS,MAAM;;AAAC,aAAO;AAAA,QACpC,QAAO,cAAS,UAAT,mBAAgB;AAAA,QACvB,cAAa,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAE;AAAA,QAC9C,MAAM;AAAA,UACJ,EAAE,KAAK,eAAe,MAAM,eAAe,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAE,KAAM;AAAA;AAAA,UAE3F,EAAE,KAAK,YAAY,UAAU,YAAY,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UACxE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAE,KAAM;AAAA,UACrG,EAAE,KAAK,YAAY,UAAU,YAAY,WAAS,gBAAW,UAAX,mBAAkB,WAAU,QAAQ,IAAI,oBAAkB,gBAAW,UAAX,mBAAkB,WAAU,QAAQ,IAAI,kBAAkB,qBAAsB;AAAA;AAAA,UAE5L,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,UAAU,cAAS,UAAT,mBAAgB,KAAM;AAAA,UAC/E,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAE,KAAM;AAAA,UAC3G,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,WAAS,gBAAW,UAAX,mBAAkB,WAAU,QAAQ,IAAI,oBAAkB,gBAAW,UAAX,mBAAkB,WAAU,QAAQ,IAAI,kBAAkB,qBAAsB;AAAA,UAClM,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,QAAQ,IAAI,kBAAkB,qBAAsB;AAAA,QAC3G;AAAA,MACF;AAAA,IAAA,CAAC;AACNC,iBAAAA,EAAQ,SAAS,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BlogPost.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/BlogPost.vue"],"sourcesContent":["<template>\n  <section>\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-big\">\n      <SkeletonBlogpost\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n      />\n    </TransitionGroup>\n    <transition \n      name=\"fade\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && !blogpost\"\n        title=\"No Blogpost Found\"\n        description=\"Currently, there are no blogposts available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-big\"\n      />\n    </transition>\n\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"container\">\n    \t  <!-- <button @click=\"share\" >\n\t\t\t    Поделиться\n\t\t\t  </button>\n\t\t\t   -->\n      \t<CardBlogpost \n          v-if=\"!isLoading && blogpost\"\n          @click=\"$router.push({name: 'Blogpost', params: {url: blogpost.url}})\" \n          :blogpost=\"blogpost\" \n          :user=\"auth.state.user._id\"\n          :type=\"'blogpostPage'\"\n          :hideTitle=\"true\"\n          class=\"mn-b-thin\"\n        >\n\n  \t      <Viewer\n  \t        v-if=\"blogpost && blogpost.content\"\n  \t        :content=\"blogpost.content\"\n  \t      />\n\n  \t\t\t\t<a v-if=\"blogpost.source\" :href=\"blogpost.source\" target=\"_blank\" class=\"mn-b-semi d-block w-max radius-big pd-thin bg-black t-white\">\n  \t\t\t\t\tCheck Source 🔗\n  \t\t\t\t</a>\n  \t\t\t\n      </CardBlogpost>\n\n     \t<!-- <h3 class=\"mn-b-small\">Recommended Communities</h3>\n  \t\t<Publics \n  \t\t\tclass=\"mn-b-small\"\n  \t\t/> -->\n\n      <Comments \n        v-if=\"!isLoading && blogpost\" \n        :type=\"'blogpost'\" \n        :target=\"blogpost._id\" \n        :owner=\"auth.state.user._id\"\n        class=\"bg-light radius-big pd-medium\"\n      />\n      \n    </TransitionGroup>  \n  \n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, onServerPrefetch, watch } from 'vue';\nimport { useHead } from '@unhead/vue'\nimport Loader from '@pf/src/components/Loader/Loader.vue';\nimport EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\nimport CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\nimport SkeletonBlogpost from '@pf/src/modules/icons/skeletons/SkeletonBlogpost.vue'\nimport Publics from '@pf/src/modules/organizations/components/sections/Publics.vue'\nimport Comments from '@pf/src/modules/community/components/sections/Comments.vue';\nimport Viewer from '@pf/src/modules/constructor/components/sections/Viewer.vue';\nimport * as blog from '@pf/src/modules/community/store/blogposts.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\n  \nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst blogpost = computed(() => blog.state.current);\nconst isLoading = ref(false);\nconst canShare = ref(false);\nconst error = ref(null);\n\nasync function fetchBlogpost() {\n  try {\n    isLoading.value = true;\n    const data = await blog.read({ user: auth.state.user?._id, url: route.params.url });\n    blogpost.value = data[0];\n    // Обновляем состояние хранилища\n    blog.state.current = data[0];\n  } catch (err) {\n    error.value = err;\n    console.error('Error fetching blogpost:', err);\n  } finally {\n    isLoading.value = false;\n  }\n}\n\nonServerPrefetch(async() => {\n\tawait fetchBlogpost()\n});\n\nonMounted(async() => {\n  if (!blogpost.value || blogpost.value.url !== route.params.url) {\n    await fetchBlogpost();\n  }\n  canShare.value = !!navigator.share;\n});\n\n\nconst share = async () => {\n  if (!canShare.value) return;\n  try {\n    await navigator.share({\n      title: blogpost.value.name,\n      text: firstText.value?.content.slice(0, 120) || 'Check out this blog post!',\n      url: window.location.href,\n    });\n    console.log('Content shared successfully');\n  } catch (error) {\n    console.error('Error sharing:', error);\n  }\n};\n\nconst firstImage = computed(() => {\n  return blogpost.value?.content?.find(block => block.type === 'ImageUpload');\n});\n\nconst firstText = computed(() => {\n  return blogpost.value?.content?.find(block => \n    block.type === 'Textarea' && block.class !== 'h2'\n  );\n});\n\nconst metadata = computed(() => ({\n  title: blogpost.value?.name,\n  description: firstText.value?.content.slice(0, 120),\n  meta: [\n    { hid: 'description', name: 'description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:title', property: 'og:title', content: blogpost.value?.name },\n    { hid: 'og:description', property: 'og:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:image', property: 'og:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:title', name: 'twitter:title', content: blogpost.value?.name },\n    { hid: 'twitter:description', name: 'twitter:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'twitter:image', name: 'twitter:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:card', name: 'twitter:card', content: 'summary_large_image' },\n  ],\n}));\n\nuseHead(metadata);\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","computed","blog.state","ref","blog.read","auth.state","onServerPrefetch","onMounted","useHead"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8EA,UAAM,QAAQA,UAAQ,SAAA;AACtB,UAAM,WAAWC,IAAQ,SAAC,MAAMC,UAAU,MAAC,OAAO;AAClD,UAAM,YAAYC,IAAAA,IAAI,KAAK;AAC3B,UAAM,WAAWA,IAAAA,IAAI,KAAK;AAC1B,UAAM,QAAQA,IAAAA,IAAI,IAAI;AAEtB,mBAAe,gBAAgB;;AAC7B,UAAI;AACF,kBAAU,QAAQ;AAClB,cAAM,OAAO,MAAMC,UAAAA,KAAU,EAAE,OAAMC,UAAAA,MAAW,SAAXA,mBAAiB,KAAK,KAAK,MAAM,OAAO,IAAK,CAAA;AAClF,iBAAS,QAAQ,KAAK,CAAC;AAEvBH,kBAAAA,MAAW,UAAU,KAAK,CAAC;AAAA,MAC5B,SAAQ,KAAK;AACZ,cAAM,QAAQ;AACd,gBAAQ,MAAM,4BAA4B,GAAG;AAAA,MACjD,UAAY;AACR,kBAAU,QAAQ;AAAA,MACnB;AAAA,IACH;AAEAI,QAAAA,iBAAiB,YAAW;AAC3B,YAAM,cAAe;AAAA,IACtB,CAAC;AAEDC,QAAAA,UAAU,YAAW;AACnB,UAAI,CAAC,SAAS,SAAS,SAAS,MAAM,QAAQ,MAAM,OAAO,KAAK;AAC9D,cAAM,cAAa;AAAA,MACpB;AACD,eAAS,QAAQ,CAAC,CAAC,UAAU;AAAA,IAC/B,CAAC;AAiBD,UAAM,aAAaN,IAAQ,SAAC,MAAM;;AAChC,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB,KAAK,WAAS,MAAM,SAAS;AAAA,IAC/D,CAAC;AAED,UAAM,YAAYA,IAAQ,SAAC,MAAM;;AAC/B,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB;AAAA,QAAK,WACnC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA;AAAA,IAEjD,CAAC;AAED,UAAM,WAAWA,IAAQ,SAAC,MAAO;;AAAA;AAAA,QAC/B,QAAO,cAAS,UAAT,mBAAgB;AAAA,QACvB,cAAa,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG;AAAA,QAC/C,MAAM;AAAA,UACJ,EAAE,KAAK,eAAe,MAAM,eAAe,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5F,EAAE,KAAK,YAAY,UAAU,YAAY,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UACxE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UACtG,EAAE,KAAK,YAAY,UAAU,YAAY,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UAChM,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UAC9E,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5G,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UACtM,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,sBAAuB;AAAA,QAC9E;AAAA,MACH;AAAA,KAAE;AAEFO,iBAAO,EAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/community/components/pages/BlogPost.vue.js

@@ -1,65 +1,81 @@
-import { ref, onMounted, withAsyncContext, computed, openBlock, createElementBlock, createVNode, TransitionGroup, withCtx, Fragment, renderList, createCommentVNode, Transition, createBlock, createElementVNode } from "vue";
+import { computed, ref, onServerPrefetch, onMounted, openBlock, createElementBlock, createVNode, TransitionGroup, withCtx, Fragment, renderList, createCommentVNode, Transition, createBlock } from "vue";
 import { u as useHead } from "../../../../../../node_modules/@unhead/vue/dist/shared/vue.f36acd1f.js";
-/* empty css                                        */
+/* empty css                                       */
 import _sfc_main$1 from "../../../../components/EmptyState/EmptyState.vue.js";
 import _sfc_main$2 from "../blocks/CardBlogpost.vue.js";
 import SkeletonBlogpost from "../../../icons/skeletons/SkeletonBlogpost.vue.js";
-import _sfc_main$4 from "../../../organizations/components/sections/Publics.vue.js";
-import _sfc_main$5 from "../sections/Comments.vue.js";
-import _sfc_main$3 from "../../../constructor/components/sections/Viewer.vue.js";
-import { read } from "../../store/blogposts.js";
-import { state } from "../../../auth/views/store/auth.js";
 import { useRoute } from "vue-router";
-const _hoisted_1 = { class: "pd-thin" };
-const _hoisted_2 = ["href"];
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-small" }, "Recommended Communities", -1);
+/* empty css                                     */
+/* empty css                                        */
+import { state as state$1 } from "../../../auth/views/store/auth.js";
+import "../../../organizations/store/memberships.js";
+import "../../../organizations/store/organizations.js";
+/* empty css                                                      */
+import _sfc_main$4 from "../sections/Comments.vue.js";
+import _sfc_main$3 from "../../../constructor/components/sections/Viewer.vue.js";
+import { state, read } from "../../store/blogposts.js";
+const _hoisted_1 = ["href"];
 const _sfc_main = {
   __name: "BlogPost",
-  async setup(__props) {
-    let __temp, __restore;
+  setup(__props) {
     const route = useRoute();
-    const blogpost = ref(null);
-    const isLoading = ref(true);
+    const blogpost = computed(() => state.current);
+    const isLoading = ref(false);
     const canShare = ref(false);
-    onMounted(() => {
+    const error = ref(null);
+    async function fetchBlogpost() {
+      var _a;
+      try {
+        isLoading.value = true;
+        const data = await read({ user: (_a = state$1.user) == null ? void 0 : _a._id, url: route.params.url });
+        blogpost.value = data[0];
+        state.current = data[0];
+      } catch (err) {
+        error.value = err;
+        console.error("Error fetching blogpost:", err);
+      } finally {
+        isLoading.value = false;
+      }
+    }
+    onServerPrefetch(async () => {
+      await fetchBlogpost();
+    });
+    onMounted(async () => {
+      if (!blogpost.value || blogpost.value.url !== route.params.url) {
+        await fetchBlogpost();
+      }
       canShare.value = !!navigator.share;
     });
-    isLoading.value = true;
-    const data = ([__temp, __restore] = withAsyncContext(() => read({ user: state.user._id, url: route.params.url })), __temp = await __temp, __restore(), __temp);
-    blogpost.value = data[0];
-    isLoading.value = false;
     const firstImage = computed(() => {
-      var _a;
-      return (_a = blogpost.value) == null ? void 0 : _a.content.find((block) => block.type === "ImageUpload");
+      var _a, _b;
+      return (_b = (_a = blogpost.value) == null ? void 0 : _a.content) == null ? void 0 : _b.find((block) => block.type === "ImageUpload");
     });
     const firstText = computed(() => {
-      var _a;
-      return (_a = blogpost.value) == null ? void 0 : _a.content.find(
+      var _a, _b;
+      return (_b = (_a = blogpost.value) == null ? void 0 : _a.content) == null ? void 0 : _b.find(
         (block) => block.type === "Textarea" && block.class !== "h2"
       );
     });
     const metadata = computed(() => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       return {
         title: (_a = blogpost.value) == null ? void 0 : _a.name,
         description: (_b = firstText.value) == null ? void 0 : _b.content.slice(0, 120),
         meta: [
           { hid: "description", name: "description", content: (_c = firstText.value) == null ? void 0 : _c.content.slice(0, 120) },
-          // { hid: 'keywords', name: 'keywords', content: t('meta.keywords') },
           { hid: "og:title", property: "og:title", content: (_d = blogpost.value) == null ? void 0 : _d.name },
           { hid: "og:description", property: "og:description", content: (_e = firstText.value) == null ? void 0 : _e.content.slice(0, 120) },
-          { hid: "og:image", property: "og:image", content: ((_f = firstImage.value) == null ? void 0 : _f.content) ? process.env.FILE_SERVER_URL + ((_g = firstImage.value) == null ? void 0 : _g.content) : process.env.FILE_SERVER_URL + "/favicon/cover.jpg" },
-          // { hid: 'og:url', property: 'og:url', content: current_url.value },
-          { hid: "twitter:title", name: "twitter:title", content: (_h = blogpost.value) == null ? void 0 : _h.name },
-          { hid: "twitter:description", name: "twitter:description", content: (_i = firstText.value) == null ? void 0 : _i.content.slice(0, 120) },
-          { hid: "twitter:image", name: "twitter:image", content: ((_j = firstImage.value) == null ? void 0 : _j.content) ? process.env.FILE_SERVER_URL + ((_k = firstImage.value) == null ? void 0 : _k.content) : process.env.FILE_SERVER_URL + "/favicon/cover.jpg" },
-          { hid: "twitter:card", name: "twitter:card", content: process.env.FILE_SERVER_URL + "/favicon/cover.jpg" }
+          { hid: "og:image", property: "og:image", content: ((_f = firstImage.value) == null ? void 0 : _f.content) ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },
+          { hid: "twitter:title", name: "twitter:title", content: (_g = blogpost.value) == null ? void 0 : _g.name },
+          { hid: "twitter:description", name: "twitter:description", content: (_h = firstText.value) == null ? void 0 : _h.content.slice(0, 120) },
+          { hid: "twitter:image", name: "twitter:image", content: ((_i = firstImage.value) == null ? void 0 : _i.content) ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },
+          { hid: "twitter:card", name: "twitter:card", content: "summary_large_image" }
         ]
       };
     });
-    useHead(metadata.value);
+    useHead(metadata);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1, [
+      return openBlock(), createElementBlock("section", null, [
         createVNode(TransitionGroup, {
           tag: "ul",
           name: "fade",
@@ -93,10 +109,10 @@ const _sfc_main = {
               key: 0,
               onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({ name: "Blogpost", params: { url: blogpost.value.url } })),
               blogpost: blogpost.value,
-              user: state.user._id,
+              user: state$1.user._id,
               type: "blogpostPage",
               hideTitle: true,
-              class: "mn-b-medium"
+              class: "mn-b-thin"
             }, {
               default: withCtx(() => [
                 blogpost.value && blogpost.value.content ? (openBlock(), createBlock(_sfc_main$3, {
@@ -108,17 +124,16 @@ const _sfc_main = {
                   href: blogpost.value.source,
                   target: "_blank",
                   class: "mn-b-semi d-block w-max radius-big pd-thin bg-black t-white"
-                }, " Check Source 🔗 ", 8, _hoisted_2)) : createCommentVNode("", true)
+                }, " Check Source 🔗 ", 8, _hoisted_1)) : createCommentVNode("", true)
               ]),
               _: 1
             }, 8, ["blogpost", "user"])) : createCommentVNode("", true),
-            _hoisted_3,
-            createVNode(_sfc_main$4, { class: "mn-b-small" }),
-            !isLoading.value && blogpost.value ? (openBlock(), createBlock(_sfc_main$5, {
+            !isLoading.value && blogpost.value ? (openBlock(), createBlock(_sfc_main$4, {
               key: 1,
               type: "blogpost",
               target: blogpost.value._id,
-              owner: state.user._id
+              owner: state$1.user._id,
+              class: "bg-light radius-big pd-medium"
             }, null, 8, ["target", "owner"])) : createCommentVNode("", true)
           ]),
           _: 1

package/dist/prometheus-framework/src/modules/community/components/pages/BlogPost.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlogPost.vue.js","sources":["../../../../../../../src/modules/community/components/pages/BlogPost.vue"],"sourcesContent":["<template>\n  <section class=\"pd-thin\">\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-big\">\n      <SkeletonBlogpost\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n      />\n    </TransitionGroup>\n    <transition \n      name=\"fade\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && !blogpost\"\n        title=\"No Blogpost Found\"\n        description=\"Currently, there are no blogposts available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-big\"\n      />\n    </transition>\n\n\n\t\t  \n\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"container\">\n    \t  <!-- <button @click=\"share\" >\n\t\t\t    Поделиться\n\t\t\t  </button>\n\t\t\t   -->\n    \t<CardBlogpost \n        v-if=\"!isLoading && blogpost\"\n        @click=\"$router.push({name: 'Blogpost', params: {url: blogpost.url}})\" \n        :blogpost=\"blogpost\" \n        :user=\"auth.state.user._id\"\n        :type=\"'blogpostPage'\"\n        :hideTitle=\"true\"\n        class=\"mn-b-medium\"\n      >\n\n\t      <Viewer\n\t        v-if=\"blogpost && blogpost.content\"\n\t        :content=\"blogpost.content\"\n\t      />\n\n\t\t\t\t<a v-if=\"blogpost.source\" :href=\"blogpost.source\" target=\"_blank\" class=\"mn-b-semi d-block w-max radius-big pd-thin bg-black t-white\">\n\t\t\t\t\tCheck Source 🔗\n\t\t\t\t</a>\n\t\t\t\n    </CardBlogpost>\n\n   \t<h3 class=\"mn-b-small\">Recommended Communities</h3>\n\t\t<Publics \n\t\t\tclass=\"mn-b-small\"\n\t\t/>\n\n    <Comments \n      v-if=\"!isLoading && blogpost\" \n      :type=\"'blogpost'\" \n      :target=\"blogpost._id\" \n      :owner=\"auth.state.user._id\"\n    />\n      \n  </TransitionGroup>  \n  \n  </section>\n</template>\n\n<script setup>\n\timport { ref, onMounted, computed } from 'vue';\n\timport { useHead } from '@unhead/vue'\n\n\n\timport Loader from '@pf/src/components/Loader/Loader.vue';\n\timport EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n\n\timport CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\n\timport SkeletonBlogpost from '@pf/src/modules/icons/skeletons/SkeletonBlogpost.vue'\n\timport Publics  \t\tfrom '@pf/src/modules/organizations/components/sections/Publics.vue'\n\timport Comments from '@pf/src/modules/community/components/sections/Comments.vue';\n\n\timport Viewer from '@pf/src/modules/constructor/components/sections/Viewer.vue';\n\n\timport * as blog from '@pf/src/modules/community/store/blogposts.js';\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n\t  \n\timport { useRoute } from 'vue-router';\n\n\tconst route = useRoute();\n\n\tconst blogpost = ref(null);\n\tconst isLoading = ref(true);\n\n\tconst canShare = ref(false);\n\n\tonMounted(() => {\n\t  canShare.value = !!navigator.share;\n\t});\n\n\tconst share = async () => {\n\t  if (!canShare.value) return;\n\n\t  console.log('share')\n\t  try {\n\t    await navigator.share({\n\t      title: 'Заголовок вашего контента',\n\t      text: 'Описание вашего контента',\n\t      // url: window.location.href,\n\t    });\n\t    console.log('Контент успешно отправлен');\n\t  } catch (error) {\n\t    console.error('Ошибка при отправке:', error);\n\t  }\n\t};\n\n\t// onMounted(async () => {\n\t\tisLoading.value = true;\n\n\t\t// NOTE: You might need to change the method here to fetch blogposts\n\t\tconst data = await blog.read({ user: auth.state.user._id, url: route.params.url });\n\n\t\tblogpost.value = data[0];\n\t\tisLoading.value = false;\n\t// });\n\n\t const firstImage = computed(() => {\n\t  return blogpost.value?.content.find(block => block.type === 'ImageUpload');\n\t});\n\n\tconst firstText = computed(() => {\n\t  return blogpost.value?.content.find(block => \n\t    block.type === 'Textarea' && block.class !== 'h2'\n\t  );\n\t});\n\n\t const metadata = computed(() => {return {\n      title: blogpost.value?.name,\n      description: firstText.value?.content.slice(0,120),\n      meta: [\n        { hid: 'description', name: 'description', content: firstText.value?.content.slice(0,120) },\n        // { hid: 'keywords', name: 'keywords', content: t('meta.keywords') },\n        { hid: 'og:title', property: 'og:title', content: blogpost.value?.name },\n        { hid: 'og:description', property: 'og:description', content: firstText.value?.content.slice(0,120) },\n        { hid: 'og:image', property: 'og:image', content: firstImage.value?.content ? process.env.FILE_SERVER_URL + firstImage.value?.content : process.env.FILE_SERVER_URL + '/favicon/cover.jpg' },\n        // { hid: 'og:url', property: 'og:url', content: current_url.value },\n        { hid: 'twitter:title', name: 'twitter:title', content:  blogpost.value?.name },\n        { hid: 'twitter:description', name: 'twitter:description', content: firstText.value?.content.slice(0,120) },\n        { hid: 'twitter:image', name: 'twitter:image', content: firstImage.value?.content ? process.env.FILE_SERVER_URL + firstImage.value?.content : process.env.FILE_SERVER_URL + '/favicon/cover.jpg' },\n        { hid: 'twitter:card', name: 'twitter:card', content: process.env.FILE_SERVER_URL + '/favicon/cover.jpg' },\n      ],\n    }});\nuseHead(metadata.value)\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["_withAsyncContext","blog.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;AAqFC,UAAM,QAAQ;AAEd,UAAM,WAAW,IAAI,IAAI;AACzB,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,WAAW,IAAI,KAAK;AAE1B,cAAU,MAAM;AACd,eAAS,QAAQ,CAAC,CAAC,UAAU;AAAA,IAChC,CAAE;AAmBA,cAAU,QAAQ;AAGlB,UAAM,QAAO,CAAA,QAAA,SAAA,IAAAA,iBAAA,MAAMC,KAAU,EAAE,MAAMC,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE,CAAA;AAEjF,aAAS,QAAQ,KAAK,CAAC;AACvB,cAAU,QAAQ;AAGlB,UAAM,aAAa,SAAS,MAAM;;AACjC,cAAO,cAAS,UAAT,mBAAgB,QAAQ,KAAK,WAAS,MAAM,SAAS;AAAA,IAC/D,CAAE;AAED,UAAM,YAAY,SAAS,MAAM;;AAC/B,cAAO,cAAS,UAAT,mBAAgB,QAAQ;AAAA,QAAK,WAClC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA;AAAA,IAElD,CAAE;AAEA,UAAM,WAAW,SAAS,MAAM;;AAAC,aAAO;AAAA,QACpC,QAAO,cAAS,UAAT,mBAAgB;AAAA,QACvB,cAAa,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAE;AAAA,QAC9C,MAAM;AAAA,UACJ,EAAE,KAAK,eAAe,MAAM,eAAe,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAE,KAAM;AAAA;AAAA,UAE3F,EAAE,KAAK,YAAY,UAAU,YAAY,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UACxE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAE,KAAM;AAAA,UACrG,EAAE,KAAK,YAAY,UAAU,YAAY,WAAS,gBAAW,UAAX,mBAAkB,WAAU,QAAQ,IAAI,oBAAkB,gBAAW,UAAX,mBAAkB,WAAU,QAAQ,IAAI,kBAAkB,qBAAsB;AAAA;AAAA,UAE5L,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,UAAU,cAAS,UAAT,mBAAgB,KAAM;AAAA,UAC/E,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAE,KAAM;AAAA,UAC3G,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,WAAS,gBAAW,UAAX,mBAAkB,WAAU,QAAQ,IAAI,oBAAkB,gBAAW,UAAX,mBAAkB,WAAU,QAAQ,IAAI,kBAAkB,qBAAsB;AAAA,UAClM,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,QAAQ,IAAI,kBAAkB,qBAAsB;AAAA,QAC3G;AAAA,MACF;AAAA,IAAA,CAAC;AACN,YAAQ,SAAS,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BlogPost.vue.js","sources":["../../../../../../../src/modules/community/components/pages/BlogPost.vue"],"sourcesContent":["<template>\n  <section>\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-big\">\n      <SkeletonBlogpost\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n      />\n    </TransitionGroup>\n    <transition \n      name=\"fade\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && !blogpost\"\n        title=\"No Blogpost Found\"\n        description=\"Currently, there are no blogposts available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-big\"\n      />\n    </transition>\n\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"container\">\n    \t  <!-- <button @click=\"share\" >\n\t\t\t    Поделиться\n\t\t\t  </button>\n\t\t\t   -->\n      \t<CardBlogpost \n          v-if=\"!isLoading && blogpost\"\n          @click=\"$router.push({name: 'Blogpost', params: {url: blogpost.url}})\" \n          :blogpost=\"blogpost\" \n          :user=\"auth.state.user._id\"\n          :type=\"'blogpostPage'\"\n          :hideTitle=\"true\"\n          class=\"mn-b-thin\"\n        >\n\n  \t      <Viewer\n  \t        v-if=\"blogpost && blogpost.content\"\n  \t        :content=\"blogpost.content\"\n  \t      />\n\n  \t\t\t\t<a v-if=\"blogpost.source\" :href=\"blogpost.source\" target=\"_blank\" class=\"mn-b-semi d-block w-max radius-big pd-thin bg-black t-white\">\n  \t\t\t\t\tCheck Source 🔗\n  \t\t\t\t</a>\n  \t\t\t\n      </CardBlogpost>\n\n     \t<!-- <h3 class=\"mn-b-small\">Recommended Communities</h3>\n  \t\t<Publics \n  \t\t\tclass=\"mn-b-small\"\n  \t\t/> -->\n\n      <Comments \n        v-if=\"!isLoading && blogpost\" \n        :type=\"'blogpost'\" \n        :target=\"blogpost._id\" \n        :owner=\"auth.state.user._id\"\n        class=\"bg-light radius-big pd-medium\"\n      />\n      \n    </TransitionGroup>  \n  \n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, onServerPrefetch, watch } from 'vue';\nimport { useHead } from '@unhead/vue'\nimport Loader from '@pf/src/components/Loader/Loader.vue';\nimport EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\nimport CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\nimport SkeletonBlogpost from '@pf/src/modules/icons/skeletons/SkeletonBlogpost.vue'\nimport Publics from '@pf/src/modules/organizations/components/sections/Publics.vue'\nimport Comments from '@pf/src/modules/community/components/sections/Comments.vue';\nimport Viewer from '@pf/src/modules/constructor/components/sections/Viewer.vue';\nimport * as blog from '@pf/src/modules/community/store/blogposts.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\n  \nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst blogpost = computed(() => blog.state.current);\nconst isLoading = ref(false);\nconst canShare = ref(false);\nconst error = ref(null);\n\nasync function fetchBlogpost() {\n  try {\n    isLoading.value = true;\n    const data = await blog.read({ user: auth.state.user?._id, url: route.params.url });\n    blogpost.value = data[0];\n    // Обновляем состояние хранилища\n    blog.state.current = data[0];\n  } catch (err) {\n    error.value = err;\n    console.error('Error fetching blogpost:', err);\n  } finally {\n    isLoading.value = false;\n  }\n}\n\nonServerPrefetch(async() => {\n\tawait fetchBlogpost()\n});\n\nonMounted(async() => {\n  if (!blogpost.value || blogpost.value.url !== route.params.url) {\n    await fetchBlogpost();\n  }\n  canShare.value = !!navigator.share;\n});\n\n\nconst share = async () => {\n  if (!canShare.value) return;\n  try {\n    await navigator.share({\n      title: blogpost.value.name,\n      text: firstText.value?.content.slice(0, 120) || 'Check out this blog post!',\n      url: window.location.href,\n    });\n    console.log('Content shared successfully');\n  } catch (error) {\n    console.error('Error sharing:', error);\n  }\n};\n\nconst firstImage = computed(() => {\n  return blogpost.value?.content?.find(block => block.type === 'ImageUpload');\n});\n\nconst firstText = computed(() => {\n  return blogpost.value?.content?.find(block => \n    block.type === 'Textarea' && block.class !== 'h2'\n  );\n});\n\nconst metadata = computed(() => ({\n  title: blogpost.value?.name,\n  description: firstText.value?.content.slice(0, 120),\n  meta: [\n    { hid: 'description', name: 'description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:title', property: 'og:title', content: blogpost.value?.name },\n    { hid: 'og:description', property: 'og:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:image', property: 'og:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:title', name: 'twitter:title', content: blogpost.value?.name },\n    { hid: 'twitter:description', name: 'twitter:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'twitter:image', name: 'twitter:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:card', name: 'twitter:card', content: 'summary_large_image' },\n  ],\n}));\n\nuseHead(metadata);\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","blog.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8EA,UAAM,QAAQ,SAAQ;AACtB,UAAM,WAAW,SAAS,MAAMA,MAAW,OAAO;AAClD,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,QAAQ,IAAI,IAAI;AAEtB,mBAAe,gBAAgB;;AAC7B,UAAI;AACF,kBAAU,QAAQ;AAClB,cAAM,OAAO,MAAMC,KAAU,EAAE,OAAMC,aAAW,SAAXA,mBAAiB,KAAK,KAAK,MAAM,OAAO,IAAK,CAAA;AAClF,iBAAS,QAAQ,KAAK,CAAC;AAEvBF,cAAW,UAAU,KAAK,CAAC;AAAA,MAC5B,SAAQ,KAAK;AACZ,cAAM,QAAQ;AACd,gBAAQ,MAAM,4BAA4B,GAAG;AAAA,MACjD,UAAY;AACR,kBAAU,QAAQ;AAAA,MACnB;AAAA,IACH;AAEA,qBAAiB,YAAW;AAC3B,YAAM,cAAe;AAAA,IACtB,CAAC;AAED,cAAU,YAAW;AACnB,UAAI,CAAC,SAAS,SAAS,SAAS,MAAM,QAAQ,MAAM,OAAO,KAAK;AAC9D,cAAM,cAAa;AAAA,MACpB;AACD,eAAS,QAAQ,CAAC,CAAC,UAAU;AAAA,IAC/B,CAAC;AAiBD,UAAM,aAAa,SAAS,MAAM;;AAChC,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB,KAAK,WAAS,MAAM,SAAS;AAAA,IAC/D,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;;AAC/B,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB;AAAA,QAAK,WACnC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA;AAAA,IAEjD,CAAC;AAED,UAAM,WAAW,SAAS,MAAO;;AAAA;AAAA,QAC/B,QAAO,cAAS,UAAT,mBAAgB;AAAA,QACvB,cAAa,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG;AAAA,QAC/C,MAAM;AAAA,UACJ,EAAE,KAAK,eAAe,MAAM,eAAe,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5F,EAAE,KAAK,YAAY,UAAU,YAAY,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UACxE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UACtG,EAAE,KAAK,YAAY,UAAU,YAAY,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UAChM,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UAC9E,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5G,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UACtM,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,sBAAuB;AAAA,QAC9E;AAAA,MACH;AAAA,KAAE;AAEF,YAAQ,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/community/components/pages/Community.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 ;/* empty css                                        */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 ;/* empty css                                          */
-;/* empty css                                          */
+;/* empty css                                         */
 ;/* empty css                                          */
 require("axios");
 ;/* empty css                                          */

package/dist/prometheus-framework/src/modules/community/components/pages/Community.vue.js

@@ -2,7 +2,7 @@ import { withAsyncContext, ref, computed, openBlock, createElementBlock, createE
 /* empty css                                      */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                        */
-/* empty css                                        */
+/* empty css                                       */
 /* empty css                                        */
 import "axios";
 /* empty css                                        */