@shopbite-de/storefront 1.7.2 → 1.7.4

package/.env.example

@@ -19,4 +19,7 @@ OPENAPI_JSON_URL="https://shopware.shopbite.net"
 NUXT_GEOAPIFY_API_KEY=
 
 NUXT_PUBLIC_SCRIPTS_MATOMO_ANALYTICS_MATOMO_URL=
-NUXT_PUBLIC_SCRIPTS_MATOMO_ANALYTICS_SITE_ID=
+NUXT_PUBLIC_SCRIPTS_MATOMO_ANALYTICS_SITE_ID=
+
+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,10 +1,14 @@
 // 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: {
     head: {
-      title: "ShopBite – Kostenloses Online-Bestellsystem für Gastronomie",
+      title: storeName,
       htmlAttrs: {
         lang: "de",
       },
@@ -23,7 +27,8 @@ export default defineNuxtConfig({
         },
         {
           property: "og:description",
-          content: "Italienisch-deutsche Küche in Obertshausen",
+          content:
+            "Dein eigenes Bestellsystem ohne Provisionen, ohne monatliche Kosten – 100% Open Source und individuell anpassbar. Perfekt für Pizzerien, Imbisse und Lieferdienste.",
         },
       ],
       link: [{ rel: "icon", href: "/favicon.ico", type: "image/png" }],
@@ -55,8 +60,8 @@ export default defineNuxtConfig({
         },
       },
       site: {
-        name: "ShopBite",
-        description: "Reduziere deine Kosten und steigere deinen Umsatz",
+        name: storeName,
+        description: storeDescription,
         countryId: "",
       },
       storeUrl: "",
@@ -114,24 +119,24 @@ export default defineNuxtConfig({
     filename: sw ? "sw.ts" : undefined,
     registerType: "autoUpdate",
     manifest: {
-      name: "ShopBite",
-      short_name: "ShopBite",
+      name: storeName,
+      short_name: storeName,
       theme_color: "#ff5b00",
       icons: [
         {
-          src: "shopbite-192.png",
+          src: "logo-192.png",
           sizes: "192x192",
           type: "image/png",
         },
         {
-          src: "shopbite-512.png",
+          src: "logo-512.png",
           sizes: "512x512",
           type: "image/png",
         },
         {
-          src: "shopbite-512.png",
+          src: "logo-512.png",
           sizes: "512x512",
-          type: "image/svg",
+          type: "image/png",
           purpose: "any maskable",
         },
       ],

package/package.json

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