+ class="max-h-[95px] sm:max-h-[180px] md:max-h-[205px] rounded-[5px]" />
+
@@ -32,6 +32,8 @@ const props = defineProps({
product: Object,
});
+const productStore = useProductStore()
+
// const addToCartAndPreventNavigation = (event: any) => {
// event.preventDefault();
// useCartStore().addToCart(props.product);
diff --git a/components/section/shop-page/ShopMain.vue b/components/section/shop-page/ShopMain.vue
index 4ee2161..a3939eb 100644
--- a/components/section/shop-page/ShopMain.vue
+++ b/components/section/shop-page/ShopMain.vue
@@ -1,53 +1,7 @@
+
-
+
@@ -18,8 +19,7 @@
+
{{ props.product?.name }}
-
+
{{ props.product?.tax_name }}
-
- CZK cena (na EUR). Kč 25,2380 Kč +0,0030 (+0.01%)
-Cena zlata na trhu. 2 852,1450 € -21,6520 € (-0.75%)
-Cena stříbra na trhu. 28,6500 € -0,1570 € (-0.54%)
-PLN cena (na EUR). zł 4,2550
-
-
-
-
+
+
+
+
-->
-
- {{ $t("FrontTranslations", "Categories") }}
-
-
-
-
-
-
-
-
-
-
- - {{ $t("FrontTranslations", "Filtered by") }} -
- -
-
- {{ item.feature }}
-
-
-
- -
-
- - - - -
+
+ + {{ $t("category") }} +
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ $t("filtered_by") }} +
+ +
+
+ {{ item.feature }}
+
+
+
+ -
+
- + + + + + +
-
+
{{ item.feature }}
-
+
+
+
-
@@ -118,8 +133,8 @@
-
+
- + class="flex items-center gap-[10px] cursor-pointer"> + + + - + v-model="selectedFilters" type="checkbox" class="border-button !bg-inherit" /> + +
-
+
+
-
{{ component.section_lang_data.title }}
@@ -136,8 +151,7 @@
+
extends RequestInit {
+ onError?: (error: Error, statusCode: number) => void;
+ onSuccess?: (data: T, statusCode: number) => void;
+ onStart?: () => void;
+}
+
+/**
+ * @function useMyFetch
+ *
+ * @description
+ * Makes a request to a given url, handles cookies and errors.
+ *
+ * @param {string} url - The url to make a request to.
+ * @param {RequestOptions} [options] - The options to use for the request.
+ *
+ * @returns {Promise} - A promise resolving to the response data
+ * or undefined if an error occurred.
+ *
+ * @example
+ * const { data } = useMyFetch<{ name: string }>('/api/user')
+ */
+export const useMyFetch = async (
+ url: string,
+ options?: RequestOptions
+): Promise => {
+ if (options?.onStart) options.onStart();
+ let response = null;
+ try {
+ const event = useRequestEvent();
+
+ if (options == null) options = {};
+
+ options.credentials = "include";
+
+ if (import.meta.server) {
+ const api_uri =
+ event?.node.req.headers["api-uri"] || "http://localhost:4000";
+ url = api_uri + url;
+ options.headers = event?.headers;
+ }
+
+ response = await ofetch.raw(url, options);
+ if (import.meta.server && !event?.handled) {
+ for (const cookie of response.headers.getSetCookie()) {
+ event?.headers.set("Cookie", cookie);
+ event?.node.res.setHeader("set-cookie", cookie);
+ }
+ }
+
+ // handle errors if any
+ if (!response.ok && typeof options.onError == "function") {
+ options.onError(new Error(response.statusText), response.status);
+ }
+
+ // handle success to be able clearly marked that request has finished
+ if (response.ok && typeof options.onSuccess == "function") {
+ options.onSuccess(response._data.data, response.status);
+ }
+
+ return response._data as T;
+ } catch (e) {
+ // handle errors if any
+ if (typeof options?.onError == "function") {
+ options.onError(e as Error, response?.status || 500);
+ } else {
+ console.error(e);
+ }
+ return undefined;
+ }
+};
diff --git a/pages/[id]/[slug].vue b/pages/[id]/[slug].vue
index 809ad0b..c6741c6 100644
--- a/pages/[id]/[slug].vue
+++ b/pages/[id]/[slug].vue
@@ -23,4 +23,4 @@ onMounted(() => {
useHead(menuStore.headMeta);
const componentsList = await store.getComponents(route.params.id);
-
+
\ No newline at end of file
diff --git a/plugins/i18n.ts b/plugins/i18n.ts
index e026b4d..c0af135 100644
--- a/plugins/i18n.ts
+++ b/plugins/i18n.ts
@@ -28,5 +28,4 @@ export default defineNuxtPlugin(async (nuxtApp) => {
throw err;
}
};
-
});
\ No newline at end of file
diff --git a/stores/menuStore.ts b/stores/menuStore.ts
index 3ac3652..db187fa 100644
--- a/stores/menuStore.ts
+++ b/stores/menuStore.ts
@@ -151,6 +151,28 @@ export const useMenuStore = defineStore("menuStore", () => {
}
};
+ function navigateToShop() {
+ navigateToItem(menuItems.value?.items.find(item => item.page_name === 'shop'))
+ }
+
+ // function redirectToPage(link_rewrite: string) {
+ // const page = menuItems.value?.items.find(
+ // (item) => item.link_rewrite === link_rewrite
+ // );
+
+ // if (!page?.id_page || !page?.link_rewrite) {
+ // console.warn(`Page not found or missing data for name: ${link_rewrite}`);
+ // return;
+ // }
+
+ // router.push({
+ // params: {
+ // id: page?.id_page,
+ // slug: page?.link_rewrite,
+ // },
+ // });
+ // }
+
const getFirstImage = () => {
const req = useRequestEvent();
const url = useRequestURL();
@@ -210,24 +232,6 @@ export const useMenuStore = defineStore("menuStore", () => {
};
});
- function redirectToPage(link_rewrite: string) {
- const page = menuItems.value?.items.find(
- (item) => item.link_rewrite === link_rewrite
- );
-
- if (!page?.id_page || !page?.link_rewrite) {
- console.warn(`Page not found or missing data for name: ${link_rewrite}`);
- return;
- }
-
- router.push({
- params: {
- id: page?.id_page,
- slug: page?.link_rewrite,
- },
- });
- }
-
watch($i18n.locale, async () => {
await loadMenu();
await loadFooter();
@@ -247,13 +251,14 @@ export const useMenuStore = defineStore("menuStore", () => {
selectedCountry,
selectedCurrency,
selectedPhoneCountry,
+ defaultMenu,
+ headMeta,
+ navigateToShop,
loadMenu,
loadFooter,
getCountryList,
navigateToItem,
- redirectToPage,
- getCurrencies,
- defaultMenu,
- headMeta,
+ // redirectToPage,
+ getCurrencies
};
});
diff --git a/stores/productStore.ts b/stores/productStore.ts
index 0da43ea..88b94f8 100644
--- a/stores/productStore.ts
+++ b/stores/productStore.ts
@@ -1,5 +1,6 @@
export const useProductStore = defineStore("productStore", () => {
const productList = ref();
+ const modules = ref();
async function getList(count: number, categoryId = 1) {
try {
@@ -23,8 +24,82 @@ export const useProductStore = defineStore("productStore", () => {
}
}
+ async function getModules() {
+ try {
+ const res = await fetch(
+ `http://127.0.0.1:4000/api/public/module/e_shop`,
+ {
+ headers: {
+ "Content-Type": "application/json",
+ },
+ }
+ );
+
+ if (!res.ok) {
+ throw new Error(`HTTP error: ${res.status}`);
+ }
+
+ const data = await res.json();
+ modules.value = data.children.find(
+ (item: { id: number; name: string }) =>
+ item.name === "currency_rates_bar"
+ );
+ } catch (error) {
+ console.error("getList error:", error);
+ }
+ }
+
+ async function addToCart(product) {
+ try {
+ const res = await fetch(
+ `http://127.0.0.1:4000/api/public/user/cart/item/add/${product.id}/1`,
+ {
+ method: "PUT",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ }
+ );
+
+ if (!res.ok) {
+ throw new Error(`HTTP error: ${res.status}`);
+ }
+
+ const data = await res.json();
+ console.log(data);
+ } catch (error) {
+ console.error("getList error:", error);
+ }
+ }
+
+ const cart = ref();
+ async function getCart() {
+ try {
+ const res = await fetch(`http://127.0.0.1:4000/api/public/user/cart`, {
+ headers: {
+ "Content-Type": "application/json",
+ },
+ });
+
+ if (!res.ok) {
+ throw new Error(`HTTP error: ${res.status}`);
+ }
+
+ const data = await res.json();
+ console.log(data);
+
+ cart.value = data;
+ } catch (error) {
+ console.error("getList error:", error);
+ }
+ }
+
return {
productList,
+ modules,
getList,
+ getModules,
+ addToCart,
+ getCart,
};
});