@ozdao/prometheus-framework 0.2.322 → 0.2.324

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionEarn.vue.cjs

@@ -7,25 +7,24 @@ const IconEarn = require("../../../icons/entities/IconEarn.vue.cjs");
 const ConnectMetamask = require("../../../wallet/views/components/elements/ConnectMetamask.vue.cjs");
 ;/* empty css                   */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = { class: "pd-thin" };
-const _hoisted_2 = { class: "cols-2 bg-black t-black radius-big pd-thin gap-thin" };
-const _hoisted_3 = { class: "pos-relative flex flex-column flex-center h-100" };
-const _hoisted_4 = { class: "mn-b-thin t-white pd-big radius-big" };
-const _hoisted_5 = ["src"];
-const _hoisted_6 = ["innerHTML"];
-const _hoisted_7 = {
+const _hoisted_1 = { class: "cols-2 gap-thin" };
+const _hoisted_2 = { class: "pos-relative flex flex-column flex-center h-100" };
+const _hoisted_3 = { class: "mn-b-thin pd-big radius-big" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = ["innerHTML"];
+const _hoisted_6 = {
   key: 2,
-  class: "mn-b-small p-big t-transp"
+  class: "mn-b-medium p-big t-transp"
 };
-const _hoisted_8 = {
+const _hoisted_7 = {
   key: 3,
   class: "mn-b-semi p-medium t-transp"
 };
-const _hoisted_9 = { class: "gap-thin cols-2" };
+const _hoisted_8 = { class: "gap-thin cols-2" };
+const _hoisted_9 = { class: "uppercase t-semi" };
 const _hoisted_10 = { class: "uppercase t-semi" };
-const _hoisted_11 = { class: "uppercase t-semi" };
-const _hoisted_12 = { class: "pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-big o-hidden" };
-const _hoisted_13 = ["src"];
+const _hoisted_11 = { class: "pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-big o-hidden" };
+const _hoisted_12 = ["src"];
 const _sfc_main = {
   __name: "SectionEarn",
   props: {
@@ -38,7 +37,7 @@ const _sfc_main = {
       default: () => ({
         tokenAddress: "0x64b4b0ade1f015d6a0c536e8cf041e181d872220",
         tokenSymbol: "OZDT",
-        tokenDecimals: "8",
+        tokenDecimals: 8,
         tokenImage: "https://ozdao.dev/logo-token.png",
         targetChainId: "0x89",
         metamaskIcon: "/icons/metamask.svg"
@@ -52,81 +51,84 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       const _component_router_link = vue.resolveComponent("router-link");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("section", _hoisted_2, [
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
           vue.createElementVNode("div", _hoisted_3, [
-            vue.createElementVNode("div", _hoisted_4, [
-              vue.unref(te)("logo") ? (vue.openBlock(), vue.createElementBlock("img", {
-                key: 0,
-                loading: "lazy",
-                class: "mn-b-semi h-5r",
-                src: vue.unref(t)("logo")
-              }, null, 8, _hoisted_5)) : vue.createCommentVNode("", true),
-              vue.unref(te)("title") ? (vue.openBlock(), vue.createElementBlock("h2", {
-                key: 1,
-                class: "mn-b-small",
-                innerHTML: vue.unref(t)("title")
-              }, null, 8, _hoisted_6)) : vue.createCommentVNode("", true),
-              vue.unref(te)("description") ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7, vue.toDisplayString(vue.unref(t)("description")), 1)) : vue.createCommentVNode("", true),
-              vue.unref(te)("subdescription") ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_8, vue.toDisplayString(vue.unref(t)("subdescription")), 1)) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", _hoisted_9, [
-                vue.createVNode(_component_router_link, {
-                  to: vue.unref(t)("action_link"),
-                  class: "flex t-center bg-white flex-center flex-column t-black pd-big radius-big"
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(IconInfo.default, {
-                      class: "mn-b-small i-extra",
-                      fill: "rgb(var(--black)"
-                    }),
-                    vue.createElementVNode("p", _hoisted_10, vue.toDisplayString(vue.unref(t)("action")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["to"]),
-                vue.createVNode(_component_router_link, {
-                  to: vue.unref(t)("action_sublink"),
-                  class: "flex t-center flex-center flex-column bg-main t-black pd-big radius-big"
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(IconEarn.default, {
-                      class: "mn-b-small i-extra",
-                      fill: "rgb(var(--black)"
-                    }),
-                    vue.createElementVNode("p", _hoisted_11, vue.toDisplayString(vue.unref(t)("subaction")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["to"])
-              ])
-            ])
-          ]),
-          vue.createElementVNode("div", _hoisted_12, [
-            vue.unref(te)("image") ? (vue.openBlock(), vue.createElementBlock("img", {
+            vue.unref(te)("logo") ? (vue.openBlock(), vue.createElementBlock("img", {
               key: 0,
               loading: "lazy",
-              src: vue.unref(t)("image"),
-              class: "mn-t-extra z-index-1 w-75 mn-b-auto"
-            }, null, 8, _hoisted_13)) : vue.createCommentVNode("", true),
-            vue.createVNode(ConnectMetamask.default, {
-              tokenAddress: __props.options.tokenAddress,
-              tokenSymbol: __props.options.tokenSymbol,
-              tokenDecimals: __props.options.tokenDecimals,
-              tokenImage: __props.options.tokenImage,
-              targetChainId: __props.options.targetChainId,
-              metamaskIcon: __props.options.metamaskIcon,
-              content: {
-                en: {
-                  "connectMetaMask": vue.unref(t)("connectMetaMask"),
-                  "switchToPolygon": vue.unref(t)("switchToPolygon"),
-                  "addToken": vue.unref(t)("addToken")
-                }
-              }
-            }, null, 8, ["tokenAddress", "tokenSymbol", "tokenDecimals", "tokenImage", "targetChainId", "metamaskIcon", "content"])
+              class: "mn-b-semi h-4r",
+              src: vue.unref(t)("logo")
+            }, null, 8, _hoisted_4)) : vue.createCommentVNode("", true),
+            vue.unref(te)("title") ? (vue.openBlock(), vue.createElementBlock("h2", {
+              key: 1,
+              class: "mn-b-medium",
+              innerHTML: vue.unref(t)("title")
+            }, null, 8, _hoisted_5)) : vue.createCommentVNode("", true),
+            vue.unref(te)("description") ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6, vue.toDisplayString(vue.unref(t)("description")), 1)) : vue.createCommentVNode("", true),
+            vue.unref(te)("subdescription") ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7, vue.toDisplayString(vue.unref(t)("subdescription")), 1)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_8, [
+              vue.createVNode(_component_router_link, {
+                to: vue.unref(t)("action_link"),
+                class: "flex t-center bg-white flex-center flex-column t-black pd-big radius-big"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(IconInfo.default, {
+                    class: "mn-b-small i-extra",
+                    fill: "rgb(var(--black)"
+                  }),
+                  vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(vue.unref(t)("action")), 1)
+                ]),
+                _: 1
+              }, 8, ["to"]),
+              vue.createVNode(_component_router_link, {
+                to: vue.unref(t)("action_sublink"),
+                class: "flex t-center flex-center flex-column bg-main t-black pd-big radius-big"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(IconEarn.default, {
+                    class: "mn-b-small i-extra",
+                    fill: "rgb(var(--black)"
+                  }),
+                  vue.createElementVNode("p", _hoisted_10, vue.toDisplayString(vue.unref(t)("subaction")), 1)
+                ]),
+                _: 1
+              }, 8, ["to"])
+            ])
           ])
+        ]),
+        vue.createElementVNode("div", _hoisted_11, [
+          vue.unref(te)("image") ? (vue.openBlock(), vue.createElementBlock("img", {
+            key: 0,
+            loading: "lazy",
+            src: vue.unref(t)("image"),
+            class: "mn-t-auto z-index-1 w-75 mn-b-auto"
+          }, null, 8, _hoisted_12)) : vue.createCommentVNode("", true),
+          vue.createVNode(ConnectMetamask.default, {
+            tokenAddress: __props.options.tokenAddress,
+            tokenSymbol: __props.options.tokenSymbol,
+            tokenDecimals: __props.options.tokenDecimals,
+            tokenImage: __props.options.tokenImage,
+            targetChainId: __props.options.targetChainId,
+            metamaskIcon: __props.options.metamaskIcon,
+            content: {
+              en: {
+                "connectMetaMask": vue.unref(t)("connectMetaMask"),
+                "switchToPolygon": vue.unref(t)("switchToPolygon"),
+                "addToken": vue.unref(t)("addToken")
+              }
+            },
+            class: "w-100"
+          }, null, 8, ["tokenAddress", "tokenSymbol", "tokenDecimals", "tokenImage", "targetChainId", "metamaskIcon", "content"]),
+          _cache[0] || (_cache[0] = vue.createElementVNode("div", {
+            style: { "background-image": "url(/spiral.jpg)" },
+            class: "mn-b-extra spiral"
+          }, null, -1))
         ])
       ]);
     };
   }
 };
-const SectionEarn = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-598c525f"]]);
+const SectionEarn = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-819fe162"]]);
 exports.default = SectionEarn;
 //# sourceMappingURL=SectionEarn.vue.cjs.map

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionEarn.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionEarn.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionEarn.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <section class=\"cols-2 bg-black t-black radius-big pd-thin gap-thin\">\n      <div class=\"pos-relative flex flex-column flex-center h-100\">\n        <div class=\"mn-b-thin t-white pd-big radius-big\">\n          <img v-if=\"te('logo')\" loading=\"lazy\" class=\"mn-b-semi h-5r\" :src=\"t('logo')\">\n\n          <h2 v-if=\"te('title')\" class=\"mn-b-small\" v-html=\"t('title')\"/>\n          <p v-if=\"te('description')\" class=\"mn-b-small p-big t-transp\">{{ t('description') }}</p>  \n          <p v-if=\"te('subdescription')\" class=\"mn-b-semi p-medium t-transp\">{{ t('subdescription')}}</p>\n\n        <div class=\"gap-thin cols-2\">\n          <router-link :to=\"t('action_link')\" class=\"flex t-center bg-white flex-center flex-column t-black pd-big radius-big\">\n            <IconInfo class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n            <p class=\"uppercase t-semi\">{{t('action')}}</p>\n          </router-link>\n\n          <router-link :to=\"t('action_sublink') \" class=\"flex t-center flex-center flex-column bg-main t-black pd-big radius-big\">\n            <IconEarn class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n            <p class=\"uppercase t-semi\">{{t('subaction')}}</p>\n          </router-link>\n          \n        </div>\n        </div>\n\n      </div>\n\n      <div class=\"pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-big o-hidden\">\n          <img v-if=\"te('image')\" loading=\"lazy\" :src=\"t('image')\" class=\"mn-t-extra z-index-1 w-75 mn-b-auto\">\n          <ConnectMetamask\n            :tokenAddress=\"options.tokenAddress\"\n            :tokenSymbol=\"options.tokenSymbol\"\n            :tokenDecimals=\"options.tokenDecimals\"\n            :tokenImage=\"options.tokenImage\"\n            :targetChainId=\"options.targetChainId\"\n            :metamaskIcon=\"options.metamaskIcon\"\n            :content=\"{\n              en: {\n                'connectMetaMask': t('connectMetaMask'),\n                'switchToPolygon': t('switchToPolygon'),\n                'addToken': t('addToken')\n              }\n            }\"\n          />\n      </div>\n    </section>\n  </div>\n</template>\n\n<script setup>\nimport { computed,ref,onMounted, reactive } from 'vue'\nimport { useI18n } from 'vue-i18n';\n\nimport IconInfo from '@pf/src/modules/icons/entities/IconInfo.vue'\nimport IconEarn from '@pf/src/modules/icons/entities/IconEarn.vue'\n\nimport ConnectMetamask from '@pf/src/modules/wallet/views/components/elements/ConnectMetamask.vue'\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      tokenAddress: '0x64b4b0ade1f015d6a0c536e8cf041e181d872220',\n      tokenSymbol: 'OZDT',\n      tokenDecimals: '8',\n      tokenImage: 'https://ozdao.dev/logo-token.png',\n      targetChainId: '0x89',\n      metamaskIcon: \"/icons/metamask.svg\"\n    })\n  }\n})\nconst { t, te } = useI18n({\n  messages: props.content\n})\n</script>\n\n<style lang=\"scss\" scoped>\n  .spiral {\n    background-size: cover;\n    width: 100rem;\n    height: 100rem;\n    position: absolute;\n    opacity: 0.066;\n    transform: translate(-50%, -50%) rotate(0deg);\n    transform-origin: center center;\n    animation: spin 5s linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n</style>"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,UAAM,QAAQ;AAiBd,UAAM,EAAE,GAAG,GAAI,IAAGA,gBAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionEarn.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionEarn.vue"],"sourcesContent":["<template>\n  <section class=\"cols-2 gap-thin\">\n    <div class=\"pos-relative flex flex-column flex-center h-100\">\n      <div class=\"mn-b-thin pd-big radius-big\">\n        <img v-if=\"te('logo')\" loading=\"lazy\" class=\"mn-b-semi h-4r\" :src=\"t('logo')\">\n\n        <h2 v-if=\"te('title')\" class=\"mn-b-medium\" v-html=\"t('title')\"/>\n        <p v-if=\"te('description')\" class=\"mn-b-medium p-big t-transp\">{{ t('description') }}</p>  \n        <p v-if=\"te('subdescription')\" class=\"mn-b-semi p-medium t-transp\">{{ t('subdescription')}}</p>\n\n      <div class=\"gap-thin cols-2\">\n        <router-link :to=\"t('action_link')\" class=\"flex t-center bg-white flex-center flex-column t-black pd-big radius-big\">\n          <IconInfo class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n          <p class=\"uppercase t-semi\">{{t('action')}}</p>\n        </router-link>\n\n        <router-link :to=\"t('action_sublink') \" class=\"flex t-center flex-center flex-column bg-main t-black pd-big radius-big\">\n          <IconEarn class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n          <p class=\"uppercase t-semi\">{{t('subaction')}}</p>\n        </router-link>\n        \n      </div>\n      </div>\n\n    </div>\n\n    <div class=\"pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-big o-hidden\">\n      <img v-if=\"te('image')\" loading=\"lazy\" :src=\"t('image')\" class=\"mn-t-auto z-index-1 w-75 mn-b-auto\">\n      <ConnectMetamask\n        :tokenAddress=\"options.tokenAddress\"\n        :tokenSymbol=\"options.tokenSymbol\"\n        :tokenDecimals=\"options.tokenDecimals\"\n        :tokenImage=\"options.tokenImage\"\n        :targetChainId=\"options.targetChainId\"\n        :metamaskIcon=\"options.metamaskIcon\"\n        :content=\"{\n          en: {\n            'connectMetaMask': t('connectMetaMask'),\n            'switchToPolygon': t('switchToPolygon'),\n            'addToken': t('addToken')\n          }\n        }\"\n        class=\"w-100\"\n      />\n      <div style=\"background-image: url(/spiral.jpg)\" class=\"mn-b-extra spiral\"/>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { computed,ref,onMounted, reactive } from 'vue'\nimport { useI18n } from 'vue-i18n';\n\nimport IconInfo from '@pf/src/modules/icons/entities/IconInfo.vue'\nimport IconEarn from '@pf/src/modules/icons/entities/IconEarn.vue'\n\nimport ConnectMetamask from '@pf/src/modules/wallet/views/components/elements/ConnectMetamask.vue'\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      tokenAddress: '0x64b4b0ade1f015d6a0c536e8cf041e181d872220',\n      tokenSymbol: 'OZDT',\n      tokenDecimals: 8,\n      tokenImage: 'https://ozdao.dev/logo-token.png',\n      targetChainId: '0x89',\n      metamaskIcon: \"/icons/metamask.svg\"\n    })\n  }\n})\nconst { t, te } = useI18n({\n  messages: props.content\n})\n</script>\n\n<style lang=\"scss\" scoped>\n  .spiral {\n    background-size: cover;\n    width: 100rem;\n    height: 100rem;\n    position: absolute;\n    opacity: 0.066;\n    transform: translate(-50%, -50%) rotate(0deg);\n    transform-origin: center center;\n    animation: spin 5s linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n</style>"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,UAAM,QAAQ;AAiBd,UAAM,EAAE,GAAG,GAAI,IAAGA,gBAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionEarn.vue.js

@@ -5,25 +5,24 @@ import _sfc_main$2 from "../../../icons/entities/IconEarn.vue.js";
 import _sfc_main$3 from "../../../wallet/views/components/elements/ConnectMetamask.vue.js";
 /* empty css                 */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "pd-thin" };
-const _hoisted_2 = { class: "cols-2 bg-black t-black radius-big pd-thin gap-thin" };
-const _hoisted_3 = { class: "pos-relative flex flex-column flex-center h-100" };
-const _hoisted_4 = { class: "mn-b-thin t-white pd-big radius-big" };
-const _hoisted_5 = ["src"];
-const _hoisted_6 = ["innerHTML"];
-const _hoisted_7 = {
+const _hoisted_1 = { class: "cols-2 gap-thin" };
+const _hoisted_2 = { class: "pos-relative flex flex-column flex-center h-100" };
+const _hoisted_3 = { class: "mn-b-thin pd-big radius-big" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = ["innerHTML"];
+const _hoisted_6 = {
   key: 2,
-  class: "mn-b-small p-big t-transp"
+  class: "mn-b-medium p-big t-transp"
 };
-const _hoisted_8 = {
+const _hoisted_7 = {
   key: 3,
   class: "mn-b-semi p-medium t-transp"
 };
-const _hoisted_9 = { class: "gap-thin cols-2" };
+const _hoisted_8 = { class: "gap-thin cols-2" };
+const _hoisted_9 = { class: "uppercase t-semi" };
 const _hoisted_10 = { class: "uppercase t-semi" };
-const _hoisted_11 = { class: "uppercase t-semi" };
-const _hoisted_12 = { class: "pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-big o-hidden" };
-const _hoisted_13 = ["src"];
+const _hoisted_11 = { class: "pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-big o-hidden" };
+const _hoisted_12 = ["src"];
 const _sfc_main = {
   __name: "SectionEarn",
   props: {
@@ -36,7 +35,7 @@ const _sfc_main = {
       default: () => ({
         tokenAddress: "0x64b4b0ade1f015d6a0c536e8cf041e181d872220",
         tokenSymbol: "OZDT",
-        tokenDecimals: "8",
+        tokenDecimals: 8,
         tokenImage: "https://ozdao.dev/logo-token.png",
         targetChainId: "0x89",
         metamaskIcon: "/icons/metamask.svg"
@@ -50,82 +49,85 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       const _component_router_link = resolveComponent("router-link");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("section", _hoisted_2, [
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
-            createElementVNode("div", _hoisted_4, [
-              unref(te)("logo") ? (openBlock(), createElementBlock("img", {
-                key: 0,
-                loading: "lazy",
-                class: "mn-b-semi h-5r",
-                src: unref(t)("logo")
-              }, null, 8, _hoisted_5)) : createCommentVNode("", true),
-              unref(te)("title") ? (openBlock(), createElementBlock("h2", {
-                key: 1,
-                class: "mn-b-small",
-                innerHTML: unref(t)("title")
-              }, null, 8, _hoisted_6)) : createCommentVNode("", true),
-              unref(te)("description") ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(unref(t)("description")), 1)) : createCommentVNode("", true),
-              unref(te)("subdescription") ? (openBlock(), createElementBlock("p", _hoisted_8, toDisplayString(unref(t)("subdescription")), 1)) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_9, [
-                createVNode(_component_router_link, {
-                  to: unref(t)("action_link"),
-                  class: "flex t-center bg-white flex-center flex-column t-black pd-big radius-big"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_sfc_main$1, {
-                      class: "mn-b-small i-extra",
-                      fill: "rgb(var(--black)"
-                    }),
-                    createElementVNode("p", _hoisted_10, toDisplayString(unref(t)("action")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["to"]),
-                createVNode(_component_router_link, {
-                  to: unref(t)("action_sublink"),
-                  class: "flex t-center flex-center flex-column bg-main t-black pd-big radius-big"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_sfc_main$2, {
-                      class: "mn-b-small i-extra",
-                      fill: "rgb(var(--black)"
-                    }),
-                    createElementVNode("p", _hoisted_11, toDisplayString(unref(t)("subaction")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["to"])
-              ])
-            ])
-          ]),
-          createElementVNode("div", _hoisted_12, [
-            unref(te)("image") ? (openBlock(), createElementBlock("img", {
+            unref(te)("logo") ? (openBlock(), createElementBlock("img", {
               key: 0,
               loading: "lazy",
-              src: unref(t)("image"),
-              class: "mn-t-extra z-index-1 w-75 mn-b-auto"
-            }, null, 8, _hoisted_13)) : createCommentVNode("", true),
-            createVNode(_sfc_main$3, {
-              tokenAddress: __props.options.tokenAddress,
-              tokenSymbol: __props.options.tokenSymbol,
-              tokenDecimals: __props.options.tokenDecimals,
-              tokenImage: __props.options.tokenImage,
-              targetChainId: __props.options.targetChainId,
-              metamaskIcon: __props.options.metamaskIcon,
-              content: {
-                en: {
-                  "connectMetaMask": unref(t)("connectMetaMask"),
-                  "switchToPolygon": unref(t)("switchToPolygon"),
-                  "addToken": unref(t)("addToken")
-                }
-              }
-            }, null, 8, ["tokenAddress", "tokenSymbol", "tokenDecimals", "tokenImage", "targetChainId", "metamaskIcon", "content"])
+              class: "mn-b-semi h-4r",
+              src: unref(t)("logo")
+            }, null, 8, _hoisted_4)) : createCommentVNode("", true),
+            unref(te)("title") ? (openBlock(), createElementBlock("h2", {
+              key: 1,
+              class: "mn-b-medium",
+              innerHTML: unref(t)("title")
+            }, null, 8, _hoisted_5)) : createCommentVNode("", true),
+            unref(te)("description") ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(unref(t)("description")), 1)) : createCommentVNode("", true),
+            unref(te)("subdescription") ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(unref(t)("subdescription")), 1)) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_8, [
+              createVNode(_component_router_link, {
+                to: unref(t)("action_link"),
+                class: "flex t-center bg-white flex-center flex-column t-black pd-big radius-big"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$1, {
+                    class: "mn-b-small i-extra",
+                    fill: "rgb(var(--black)"
+                  }),
+                  createElementVNode("p", _hoisted_9, toDisplayString(unref(t)("action")), 1)
+                ]),
+                _: 1
+              }, 8, ["to"]),
+              createVNode(_component_router_link, {
+                to: unref(t)("action_sublink"),
+                class: "flex t-center flex-center flex-column bg-main t-black pd-big radius-big"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$2, {
+                    class: "mn-b-small i-extra",
+                    fill: "rgb(var(--black)"
+                  }),
+                  createElementVNode("p", _hoisted_10, toDisplayString(unref(t)("subaction")), 1)
+                ]),
+                _: 1
+              }, 8, ["to"])
+            ])
           ])
+        ]),
+        createElementVNode("div", _hoisted_11, [
+          unref(te)("image") ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            loading: "lazy",
+            src: unref(t)("image"),
+            class: "mn-t-auto z-index-1 w-75 mn-b-auto"
+          }, null, 8, _hoisted_12)) : createCommentVNode("", true),
+          createVNode(_sfc_main$3, {
+            tokenAddress: __props.options.tokenAddress,
+            tokenSymbol: __props.options.tokenSymbol,
+            tokenDecimals: __props.options.tokenDecimals,
+            tokenImage: __props.options.tokenImage,
+            targetChainId: __props.options.targetChainId,
+            metamaskIcon: __props.options.metamaskIcon,
+            content: {
+              en: {
+                "connectMetaMask": unref(t)("connectMetaMask"),
+                "switchToPolygon": unref(t)("switchToPolygon"),
+                "addToken": unref(t)("addToken")
+              }
+            },
+            class: "w-100"
+          }, null, 8, ["tokenAddress", "tokenSymbol", "tokenDecimals", "tokenImage", "targetChainId", "metamaskIcon", "content"]),
+          _cache[0] || (_cache[0] = createElementVNode("div", {
+            style: { "background-image": "url(/spiral.jpg)" },
+            class: "mn-b-extra spiral"
+          }, null, -1))
         ])
       ]);
     };
   }
 };
-const SectionEarn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-598c525f"]]);
+const SectionEarn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-819fe162"]]);
 export {
   SectionEarn as default
 };

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionEarn.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionEarn.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionEarn.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <section class=\"cols-2 bg-black t-black radius-big pd-thin gap-thin\">\n      <div class=\"pos-relative flex flex-column flex-center h-100\">\n        <div class=\"mn-b-thin t-white pd-big radius-big\">\n          <img v-if=\"te('logo')\" loading=\"lazy\" class=\"mn-b-semi h-5r\" :src=\"t('logo')\">\n\n          <h2 v-if=\"te('title')\" class=\"mn-b-small\" v-html=\"t('title')\"/>\n          <p v-if=\"te('description')\" class=\"mn-b-small p-big t-transp\">{{ t('description') }}</p>  \n          <p v-if=\"te('subdescription')\" class=\"mn-b-semi p-medium t-transp\">{{ t('subdescription')}}</p>\n\n        <div class=\"gap-thin cols-2\">\n          <router-link :to=\"t('action_link')\" class=\"flex t-center bg-white flex-center flex-column t-black pd-big radius-big\">\n            <IconInfo class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n            <p class=\"uppercase t-semi\">{{t('action')}}</p>\n          </router-link>\n\n          <router-link :to=\"t('action_sublink') \" class=\"flex t-center flex-center flex-column bg-main t-black pd-big radius-big\">\n            <IconEarn class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n            <p class=\"uppercase t-semi\">{{t('subaction')}}</p>\n          </router-link>\n          \n        </div>\n        </div>\n\n      </div>\n\n      <div class=\"pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-big o-hidden\">\n          <img v-if=\"te('image')\" loading=\"lazy\" :src=\"t('image')\" class=\"mn-t-extra z-index-1 w-75 mn-b-auto\">\n          <ConnectMetamask\n            :tokenAddress=\"options.tokenAddress\"\n            :tokenSymbol=\"options.tokenSymbol\"\n            :tokenDecimals=\"options.tokenDecimals\"\n            :tokenImage=\"options.tokenImage\"\n            :targetChainId=\"options.targetChainId\"\n            :metamaskIcon=\"options.metamaskIcon\"\n            :content=\"{\n              en: {\n                'connectMetaMask': t('connectMetaMask'),\n                'switchToPolygon': t('switchToPolygon'),\n                'addToken': t('addToken')\n              }\n            }\"\n          />\n      </div>\n    </section>\n  </div>\n</template>\n\n<script setup>\nimport { computed,ref,onMounted, reactive } from 'vue'\nimport { useI18n } from 'vue-i18n';\n\nimport IconInfo from '@pf/src/modules/icons/entities/IconInfo.vue'\nimport IconEarn from '@pf/src/modules/icons/entities/IconEarn.vue'\n\nimport ConnectMetamask from '@pf/src/modules/wallet/views/components/elements/ConnectMetamask.vue'\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      tokenAddress: '0x64b4b0ade1f015d6a0c536e8cf041e181d872220',\n      tokenSymbol: 'OZDT',\n      tokenDecimals: '8',\n      tokenImage: 'https://ozdao.dev/logo-token.png',\n      targetChainId: '0x89',\n      metamaskIcon: \"/icons/metamask.svg\"\n    })\n  }\n})\nconst { t, te } = useI18n({\n  messages: props.content\n})\n</script>\n\n<style lang=\"scss\" scoped>\n  .spiral {\n    background-size: cover;\n    width: 100rem;\n    height: 100rem;\n    position: absolute;\n    opacity: 0.066;\n    transform: translate(-50%, -50%) rotate(0deg);\n    transform-origin: center center;\n    animation: spin 5s linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,UAAM,QAAQ;AAiBd,UAAM,EAAE,GAAG,GAAI,IAAG,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionEarn.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionEarn.vue"],"sourcesContent":["<template>\n  <section class=\"cols-2 gap-thin\">\n    <div class=\"pos-relative flex flex-column flex-center h-100\">\n      <div class=\"mn-b-thin pd-big radius-big\">\n        <img v-if=\"te('logo')\" loading=\"lazy\" class=\"mn-b-semi h-4r\" :src=\"t('logo')\">\n\n        <h2 v-if=\"te('title')\" class=\"mn-b-medium\" v-html=\"t('title')\"/>\n        <p v-if=\"te('description')\" class=\"mn-b-medium p-big t-transp\">{{ t('description') }}</p>  \n        <p v-if=\"te('subdescription')\" class=\"mn-b-semi p-medium t-transp\">{{ t('subdescription')}}</p>\n\n      <div class=\"gap-thin cols-2\">\n        <router-link :to=\"t('action_link')\" class=\"flex t-center bg-white flex-center flex-column t-black pd-big radius-big\">\n          <IconInfo class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n          <p class=\"uppercase t-semi\">{{t('action')}}</p>\n        </router-link>\n\n        <router-link :to=\"t('action_sublink') \" class=\"flex t-center flex-center flex-column bg-main t-black pd-big radius-big\">\n          <IconEarn class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n          <p class=\"uppercase t-semi\">{{t('subaction')}}</p>\n        </router-link>\n        \n      </div>\n      </div>\n\n    </div>\n\n    <div class=\"pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-big o-hidden\">\n      <img v-if=\"te('image')\" loading=\"lazy\" :src=\"t('image')\" class=\"mn-t-auto z-index-1 w-75 mn-b-auto\">\n      <ConnectMetamask\n        :tokenAddress=\"options.tokenAddress\"\n        :tokenSymbol=\"options.tokenSymbol\"\n        :tokenDecimals=\"options.tokenDecimals\"\n        :tokenImage=\"options.tokenImage\"\n        :targetChainId=\"options.targetChainId\"\n        :metamaskIcon=\"options.metamaskIcon\"\n        :content=\"{\n          en: {\n            'connectMetaMask': t('connectMetaMask'),\n            'switchToPolygon': t('switchToPolygon'),\n            'addToken': t('addToken')\n          }\n        }\"\n        class=\"w-100\"\n      />\n      <div style=\"background-image: url(/spiral.jpg)\" class=\"mn-b-extra spiral\"/>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { computed,ref,onMounted, reactive } from 'vue'\nimport { useI18n } from 'vue-i18n';\n\nimport IconInfo from '@pf/src/modules/icons/entities/IconInfo.vue'\nimport IconEarn from '@pf/src/modules/icons/entities/IconEarn.vue'\n\nimport ConnectMetamask from '@pf/src/modules/wallet/views/components/elements/ConnectMetamask.vue'\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      tokenAddress: '0x64b4b0ade1f015d6a0c536e8cf041e181d872220',\n      tokenSymbol: 'OZDT',\n      tokenDecimals: 8,\n      tokenImage: 'https://ozdao.dev/logo-token.png',\n      targetChainId: '0x89',\n      metamaskIcon: \"/icons/metamask.svg\"\n    })\n  }\n})\nconst { t, te } = useI18n({\n  messages: props.content\n})\n</script>\n\n<style lang=\"scss\" scoped>\n  .spiral {\n    background-size: cover;\n    width: 100rem;\n    height: 100rem;\n    position: absolute;\n    opacity: 0.066;\n    transform: translate(-50%, -50%) rotate(0deg);\n    transform-origin: center center;\n    animation: spin 5s linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,UAAM,QAAQ;AAiBd,UAAM,EAAE,GAAG,GAAI,IAAG,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionFeatures.vue.cjs

@@ -2,82 +2,45 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueI18n = require("vue-i18n");
-const _hoisted_1 = {
-  id: "howtobuy",
-  class: "pd-thin"
-};
-const _hoisted_2 = { class: "t-center bg-black t-white radius-big pd-big pd-t-big pd-b-big" };
+const _hoisted_1 = { id: "howtobuy" };
+const _hoisted_2 = { class: "w-100 mn-b-small" };
 const _hoisted_3 = ["innerHTML"];
 const _hoisted_4 = { class: "cols-3 gap-thin" };
-const _hoisted_5 = { class: "mn-r-auto mn-l-auto h2 i-extra radius-extra bg-main flex-center flex mn-b-medium" };
+const _hoisted_5 = { class: "h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium" };
 const _hoisted_6 = { class: "mn-b-medium" };
 const _hoisted_7 = { class: "t-transp" };
 const _sfc_main = {
   __name: "SectionFeatures",
   props: {
-    title: String,
-    textData: {
+    content: {
       type: Object,
-      default: () => ({
-        messages: {
-          en: {
-            title: 'Transform Your View on Smoking with <b class="t-main">Next Industrial Revolution</b>',
-            features: [{
-              icon: "1",
-              title: "United in Growth",
-              description: "Weeder thrives on community participation. As an open-source platform, it invites everyone to contribute and shape the evolution of cannabis culture globally."
-            }, {
-              icon: "2",
-              title: "Trust in Crypto",
-              description: "Weeder utilizes the power of blockchain technology and smart contracts, building a trust-rich, transparent environment that ensures secure and smooth transactions."
-            }, {
-              icon: "3",
-              title: "Boosted by AI",
-              description: "With AI at the core, Weeder enhances understanding of cannabis, creating personalized tools to enrich the user experience and business goals."
-            }]
-          },
-          ru: {
-            title: "Наши Преимущества",
-            features: [{
-              icon: "📦",
-              headline: "Доставка за 1 час",
-              description: "Мы понимаем, как важно для клиентов получить товар в самый краткий срок. Получите свой заказ в течении часа после подтверждения!"
-            }, {
-              icon: "💬",
-              headline: "Поддержка 24/7",
-              description: "Если у вас есть какие-либо вопросы, наша служба поддержки клиентов работает круглосуточно и без выходных. Вы можете связаться с нами в любое время в Telegram!"
-            }, {
-              icon: "😊",
-              headline: "Гарантия качества",
-              description: "Непревзойденные цены и самые доступные качественные товары. Больше не тратьте деньги на дорогие некачественные продукты!"
-            }]
-          }
-        }
-      })
+      required: true
     }
   },
   setup(__props) {
     const props = __props;
-    const { t, tm } = vueI18n.useI18n(props.textData);
+    const { t, tm } = vueI18n.useI18n({
+      messages: props.content
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("section", _hoisted_2, [
-          vue.createElementVNode("h2", {
-            class: "w-max-50r mn-l-auto mn-r-auto mn-b-small",
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        vue.createElementVNode("h2", _hoisted_2, [
+          vue.createElementVNode("span", {
+            class: "d-inline-block w-max-50r",
             innerHTML: vue.unref(t)("title")
-          }, null, 8, _hoisted_3),
-          vue.createElementVNode("div", _hoisted_4, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tm)("features"), (feature) => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                key: feature.title,
-                class: "pd-medium radius-big"
-              }, [
-                vue.createElementVNode("p", _hoisted_5, vue.toDisplayString(feature.icon), 1),
-                vue.createElementVNode("h3", _hoisted_6, vue.toDisplayString(feature.title), 1),
-                vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(feature.description), 1)
-              ]);
-            }), 128))
-          ])
+          }, null, 8, _hoisted_3)
+        ]),
+        vue.createElementVNode("div", _hoisted_4, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tm)("features"), (feature) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: feature.title,
+              class: "pd-medium radius-big"
+            }, [
+              vue.createElementVNode("p", _hoisted_5, vue.toDisplayString(feature.icon), 1),
+              vue.createElementVNode("h3", _hoisted_6, vue.toDisplayString(feature.title), 1),
+              vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(feature.description), 1)
+            ]);
+          }), 128))
         ])
       ]);
     };

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionFeatures.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionFeatures.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeatures.vue"],"sourcesContent":["<template>\n  <div id=\"howtobuy\" class=\"pd-thin\">\n    <section class=\"t-center bg-black t-white radius-big pd-big pd-t-big pd-b-big\">\n      <h2 class=\"w-max-50r mn-l-auto mn-r-auto mn-b-small\" v-html=\"t('title')\"/>\n     \n\n      <div class=\"cols-3 gap-thin\">\n        <div \n          v-for=\"feature in tm('features')\" \n          :key=\"feature.title\" \n          class=\"pd-medium  radius-big\"\n        >\n          <p class=\"mn-r-auto mn-l-auto h2 i-extra radius-extra bg-main flex-center flex mn-b-medium\">\n            {{ feature.icon }}\n          </p>\n          <h3 class=\"mn-b-medium\">\n            {{ feature.title }}\n          </h3>\n          <p class=\"t-transp\">\n            {{ feature.description }}\n          </p>\n        </div>\n      </div>\n\n    </section>\n  </div>\n</template>\n\n\n<script setup>\n  import { useI18n }    from 'vue-i18n'\n\n  const props = defineProps({\n    title: String,\n    textData: {\n      type: Object,\n      default: () => ({\n        messages: {\n          en: {\n            title: 'Transform Your View on Smoking with <b class=\"t-main\">Next Industrial Revolution</b>',\n            features: [{\n              icon: '1',\n              title: 'United in Growth',\n              description: 'Weeder thrives on community participation. As an open-source platform, it invites everyone to contribute and shape the evolution of cannabis culture globally.',\n            },{\n              icon: '2',\n              title: 'Trust in Crypto',\n              description: 'Weeder utilizes the power of blockchain technology and smart contracts, building a trust-rich, transparent environment that ensures secure and smooth transactions.',\n            },{\n              icon: '3',\n              title: 'Boosted by AI',\n              description: 'With AI at the core, Weeder enhances understanding of cannabis, creating personalized tools to enrich the user experience and business goals.',\n            }]\n          },\n          ru: {\n            title: 'Наши Преимущества',\n            features: [{\n              icon: '📦',\n              headline: 'Доставка за 1 час',\n              description: 'Мы понимаем, как важно для клиентов получить товар в самый краткий срок. Получите свой заказ в течении часа после подтверждения!',\n            },{\n              icon: '💬',\n              headline: 'Поддержка 24/7',\n              description: 'Если у вас есть какие-либо вопросы, наша служба поддержки клиентов работает круглосуточно и без выходных. Вы можете связаться с нами в любое время в Telegram!',\n            },{\n              icon: '😊',\n              headline: 'Гарантия качества',\n              description: 'Непревзойденные цены и самые доступные качественные товары. Больше не тратьте деньги на дорогие некачественные продукты!',\n            }]\n          }\n        }\n      })\n    }\n  })\n\n  const { t, tm } = useI18n(props.textData)\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCE,UAAM,QAAQ;AA2Cd,UAAM,EAAE,GAAG,GAAE,IAAKA,QAAAA,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionFeatures.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeatures.vue"],"sourcesContent":["<template>\n  <section id=\"howtobuy\">\n    <h2 class=\"w-100 mn-b-small\"><span class=\"d-inline-block w-max-50r\" v-html=\"t('title')\"/></h2>\n   \n    <div class=\"cols-3 gap-thin\">\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"pd-medium  radius-big\"\n      >\n        <p class=\"h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium\">\n          {{ feature.icon }}\n        </p>\n        <h3 class=\"mn-b-medium\">\n          {{ feature.title }}\n        </h3>\n        <p class=\"t-transp\">\n          {{ feature.description }}\n        </p>\n      </div>\n    </div>\n  </section>\n</template>\n\n\n<script setup>\n  import { useI18n }    from 'vue-i18n'\n\n  const props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4BE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,GAAI,IAAGA,gBAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;"}