@shopbite-de/storefront 1.7.3 → 1.7.4

package/.env.example

@@ -21,4 +21,5 @@ NUXT_GEOAPIFY_API_KEY=
 NUXT_PUBLIC_SCRIPTS_MATOMO_ANALYTICS_MATOMO_URL=
 NUXT_PUBLIC_SCRIPTS_MATOMO_ANALYTICS_SITE_ID=
 
-NUXT_STORE_NAME="ShopBite"
+NUXT_STORE_NAME="ShopBite"
+STORE_DESCRIPTION="Reduziere deine Kosten und steigere deinen Umsatz"

package/app/components/Product/Card.vue

@@ -17,6 +17,9 @@ const { getFormattedPrice } = usePrice({
 });
 
 const price = ref(product.value.calculatedPrice.totalPrice);
+const label = ref(product.value.translated.name ?? product.value.name);
+const description = ref(product.value.description);
+const number = ref(product.value.productNumber);
 
 const isVegi = computed<boolean>(() => {
   if (!product.value?.properties) {
@@ -52,6 +55,9 @@ const mainIngredients = computed<Schemas["PropertyGroupOption"][]>(() => {
 
 function onVariantSelected(variant: Schemas["Product"]) {
   price.value = variant.calculatedPrice.totalPrice;
+  label.value = variant.translated.name ?? variant.name;
+  description.value = variant.description;
+  number.value = variant.productNumber;
 }
 </script>
 
@@ -89,19 +95,17 @@ function onVariantSelected(variant: Schemas["Product"]) {
 
       <template #title>
         <div class="flex flex-row items-baseline gap-1">
-          <span class="text-sm text-brand-500"
-            >#{{ product.productNumber }}</span
-          >
+          <span class="text-sm text-brand-500">#{{ number }}</span>
 
           <p class="text-base text-pretty font-semibold text-highlighted">
-            {{ product.translated.name ?? product.name }}
+            {{ label }}
           </p>
         </div>
       </template>
 
       <template #description>
         <div class="flex flex-col gap-2">
-          <div>{{ product.description }}</div>
+          <div>{{ description }}</div>
           <div
             v-if="mainIngredients.length > 0"
             class="font-extralight text-sm text-pretty"

package/nuxt.config.ts

@@ -1,6 +1,9 @@
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 const sw = process.env.SW === "true";
 const storeName = process.env.STORE_NAME || "ShopBite";
+const storeDescription =
+  process.env.STORE_DESCRIPTION ||
+  "Reduziere deine Kosten und steigere deinen Umsatz";
 
 export default defineNuxtConfig({
   app: {
@@ -57,8 +60,8 @@ export default defineNuxtConfig({
         },
       },
       site: {
-        name: "ShopBite",
-        description: "Reduziere deine Kosten und steigere deinen Umsatz",
+        name: storeName,
+        description: storeDescription,
         countryId: "",
       },
       storeUrl: "",

package/package.json

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