flowrix 1.0.1-beta.16 → 1.0.1-beta.160

package/dist/runtime/composables/Customer/useUpdatePassword.js

@@ -0,0 +1,130 @@
+import { ref } from "vue";
+import { useAuthStore } from "../../stores/auth.js";
+export function useUpdatePassword() {
+  const authStore = useAuthStore();
+  const loading = ref(false);
+  const errorMessage = ref("");
+  const successMessage = ref("");
+  const form = ref({
+    currentPassword: "",
+    newPassword: "",
+    confirmPassword: ""
+  });
+  const clearMessages = () => {
+    errorMessage.value = "";
+    successMessage.value = "";
+  };
+  const resetForm = () => {
+    form.value = {
+      currentPassword: "",
+      newPassword: "",
+      confirmPassword: ""
+    };
+    clearMessages();
+  };
+  const formatApiError = (message) => {
+    if (typeof message === "string") {
+      return message;
+    }
+    if (typeof message === "object" && message !== null) {
+      const errors = [];
+      Object.entries(message).forEach(([field, fieldErrors]) => {
+        const fieldName = field.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
+        if (Array.isArray(fieldErrors)) {
+          fieldErrors.forEach((error) => {
+            errors.push(`${fieldName}: ${error}`);
+          });
+        } else {
+          errors.push(`${fieldName}: ${fieldErrors}`);
+        }
+      });
+      return errors.join("\n");
+    }
+    return "An error occurred";
+  };
+  const validateForm = () => {
+    clearMessages();
+    if (!form.value.currentPassword?.trim()) {
+      errorMessage.value = "Current password is required!";
+      return false;
+    }
+    if (!form.value.newPassword?.trim()) {
+      errorMessage.value = "New password is required!";
+      return false;
+    }
+    if (!form.value.confirmPassword?.trim()) {
+      errorMessage.value = "Please confirm your new password!";
+      return false;
+    }
+    if (form.value.newPassword !== form.value.confirmPassword) {
+      errorMessage.value = "New password and confirm password do not match!";
+      return false;
+    }
+    if (form.value.newPassword.length < 6) {
+      errorMessage.value = "New password must be at least 6 characters long!";
+      return false;
+    }
+    if (form.value.currentPassword === form.value.newPassword) {
+      errorMessage.value = "New password must be different from current password!";
+      return false;
+    }
+    return true;
+  };
+  const updatePassword = async () => {
+    if (!validateForm()) {
+      console.log("Validation failed:", errorMessage.value);
+      return false;
+    }
+    loading.value = true;
+    clearMessages();
+    try {
+      const requestBody = {
+        current_password: form.value.currentPassword.trim(),
+        password: form.value.newPassword.trim(),
+        password_confirmation: form.value.confirmPassword.trim()
+      };
+      const response = await authStore.changePassword(requestBody);
+      if (!response) {
+        console.log("No response received");
+        errorMessage.value = "No response received from server. Please try again.";
+        return false;
+      }
+      if (response.status === "Success") {
+        successMessage.value = response.message || "Password updated successfully!";
+        setTimeout(() => {
+          resetForm();
+        }, 7e3);
+        setTimeout(() => {
+          successMessage.value = "";
+        }, 2e3);
+        return true;
+      } else if (response.status === "Error") {
+        console.log("Error response:", response.message);
+        errorMessage.value = formatApiError(response.message);
+        return false;
+      } else {
+        console.log("Unexpected response format:", response);
+        errorMessage.value = "Unexpected response from server. Please try again.";
+        return false;
+      }
+    } catch (err) {
+      console.error("Caught error:", err);
+      errorMessage.value = "An unexpected error occurred. Please try again.";
+      return false;
+    } finally {
+      loading.value = false;
+      console.log("Final state - Error:", errorMessage.value, "Success:", successMessage.value);
+    }
+  };
+  return {
+    // State
+    form,
+    loading,
+    errorMessage,
+    successMessage,
+    // Methods
+    updatePassword,
+    clearMessages,
+    resetForm
+  };
+}

package/dist/runtime/composables/Customer/useUserCards.d.ts

@@ -0,0 +1,22 @@
+export interface Card {
+    id: string;
+    holder_name: string;
+    last_four_digits: string;
+    [key: string]: any;
+}
+export declare function useUserCards(): {
+    cards: import("vue").ComputedRef<{
+        [x: string]: any;
+        id: string;
+        holder_name: string;
+        last_four_digits: string;
+    }[]>;
+    loading: import("vue").Ref<boolean, boolean>;
+    deletingCardId: import("vue").Ref<string | null, string | null>;
+    errorMessage: import("vue").Ref<string, string>;
+    successMessage: import("vue").Ref<string, string>;
+    hasCards: import("vue").ComputedRef<boolean>;
+    fetchCards: () => Promise<void>;
+    deleteCard: (cardId: string) => Promise<boolean>;
+    clearMessages: () => void;
+};

package/dist/runtime/composables/Customer/useUserCards.js

@@ -0,0 +1,65 @@
+import { ref, computed } from "vue";
+import { useAuthStore } from "../../stores/auth.js";
+export function useUserCards() {
+  const authStore = useAuthStore();
+  const cards = ref([]);
+  const loading = ref(false);
+  const deletingCardId = ref(null);
+  const errorMessage = ref("");
+  const successMessage = ref("");
+  const cardsData = computed(() => cards.value || []);
+  const hasCards = computed(() => cards.value && cards.value.length > 0);
+  const clearMessages = () => {
+    errorMessage.value = "";
+    successMessage.value = "";
+  };
+  const fetchCards = async () => {
+    loading.value = true;
+    clearMessages();
+    try {
+      const cardsData2 = await authStore.fetchUserCards();
+      cards.value = Array.isArray(cardsData2) ? cardsData2 : [];
+    } catch (error) {
+      console.error("Failed to fetch cards:", error);
+      cards.value = [];
+      errorMessage.value = "Failed to load cards. Please try again.";
+    } finally {
+      loading.value = false;
+    }
+  };
+  const deleteCard = async (cardId) => {
+    deletingCardId.value = cardId;
+    clearMessages();
+    try {
+      const response = await authStore.deleteCard(cardId);
+      if (response.status === "Success") {
+        successMessage.value = response.message || "Card deleted successfully!";
+        cards.value = cards.value.filter((card) => card.id !== cardId);
+        return true;
+      } else {
+        errorMessage.value = response.message || "Failed to delete card. Please try again.";
+        return false;
+      }
+    } catch (error) {
+      console.error("Delete card error:", error);
+      errorMessage.value = error.message || "Failed to delete card. Please try again.";
+      return false;
+    } finally {
+      deletingCardId.value = null;
+    }
+  };
+  return {
+    // State
+    cards: cardsData,
+    loading,
+    deletingCardId,
+    errorMessage,
+    successMessage,
+    // Computed
+    hasCards,
+    // Methods
+    fetchCards,
+    deleteCard,
+    clearMessages
+  };
+}

package/dist/runtime/composables/{useWishlists.d.ts → Customer/useWishlists.d.ts}

@@ -1,21 +1,6 @@
-import { type Wishlist, type WishlistProduct } from '../stores/wishlists.js';
-export interface ApiResponse<T> {
-    status: string;
-    message: string | Record<string, string[]> | null;
-    data: T | null;
-}
-export interface CreateWishlistData {
-    title: string;
-    default: boolean;
-}
-export interface UpdateWishlistData {
-    title: string;
-    default: boolean;
-}
-export interface AddToWishlistData {
-}
+import { type Wishlist, type WishlistProduct, type CreateWishlistData, type UpdateWishlistData, type AddToWishlistData, type ApiResponse } from '../../stores/wishlists.js';
 export declare function useWishlists(): {
-    fetchWishlists: () => Promise<ApiResponse<Wishlist[]>>;
+    fetchWishlists: (force?: boolean) => Promise<ApiResponse<Wishlist[]>>;
     fetchWishlistProducts: (listId: number) => Promise<ApiResponse<{
         id: number;
         title: string;
@@ -25,14 +10,16 @@ export declare function useWishlists(): {
     }>>;
     createWishlist: (data: CreateWishlistData) => Promise<ApiResponse<Wishlist>>;
     addToWishlist: (listId: number, productSlug: string, data?: AddToWishlistData) => Promise<ApiResponse<WishlistProduct>>;
-    removeFromWishlist: (listId: number, productSlug: string) => Promise<ApiResponse<void>>;
+    removeFromWishlist: (listId: number, itemId: number) => Promise<ApiResponse<void>>;
     updateWishlist: (id: number, data: UpdateWishlistData) => Promise<ApiResponse<Wishlist>>;
     deleteWishlist: (id: number) => Promise<ApiResponse<void>>;
     wishlists: import("vue").ComputedRef<{
         id: number;
-        name?: string | undefined;
+        title: string;
+        default: boolean;
+        created_at: string;
     }[]>;
-    wishlistProducts: import("vue").ComputedRef<import("../stores/index.js").WishlistProducts>;
+    wishlistProducts: (listId: number) => import("vue").ComputedRef<WishlistProduct[]>;
     loading: import("vue").ComputedRef<boolean>;
     error: import("vue").ComputedRef<string | null>;
 };

package/dist/runtime/composables/{useWishlists.js → Customer/useWishlists.js}

@@ -1,6 +1,7 @@
 import { computed } from "vue";
-import { useWishlistsStore } from "../stores/wishlists.js";
-import { useApi } from "../utils/api.js";
+import {
+  useWishlistsStore
+} from "../../stores/wishlists.js";
 function formatErrorMessage(message) {
   if (!message) return "An error occurred";
   if (typeof message === "string") {
@@ -18,14 +19,12 @@ function formatErrorMessage(message) {
 }
 export function useWishlists() {
   const store = useWishlistsStore();
-  const { get, post } = useApi();
-  async function fetchWishlists() {
+  async function fetchWishlists(force) {
     store.setLoading(true);
     store.setError(null);
     try {
-      const response = await get("/customer/wishlist");
-      if (response.status === "Success" && response.data) {
-        store.setWishlists(response.data);
+      const response = await store.fetchWishlists(force || false);
+      if (response.status === "Success") {
         return response;
       } else {
         const errorMessage = formatErrorMessage(response.message);
@@ -45,10 +44,8 @@ export function useWishlists() {
     store.setLoading(true);
     store.setError(null);
     try {
-      const response = await get(`/customer/wishlist/${listId}/products`);
-      if (response.status === "Success" && response.data) {
-        const products = response.data.products || [];
-        store.setWishlistProducts(listId, products);
+      const response = await store.fetchWishlistProducts(listId);
+      if (response.status === "Success") {
         return response;
       } else {
         const errorMessage = formatErrorMessage(response.message);
@@ -68,9 +65,8 @@ export function useWishlists() {
     store.setLoading(true);
     store.setError(null);
     try {
-      const response = await post("/customer/wishlist/add", data);
-      if (response.status === "Success" && response.data) {
-        store.addWishlist(response.data);
+      const response = await store.createWishlist(data);
+      if (response.status === "Success") {
         return response;
       } else {
         const errorMessage = formatErrorMessage(response.message);
@@ -90,9 +86,8 @@ export function useWishlists() {
     store.setLoading(true);
     store.setError(null);
     try {
-      const response = await post(`/customer/wishlist/${listId}/${productSlug}/add`, data);
-      if (response.status === "Success" && response.data) {
-        store.addWishlistProduct(listId, response.data);
+      const response = await store.addToWishlist(listId, productSlug, data);
+      if (response.status === "Success") {
         return response;
       } else {
         const errorMessage = formatErrorMessage(response.message);
@@ -108,13 +103,12 @@ export function useWishlists() {
       store.setLoading(false);
     }
   }
-  async function removeFromWishlist(listId, productSlug) {
+  async function removeFromWishlist(listId, itemId) {
     store.setLoading(true);
     store.setError(null);
     try {
-      const response = await post(`/customer/wishlist/${listId}/item/delete`, { ids: { productSlug } });
+      const response = await store.removeFromWishlist(listId, itemId);
       if (response.status === "Success") {
-        store.removeWishlistProduct(listId, productSlug);
         return response;
       } else {
         const errorMessage = formatErrorMessage(response.message);
@@ -134,9 +128,8 @@ export function useWishlists() {
     store.setLoading(true);
     store.setError(null);
     try {
-      const response = await post(`/customer/wishlist/${id}/update`, data);
-      if (response.status === "Success" && response.data) {
-        store.updateWishlist(response.data);
+      const response = await store.updateWishlist(id, data);
+      if (response.status === "Success") {
         return response;
       } else {
         const errorMessage = formatErrorMessage(response.message);
@@ -156,10 +149,8 @@ export function useWishlists() {
     store.setLoading(true);
     store.setError(null);
     try {
-      const response = await post(`/customer/wishlist/${id}/delete`, {});
+      const response = await store.deleteWishlist(id);
       if (response.status === "Success") {
-        store.removeWishlist(id);
-        store.clearWishlistProducts(id);
         return response;
       } else {
         const errorMessage = formatErrorMessage(response.message);
@@ -183,9 +174,9 @@ export function useWishlists() {
     removeFromWishlist,
     updateWishlist,
     deleteWishlist,
-    wishlists: computed(() => store.wishlists),
-    wishlistProducts: computed(() => store.wishlistProducts),
-    loading: computed(() => store.loading),
-    error: computed(() => store.error)
+    wishlists: computed(() => store.getWishlists),
+    wishlistProducts: (listId) => computed(() => store.getWishlistProducts(listId)),
+    loading: computed(() => store.isLoading),
+    error: computed(() => store.getError)
   };
 }

package/dist/runtime/composables/Extras/useCountry.d.ts

@@ -1,6 +1,11 @@
-export declare const useCountry: () => {
-    data: any;
-    error: any;
-    refresh: any;
-    execute: any;
-};
+interface Country {
+    id: number;
+    name: string;
+}
+interface UseCountryReturn {
+    data: Ref<Country[] | null>;
+    error: Ref<Error | null>;
+    refresh: () => Promise<void>;
+}
+export declare const useCountry: () => UseCountryReturn;
+export {};

package/dist/runtime/composables/Extras/useCountry.js

@@ -1,11 +1,12 @@
+import { useFetch } from "#imports";
 export const useCountry = () => {
-  const { data, error, refresh, execute } = useAsyncData("countries", () => $fetch("/api/checkout/countries"), {
-    server: true
+  const { data, error, refresh } = useFetch("/api/countries", {
+    server: true,
+    key: "countries"
   });
   return {
     data,
     error,
-    refresh,
-    execute
+    refresh
   };
 };

package/dist/runtime/composables/Footer/useFooter.d.ts

@@ -4,10 +4,10 @@ export declare const useFooter: () => {
     successMessage: import("vue").Ref<string, string>;
     errorMessage: import("vue").Ref<string, string>;
     handleSubmit: () => Promise<void>;
-    ContactFooter: any;
-    FooterMenu: any;
-    TopFooter: any;
-    BottomFooter: any;
+    ContactFooter: (new () => import("vue").ComponentPublicInstance) | null;
+    FooterMenu: (new () => import("vue").ComponentPublicInstance) | null;
+    TopFooter: (new () => import("vue").ComponentPublicInstance) | null;
+    BottomFooter: (new () => import("vue").ComponentPublicInstance) | null;
     companyProfile: any;
     getmenu: (location: string) => any;
     NavMenu: any;

package/dist/runtime/composables/Footer/useFooter.js

@@ -32,17 +32,21 @@ export const useFooter = () => {
       }, 5e3);
     }
   };
-  const ContactFooter = defineAsyncComponent(
-    () => import("~/components/Footer/Template01/ContactFooter.vue")
+  const components = import.meta.glob("~/components/Footer/Template01/*.vue");
+  function loadComponent(path) {
+    return components[path] ? defineAsyncComponent(components[path]) : null;
+  }
+  const ContactFooter = loadComponent(
+    "~/components/Footer/Template01/ContactFooter.vue"
   );
-  const FooterMenu = defineAsyncComponent(
-    () => import("~/components/Footer/Template01/FooterMenu.vue")
+  const FooterMenu = loadComponent(
+    "~/components/Footer/Template01/FooterMenu.vue"
   );
-  const TopFooter = defineAsyncComponent(
-    () => import("~/components/Footer/Template01/TopFooter.vue")
+  const TopFooter = loadComponent(
+    "~/components/Footer/Template01/TopFooter.vue"
   );
-  const BottomFooter = defineAsyncComponent(
-    () => import("~/components/Footer/Template01/BottomFooter.vue")
+  const BottomFooter = loadComponent(
+    "~/components/Footer/Template01/BottomFooter.vue"
   );
   return {
     email,

package/dist/runtime/composables/Header/useHeader.d.ts

@@ -1,28 +1,14 @@
 export default function (): {
-    NavMenu: import("pinia").Store<"NavMenu", import("#imports").NavMenuState, {}, {
-        navMenu(id: number, location?: string): Promise<void>;
-    }>;
-    companyProfile: import("vue").ComputedRef<null>;
-    cartStore: import("pinia").Store<"cart", import("#imports").CartState, {}, {}>;
-    userData: {};
-    menuData: import("vue").ComputedRef<{
-        location: string;
-        items: {
-            title: string;
-            url: string;
-            sortorder: number;
-            children?: /*elided*/ any[] | undefined;
-        }[];
-    } | undefined>;
+    NavMenu: any;
+    companyProfile: import("vue").ComputedRef<any>;
+    cartStore: any;
+    userData: any;
+    menuData: import("vue").ComputedRef<any>;
     mobile_menu: import("vue").Ref<boolean, boolean>;
     MainMenu: any;
     wordpressUrl: any;
     OpenMobileMenu: () => void;
-    useSearch: import("pinia").Store<"SearchStore", {
-        data: any[];
-    }, {}, {
-        fetchSearchData(query: string): Promise<any[]>;
-    }>;
+    useSearch: any;
     getSearchData: (value: string) => void;
     handleSeachInput: (searchValue: string) => void;
 };

package/dist/runtime/composables/Header/useHeader.js

@@ -1,10 +1,11 @@
 import { defineAsyncComponent, ref, computed } from "vue";
-import { useNavMenu, useCompanyProfile, useAuth, useCartStore, useSearchStore } from "#imports";
+import { useNavMenu, useCompanyProfile, useCartStore, useSearchStore } from "#imports";
+import { useAuthStore } from "../../stores/auth.js";
 export default function() {
   const wordpressUrl = import.meta.env.VITE_APP_WORDPRESS_URL;
   const NavMenu = useNavMenu();
   const CompanyProfile = useCompanyProfile();
-  const { user } = useAuth();
+  const { user } = useAuthStore();
   const cartStore = useCartStore();
   const useSearch = useSearchStore();
   const companyProfile = computed(() => CompanyProfile.profile);

package/dist/runtime/composables/Product/CustomProduct/useAttributes.js

@@ -1,5 +1,7 @@
 import { watch, onMounted, computed, defineAsyncComponent, markRaw } from "vue";
 import { useCustomScript } from "./useCustomeScript.js";
+import { GTM_view_item } from "../../useDataLayer.js";
+import { META_view_item } from "../../useMetaLayer.js";
 export default function(product, runTime = 0, template = "default") {
   const CustomScript = useCustomScript();
   const renderdValues = computed(() => useCustomScript().renderdValues);
@@ -27,6 +29,8 @@ export default function(product, runTime = 0, template = "default") {
       CustomScript.setConditions("", true);
     }
     CustomScript.calculatePrice();
+    GTM_view_item(product, CustomScript.productPrice, CustomScript.productDiscountedPrice);
+    META_view_item(product, CustomScript.productPrice, CustomScript.productDiscountedPrice);
   }
   onMounted(() => {
     let totalValues = 0;

package/dist/runtime/composables/Product/CustomProduct/useCustomeScript.d.ts

@@ -4,6 +4,9 @@ export interface SelectedOptions {
 export interface attributeIdz {
     name: Object;
 }
+export interface productId {
+    name: String;
+}
 export interface lookupprices {
     name: Object;
 }
@@ -54,6 +57,7 @@ export interface With_this_selection_following_selections_will_be_changed {
 }
 export interface State {
     SelectedOptions: Record<string, string> | any;
+    productId: String | any;
     attributeIdz: object | any;
     lookupprices: lookupprices | null;
     servicePriceSetting: object | any;

package/dist/runtime/composables/Product/CustomProduct/useCustomeScript.js

@@ -11,7 +11,6 @@ export const useCustomScript = defineStore("CustomScript", {
     UNIT_RELATIVE: null,
     DISCOUNTS: null,
     measurementUnit: null,
-    promotionSettings: null,
     B2BTYPE: null,
     USEBASEPRICE: null,
     BASEPRICE: null,
@@ -240,7 +239,7 @@ export const useCustomScript = defineStore("CustomScript", {
     showValue(h_aid, h_vid) {
       const element = document.querySelector(`${this.attributeClass + h_aid} [data-value="${h_vid}"]`);
       if (element) {
-        element.parentElement.style.display = "block";
+        element.parentElement.style.display = "";
         element.removeAttribute("disabled");
         element.style.display = "";
       }
@@ -316,10 +315,10 @@ export const useCustomScript = defineStore("CustomScript", {
     markSelected(h_aid, h_vid) {
       const element = document.querySelector(`${this.attributeClass}${h_aid} [data-value="${h_vid}"]`);
       if (element) {
-        element.parentElement.style.display = "block";
+        element.parentElement.style.display = "";
         element.setAttribute("selected", true);
         element.checked = true;
-        element.style.display = "block";
+        element.style.display = "";
         element.classList.add("active");
         if (element.getAttribute("customselect") == "true") {
           element.dispatchEvent(new Event("change"));
@@ -336,7 +335,7 @@ export const useCustomScript = defineStore("CustomScript", {
       if (dataValueElement) {
         dataValueElement.setAttribute("selected", true);
         dataValueElement.checked = true;
-        dataValueElement.style.display = "block";
+        dataValueElement.style.display = "";
         dataValueElement.classList.add("active");
       }
       if (value == 0 || value == "0") {
@@ -2003,17 +2002,11 @@ export const useCustomScript = defineStore("CustomScript", {
         discount = parseFloat(total) * parseFloat(discount) / 100;
       }
       let promotionDiscount = discount + parseFloat(this.total_values_discount);
-      if (this.promotionSettings != void 0 && this.promotionSettings.promotion != void 0 && this.promotionSettings.promotion == true) {
-        if (this.promotionSettings.promotiontype == 3) {
-          for (var i = this.promotionSettings.rules.length - 1; i >= 0; i--) {
-            let rule = this.promotionSettings.rules[i];
-            if (rule.discounttype != void 0 || rule.discount != void 0) {
-              let new_total = parseFloat(total) - parseFloat(this.exclude_from_promo_total);
-              promotionDiscount += this.calculateDiscount(rule.discounttype, rule.discount, new_total);
-            }
-          }
-        }
-      }
+      let new_total = parseFloat(total) - parseFloat(this.exclude_from_promo_total);
+      const { calculatePrice } = usePriceCalculation();
+      const promotionsStore = usePromotions();
+      const priceResult = calculatePrice(this.product, new_total, promotionsStore.promotions || []);
+      promotionDiscount += priceResult.totalDiscount;
       if (parseFloat(total) - parseFloat(promotionDiscount) > 0 && promotionDiscount > 0) {
         promotionDiscount = this.customRoundUp(promotionDiscount);
         total = parseFloat(total) - parseFloat(promotionDiscount);

package/dist/runtime/composables/Product/CustomProduct/useSteps.d.ts

@@ -66,7 +66,7 @@ export default function (product: any, template?: string): {
     }>;
     activeStep: import("vue").Ref<number, number>;
     NextStep: (id: number) => false | undefined;
-    sortedGroups: (groups: any) => any[];
+    sortedGroups: (groups: any) => never[];
     scrollToPosition: () => void;
     SingleStep: import("vue").Raw<object>;
     AddToCart: import("vue").Raw<object>;

package/dist/runtime/composables/Product/CustomProductDynamic/useAttributeTypeDynamic.d.ts

@@ -0,0 +1,3 @@
+export default function (attribute: any, group: any, template?: string): {
+    DesignComponent: import("vue").Raw<object>;
+};

package/dist/runtime/composables/Product/CustomProductDynamic/useAttributeTypeDynamic.js

@@ -0,0 +1,20 @@
+import { defineAsyncComponent, ref, markRaw } from "vue";
+export default function(attribute, group, template = "default") {
+  const designkey = ref(attribute.designkey);
+  const components = import.meta.glob("../../../components/product/*/**/*");
+  let DesignComponent = markRaw("");
+  DesignComponent = defineAsyncComponent({
+    loader: async () => {
+      try {
+        const path = `../../../components/product/customProduct/AttributesComponents/Styles/${designkey.value}.vue`;
+        return await components[path]?.();
+      } catch (error) {
+        const path = `../../../components/product/customProduct/AttributesComponents/Styles/${designkey.value}.vue`;
+        return await components[path]?.();
+      }
+    }
+  });
+  return {
+    DesignComponent
+  };
+}