flowrix 1.0.1-beta.152 → 1.0.1-beta.154

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "flowrix",
   "configKey": "flowrix",
-  "version": "1.0.1-beta.152",
+  "version": "1.0.1-beta.154",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/DynamicComponents/SubscriptionForm.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/DynamicComponents/SubscriptionForm.vue

@@ -0,0 +1,60 @@
+<script setup>
+const { subscribe, response, error, loading, clear } = useSubscriptions();
+const email = ref("");
+watch([response, error], () => {
+  if (response.value || error.value) {
+    setTimeout(() => clear(), 5e3);
+  }
+});
+const handleSubscribe = async () => {
+  if (!email.value.trim()) return;
+  const result = await subscribe(email.value);
+  if (result.status === "Success") {
+    email.value = "";
+  }
+};
+</script>
+
+<template>
+  <div>
+    <form class="orix-subscription-form" @submit.prevent="handleSubscribe">
+      <input
+        v-model="email"
+        type="email"
+        name="email"
+        placeholder="Enter your email"
+        required
+        :disabled="loading"
+        class="orix-subscription-form__input"
+      />
+      <button
+        type="submit"
+        :disabled="loading || !email"
+        class="orix-subscription-form__button"
+      >
+        <span v-if="!loading">Subscribe</span>
+        <span v-else>
+          Submitting
+          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
+            <path fill="none" stroke="currentColor" stroke-dasharray="16" stroke-dashoffset="16"
+              stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3c4.97 0 9 4.03 9 9">
+              <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="16;0" />
+              <animateTransform attributeName="transform" dur="1.5s" repeatCount="indefinite" type="rotate"
+                values="0 12 12;360 12 12" />
+            </path>
+          </svg>
+        </span>
+      </button>
+    </form>
+
+    <div v-if="response?.status === 'Success'" class="alert alert-success mt-2" role="alert">
+      {{ response.message }}
+      <button type="button" class="btn-close float-end" @click="clear" aria-label="Close"></button>
+    </div>
+
+    <div v-if="error" class="alert alert-danger mt-2" role="alert">
+      {{ error }}
+      <button type="button" class="btn-close float-end" @click="clear" aria-label="Close"></button>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/DynamicComponents/SubscriptionForm.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/DynamicComponents/WebForm.d.vue.ts

@@ -0,0 +1,7 @@
+declare const __VLS_export: import("vue").DefineComponent<{
+    form_id?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    form_id?: any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/DynamicComponents/WebForm.vue

@@ -0,0 +1,115 @@
+<script setup>
+const { form_id } = defineProps(["form_id"]);
+const data = ref({});
+const getFormData = (() => {
+  const response = useWebformsStore().fetchWebform(1);
+  return response;
+});
+onMounted(async () => {
+  data.value = await getFormData();
+});
+const Filedlabel = ((field) => {
+  return field.required ? `Your ${field.label} *` : `Your ${field.label}`;
+});
+const sortedFields = ((fields) => {
+  return fields.sort((a, b) => a.sortorder - b.sortorder);
+});
+const fomrSubmiting = ref(false);
+const submitForm = ref({});
+const submitInquiry = (async (submitEvent) => {
+  fomrSubmiting.value = true;
+  fomrSubmiting.value = true;
+  var public_key = "";
+  var recaptchaToken = "";
+  if (data.value.public_key) {
+    recaptchaToken = await grecaptcha.execute(data.value.public_key, { action: "submit" });
+  }
+  let allFields = document.querySelectorAll(".form-input-field");
+  let formData = {};
+  allFields.forEach((field) => {
+    const fieldId = field.getAttribute("data-id");
+    if (fieldId) {
+      formData[fieldId] = field.value;
+    }
+  });
+  const submitdata = { id: form_id, fields: formData, recaptcha: recaptchaToken };
+  const response = await useWebformsStore().submitInquiry(submitdata);
+  console.log(response);
+  submitForm.value = response;
+  fomrSubmiting.value = false;
+  if (submitForm.value && submitForm.value.status == "Success") {
+    allFields.forEach((field) => {
+      field.value = "";
+    });
+  }
+  setTimeout(() => {
+  }, 2e3);
+});
+</script>
+
+<template>
+    <form class="contactform" v-if="Object.keys(data).length > 0 && data.fields != void 0" @submit.prevent="submitInquiry()">
+        <div class="row gy-4">
+            <template v-for="(field, index) in sortedFields(data.fields)">
+                <div class="col-md-6" v-if="index < 4">
+                    <input :required="field.required" :data-id="field.id"
+                        :name="field.label.replace(/\s+/g, '').toLowerCase()" :type="field.type"
+                        class="form-input-field form-control" :placeholder="Filedlabel(field)" />
+                </div>
+                <div class="col-md-12" v-if="index > 3">
+                    <input :required="field.required" :data-id="field.id"
+                        :name="field.label.replace(/\s+/g, '').toLowerCase()" v-if="field.type != 'textarea'"
+                        :type="field.type" class="form-input-field form-control" :placeholder="Filedlabel(field)" />
+                    <div v-if="field.type == 'textarea'">
+                        <textarea rows="4" :required="field.required" :data-id="field.id"
+                            :name="field.label.replace(/\s+/g, '').toLowerCase()" class="form-input-field form-control"
+                            :placeholder="Filedlabel(field)"></textarea>
+                    </div>
+                </div>
+            </template>
+            <button type="submit" class="btn btn-secondary w-auto px-4 rounded text-white rounded-5">
+               <span v-if="!fomrSubmiting">Send message</span>
+               <span v-if="fomrSubmiting">
+                Submitting <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-dasharray="16" stroke-dashoffset="16" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3c4.97 0 9 4.03 9 9"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="16;0"/><animateTransform attributeName="transform" dur="1.5s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"/></path></svg>
+               </span>
+            </button>
+            <div v-if="submitForm?.message != void 0">
+                <div class="alert alert-success" role="alert">
+                   <div v-html="submitForm.message"></div>
+                </div>
+
+            </div>
+        </div>
+    </form>
+</template>
+
+<style scoped>
+.contactform .form-control {
+  min-height: 45px;
+  background-color: #f5f7fb;
+  border: none;
+}
+.contactform .form-control::placeholder {
+  color: #a6a6a6 !important;
+}
+.contactform .form-control::-webkit-input-placeholder {
+  color: #a6a6a6;
+}
+.contactform .form-control {
+  /* Firefox 19+ */
+}
+.contactform .form-control::-moz-placeholder {
+  color: #a6a6a6;
+  opacity: 1; /* Override Firefox's default lower opacity */
+}
+.contactform .form-control {
+  /* Internet Explorer 10+ */
+}
+.contactform .form-control:-ms-input-placeholder {
+  color: #a6a6a6;
+}
+
+.alert :deep(p) {
+  margin: 0 !important;
+}
+</style>

package/dist/runtime/components/DynamicComponents/WebForm.vue.d.ts

@@ -0,0 +1,7 @@
+declare const __VLS_export: import("vue").DefineComponent<{
+    form_id?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    form_id?: any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Pages/dynamic.d.vue.ts

@@ -0,0 +1,7 @@
+declare const __VLS_export: import("vue").DefineComponent<{
+    data?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    data?: any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Pages/dynamic.vue

@@ -0,0 +1,124 @@
+<script setup>
+import { ref, onMounted, nextTick, defineAsyncComponent } from "vue";
+import { createApp, h } from "vue";
+import { useRoute } from "vue-router";
+import { useHead } from "#app";
+const breadCrumb = defineAsyncComponent(() => import("~/components/other/BreadCrumb.vue"));
+const route = useRoute();
+const slug = route.params.slug || "";
+const { data } = defineProps(["data"]);
+const grapeContainer = ref(null);
+const WebForm = defineAsyncComponent(
+  () => import("@/components/DynamicComponents/WebForm.vue")
+);
+const SubscriptionForm = defineAsyncComponent(
+  () => import("@/components/DynamicComponents/SubscriptionForm.vue")
+);
+onMounted(async () => {
+  await nextTick();
+  const container = grapeContainer.value;
+  if (!container) return;
+  container.innerHTML = data.data?.content?.html || '<div class="container text-center fs-4">No content Found</div>';
+  const formDivs = container.querySelectorAll("div[form_id]");
+  formDivs.forEach((el) => {
+    const formId = el.getAttribute("form_id");
+    if (!formId) return;
+    const mountEl = document.createElement("div");
+    el.replaceWith(mountEl);
+    createApp({
+      render() {
+        return h(WebForm, {
+          form_id: formId
+        });
+      }
+    }).mount(mountEl);
+  });
+  const subscriptionForms = container.querySelectorAll("[subscription_form], .orix-subscription-form");
+  subscriptionForms.forEach((el) => {
+    const mountEl = document.createElement("div");
+    el.replaceWith(mountEl);
+    createApp({
+      render() {
+        return h(SubscriptionForm);
+      }
+    }).mount(mountEl);
+  });
+  const scripts = container.querySelectorAll("script");
+  console.log("scripts", scripts);
+  scripts.forEach((oldScript) => {
+    const newScript = document.createElement("script");
+    for (const attr of oldScript.attributes) {
+      newScript.setAttribute(attr.name, attr.value);
+    }
+    newScript.textContent = oldScript.textContent;
+    oldScript.parentNode?.replaceChild(newScript, oldScript);
+  });
+});
+onMounted(async () => {
+  await nextTick();
+  const sections = document.querySelectorAll("[id]");
+  let activeLink = null;
+  const observer = new IntersectionObserver(
+    (entries) => {
+      entries.forEach((entry) => {
+        if (!entry.isIntersecting) return;
+        const id = entry.target.id;
+        const link = document.querySelector(`a[href="#${id}"]`);
+        if (!link) return;
+        if (activeLink && activeLink !== link) {
+          activeLink.style.backgroundColor = "";
+          activeLink.style.color = "";
+        }
+        link.style.backgroundColor = "rgb(0, 82, 137)";
+        link.style.color = "#ffffff";
+        activeLink = link;
+      });
+    },
+    {
+      threshold: 0.4
+    }
+  );
+  sections.forEach((section) => observer.observe(section));
+});
+</script>
+
+<template>
+  <div class="container-fluid px-3 px-lg-5">
+    <breadCrumb :breadcrumbs="data?.data?.breadcrumb" :breadcrumb_title="data?.data?.breadcrumb_title || data?.data?.name" />
+  </div>
+  <div ref="grapeContainer"></div>
+</template>
+
+<style scoped>
+:deep() .gjs-cell {
+  flex-grow: unset !important;
+  flex-basis: unset !important;
+}
+:deep() .accordion-button:not(.collapsed) {
+  background: none !important;
+  background-color: none !important;
+  color: unset !important;
+  font-weight: 500 !important;
+}
+:deep() .accordion-button:focus {
+  outline: none !important;
+  box-shadow: none !important;
+}
+:deep() .accordion-item {
+  margin: 20px 0;
+  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color) !important;
+}
+:deep() .accordion-header {
+  border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color) !important;
+}
+:deep() {
+  /* Scroll offset for anchor links - prevents content from hiding behind fixed header */
+}
+:deep() [id] {
+  scroll-margin-top: 150px;
+}
+</style>
+
+<style>
+.dynamicContent .accordion .accordion-button.collapsed{background-color:unset!important}.dynamicContent .accordion .accordion-button:not(.collapsed){background-color:unset!important;box-shadow:unset!important;color:unset!important;font-weight:500!important}
+</style>

package/dist/runtime/components/Pages/dynamic.vue.d.ts

@@ -0,0 +1,7 @@
+declare const __VLS_export: import("vue").DefineComponent<{
+    data?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    data?: any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Pages/index.d.vue.ts

@@ -0,0 +1,7 @@
+declare const __VLS_export: import("vue").DefineComponent<{
+    pageData?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    pageData?: any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Pages/index.vue

@@ -0,0 +1,214 @@
+<script setup>
+import { ref, defineAsyncComponent, onMounted, watch } from "vue";
+import stickyTabsPages from "../stickyTabsPages.vue";
+import { useRoute } from "vue-router";
+import { useHead } from "#app";
+const route = useRoute();
+const slug = route.params.slug || "home";
+const { data: fetchData, error } = await useFetch(`/api/page/${slug}`, {});
+const { pageData } = defineProps(["pageData"]);
+const dynamicContent = ref("");
+const stickyTabsContent = ref("");
+onMounted(() => {
+  if (fetchData.value?.data?.content?.html) {
+    dynamicContent.value = fetchData.value.data.content.html;
+  } else if (pageData?.data?.content?.html) {
+    dynamicContent.value = pageData.data.content.html;
+  }
+});
+const extractStickyTabsFromHTML = (html) => {
+  if (!html || typeof html !== "string") return "";
+  try {
+    const tempDiv = document.createElement("div");
+    tempDiv.innerHTML = html;
+    let targetElement = null;
+    targetElement = tempDiv.querySelector("#ik6c");
+    if (!targetElement) {
+      targetElement = tempDiv.querySelector(".gjs-cell");
+    }
+    if (!targetElement) {
+      const allCells = tempDiv.querySelectorAll(".gjs-cell");
+      if (allCells.length > 0) {
+        targetElement = allCells[0];
+      }
+    }
+    if (!targetElement) {
+      const possibleElements = tempDiv.querySelectorAll("div");
+      for (const el of possibleElements) {
+        if (el.classList.contains("gjs-cell") || el.querySelector(".how-tab-link")) {
+          targetElement = el;
+          break;
+        }
+      }
+    }
+    if (targetElement) {
+      return targetElement.outerHTML;
+    }
+    return "";
+  } catch (error2) {
+    console.error("Error extracting sticky tabs:", error2);
+    return "";
+  }
+};
+watch(dynamicContent, (newHtml) => {
+  if (newHtml) {
+    stickyTabsContent.value = extractStickyTabsFromHTML(newHtml);
+  }
+}, { immediate: true });
+const extractOnServer = (html) => {
+  if (!html) return "";
+  const idMatch = html.match(/<div[^>]*id="ik6c"[^>]*>.*?<\/div>/s);
+  if (idMatch) return idMatch[0];
+  const classMatch = html.match(/<div[^>]*class="[^"]*gjs-cell[^"]*"[^>]*>.*?<\/div>/s);
+  if (classMatch) return classMatch[0];
+  const structureMatch = html.match(/<div[^>]*>.*?class="how-tab-link".*?<\/div>/s);
+  if (structureMatch) return structureMatch[0];
+  return "";
+};
+if (process.server) {
+  const htmlToExtract = fetchData.value?.data?.content?.html || pageData?.data?.content?.html || "";
+  if (htmlToExtract) {
+    stickyTabsContent.value = extractOnServer(htmlToExtract);
+  }
+}
+const isDynamic = pageData?.data?.is_dynamic;
+const templateName = pageData?.data?.template;
+const DynamicComponent = defineAsyncComponent(() => import("./dynamic.vue"));
+const TemplateComponent = defineAsyncComponent({
+  loader: () => import(`./Template-${templateName}/index.vue`).catch(() => import("./Template-default/index.vue"))
+  // fallback
+});
+function scopeCss(css, scope = ".dynamicContent") {
+  return css.replace(
+    /(^|})\s*([^@}{]+)\s*\{/g,
+    (match, brace, selector) => {
+      if (selector.trim().startsWith("@")) {
+        return `${brace} ${selector} {`;
+      }
+      const scopedSelector = selector.split(",").map((sel) => {
+        sel = sel.trim();
+        if (sel.startsWith(scope)) return sel;
+        sel = sel.replace(/^body\b/, "").replace(/^html\b/, "").replace(/^\*/, "").trim();
+        return sel ? `${scope} ${sel}` : scope;
+      }).join(", ");
+      return `${brace} ${scopedSelector} {`;
+    }
+  );
+}
+useHead(() => {
+  const css = fetchData.value?.data?.content?.css || pageData?.data?.content?.css || "";
+  if (!css) return {};
+  return {
+    style: [
+      {
+        children: scopeCss(css),
+        id: "scoped-css",
+        type: "text/css"
+      },
+      {
+        children: fetchData.value?.data?.content?.globalstyles?.globalCSS,
+        id: "global-css",
+        type: "text/css"
+      }
+    ]
+  };
+});
+const fullPath = ((fullUrl = "") => {
+  if (process.server) {
+    const headers = useRequestHeaders();
+    const protocol = headers["x-forwarded-proto"] || "http";
+    const host = headers.host || "localhost";
+    fullUrl = `${protocol}://${host}${route.fullPath}`;
+  } else {
+    fullUrl = `${window.location.origin}${route.fullPath}`;
+  }
+  return fullUrl;
+});
+useHead({
+  title: fetchData.value?.data?.meta_title || pageData?.data?.meta_title,
+  meta: [
+    {
+      name: "description",
+      content: fetchData.value?.data?.meta_description || pageData?.data?.meta_description
+    },
+    {
+      name: "og:title",
+      content: fetchData.value?.data?.meta_title || pageData?.data?.meta_title
+    },
+    {
+      name: "og:description",
+      content: fetchData.value?.data?.meta_description || pageData?.data?.meta_description
+    },
+    {
+      name: "og:url",
+      content: fullPath()
+    }
+  ]
+});
+</script>
+
+<template>
+  <div class="container-fluid px-0">
+    <!-- Add a wrapper div with dynamicContent class -->
+    <div v-if="isDynamic" class="dynamicContent">
+      <DynamicComponent 
+        :pageData="pageData || fetchData?.data" 
+        :data="fetchData"
+      />
+    </div>
+    
+    <TemplateComponent 
+      v-else 
+      :pageData="pageData || fetchData?.data" 
+      :data="fetchData" 
+    />
+    
+    <!-- <stickyTabsPages 
+      v-if="stickyTabsContent" 
+      :htmlContent="stickyTabsContent" 
+    /> -->
+  </div>
+</template>
+
+<style scoped>
+.gjs-cell {
+  flex-grow: unset !important;
+  flex-basis: unset !important;
+}
+
+#ik6c {
+  width: auto !important;
+}
+
+@media (max-width: 575.98px) {
+  #ik6c {
+    max-width: 100% !important;
+    column-gap: 0 !important;
+  }
+  .how-tab-link {
+    font-size: 11px !important;
+  }
+}
+</style>
+
+<style>
+.accordion-button:not(.collapsed) {
+  background: none !important;
+  color: unset !important;
+  font-weight: 500;
+}
+
+.accordion-button:focus {
+  outline: none !important;
+  box-shadow: none !important;
+}
+
+.accordion-item {
+  margin: 20px 0;
+  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color) !important;
+}
+
+.accordion-header {
+  border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color) !important;
+}
+</style>

package/dist/runtime/components/Pages/index.vue.d.ts

@@ -0,0 +1,7 @@
+declare const __VLS_export: import("vue").DefineComponent<{
+    pageData?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    pageData?: any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/{product → Product}/Dynamic.vue

@@ -86,7 +86,7 @@ const injectProductSliderHTML = (html, datahtml) => {
   );
   return html;
 };
-const htmlFromCMS = data?.data?.content?.html ?? "";
+const htmlFromCMS = data?.content?.html ?? "";
 const finalHTML = await applyDynamicSSR(htmlFromCMS, variabledata);
 const finalHTMLSlider = await injectProductSliderHTML(finalHTML, variabledata);
 const hasAttributeContainer = /class="[^"]*product-attributes-wrapper[^"]*"/.test(finalHTML);
@@ -108,8 +108,8 @@ function scopeCss(css, scope = ".dynamicContent") {
   );
 }
 useHead(() => {
-  const Globalcss = data?.data?.content?.globalstyles?.globalCSS || "";
-  const css = data?.data?.content?.css || "";
+  const Globalcss = data?.content?.globalstyles?.globalCSS || "";
+  const css = data?.content?.css || "";
   if (!css) return {};
   return {
     style: [

package/dist/runtime/components/{product → Product}/index.vue

@@ -48,8 +48,6 @@ if (error.value) {
 } else {
   productData.value = data.value;
 }
-const { Template } = useProductComponent(data.value?.data, product.data.template);
-import { useHead } from "#app";
 const config = useRuntimeConfig();
 const getFullUrl = () => {
   if (process.client) {
@@ -60,7 +58,7 @@ const getFullUrl = () => {
 </script>
 
 <template>
-  <div v-if="product.data.is_dynamic">
+  <div v-if="product.is_dynamic">
     <Dynamic :data="product" :product="data"/>
   </div>
 </template>

package/dist/runtime/components/Types/brand/index.d.vue.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    data: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Types/brand/index.vue

@@ -0,0 +1,12 @@
+<template>
+  <div class="brand-container">
+    <h1>{{ data?.title }}</h1>
+    <div v-html="data?.content"></div>
+  </div>
+</template>
+
+<script setup>
+defineProps({
+  data: { type: null, required: true }
+});
+</script>

package/dist/runtime/components/Types/brand/index.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    data: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Types/category/index.d.vue.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    data: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;