@shopbite-de/storefront 1.2.6 → 1.2.8

package/app/components/Product/Detail2.vue

@@ -94,6 +94,7 @@ const { data: productDetails, pending } = useAsyncData(
 const {
   selectedProduct,
   selectedQuantity,
+  isLoading,
   addToCart,
   setSelectedProduct,
   setSelectedExtras,
@@ -157,6 +158,7 @@ const emit = defineEmits(["product-added"]);
         :max="100"
       />
       <UButton
+        :disabled="isLoading"
         size="xl"
         label="In den Warenkorb"
         icon="i-lucide-shopping-cart"

package/app/composables/useAddToCart.ts

@@ -1,6 +1,6 @@
 import type { Schemas, operations } from "#shopware";
 import type { AssociationItemProduct } from "~/types/Association";
-import { v5 as uuidv5 } from "uuid";
+import { v5 as uuidv5, v4 as uuidv4 } from "uuid";
 import { computed, ref } from "vue";
 
 const UUID_NAMESPACE = "b098ef7e-0fa2-4073-b002-7ceec4360fbf";
@@ -17,6 +17,7 @@ export function useAddToCart() {
   const deselectedIngredients = ref<string[]>([]);
   const selectedQuantity = ref(1);
   const selectedProduct = ref<Schemas["Product"] | null>(null);
+  const isLoading = ref(false);
 
   const cartItemLabel = computed(() => {
     if (!selectedProduct.value) return "";
@@ -75,23 +76,23 @@ export function useAddToCart() {
 
     const extras = createExtras();
 
+    // Container product when extras are selected
+    const generatedUuid = uuidv5(
+      generateProductId(selectedProduct.value.id, selectedExtras.value),
+      UUID_NAMESPACE,
+    );
+
     // Simple product when no extras
     if (extras.length === 0 && deselectedIngredients.value.length === 0) {
       return [
         {
+          id: selectedProduct.value.id,
           quantity: selectedQuantity.value,
           type: LINE_ITEM_PRODUCT,
-          referencedId: selectedProduct.value.id,
         },
       ];
     }
 
-    // Container product when extras are selected
-    const generatedUuid = uuidv5(
-      generateProductId(selectedProduct.value.id, selectedExtras.value),
-      UUID_NAMESPACE,
-    );
-
     return [
       {
         id: generatedUuid,
@@ -103,9 +104,10 @@ export function useAddToCart() {
         },
         children: [
           {
-            id: selectedProduct.value.id,
+            id: uuidv4().replaceAll("-", ""),
             quantity: selectedQuantity.value,
             type: LINE_ITEM_PRODUCT,
+            referencedId: selectedProduct.value.id,
           },
           ...extras,
         ],
@@ -128,6 +130,7 @@ export function useAddToCart() {
 
   async function addToCart(onSuccess?: () => void) {
     if (!selectedProduct.value) return;
+    isLoading.value = true;
 
     const cartItems = createCartItems();
     const newCart = await addProducts(cartItems);
@@ -143,6 +146,7 @@ export function useAddToCart() {
       },
     });
 
+    isLoading.value = false;
     if (onSuccess) {
       onSuccess();
     }
@@ -166,6 +170,7 @@ export function useAddToCart() {
     deselectedIngredients,
     selectedQuantity,
     cartItemLabel,
+    isLoading,
     addToCart,
     setSelectedProduct,
     setSelectedExtras,

package/app/pages/c/[...all].vue

@@ -9,7 +9,7 @@ const { resolvePath } = useNavigationSearch();
 const route = useRoute();
 const routePath = route.path;
 
-const { data: seoResult } = await useAsyncData(
+const { data: seoResult, error } = await useAsyncData(
   `cmsResponse${routePath}`,
   async () => {
     // For client links if the history state contains seo url information we can omit the api call
@@ -22,17 +22,20 @@ const { data: seoResult } = await useAsyncData(
       }
     }
     const seoUrl = await resolvePath(routePath);
+
+    if (!seoUrl?.foreignKey) {
+      throw createError({
+        statusCode: 404,
+        statusMessage: `No data fetched from API for ${routePath}`,
+      });
+    }
+
     return seoUrl;
   },
 );
 
-if (!seoResult.value?.foreignKey) {
-  console.error("c/[...all].vue:", `No data found in API for ${routePath}`);
-
-  throw createError({
-    statusCode: 404,
-    statusMessage: `No data fetched from API for ${routePath}`,
-  });
+if (error.value) {
+  throw error.value;
 }
 
 const { foreignKey } = useNavigationContext(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopbite-de/storefront",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "main": "nuxt.config.ts",
   "description": "Shopware storefront for food delivery shops",
   "keywords": [