Translation

software/src/pages/basketPage/index.vue

@@ -9,21 +9,26 @@ const basketStore = useBasketStore()
   <v-container max-width="1000">
     <v-row>
       <v-col>
-        <v-card title="Warenkorb" >
+        <v-card :title="$t('menu.basket')" prepend-icon="mdi-cart">
           <v-card-subtitle v-if="basketStore.itemsInBasket.length > 0">
-            {{ basketStore.itemsInBasket.length }} Artikel
+            <div v-if="basketStore.itemsInBasket.length == 1">
+              {{ basketStore.itemsInBasket.length }} {{ $t('product') }}
+            </div>
+            <div v-else>
+              {{ basketStore.itemsInBasket.length }} {{ $t('products') }}
+            </div>
           </v-card-subtitle>
 
           <products-table v-if="basketStore.itemsInBasket.length > 0" />
 
           <v-empty-state v-else
             icon="mdi-basket-off"
-            title="Keine Artikel im Warenkorb"
-            text="Gehe zu unseren Produkten und lege Artikel in den Warenkorb"
+            :title="$t('emptyBasketTitle')"
+            :text="$t('emptyBasketText')"
           />
 
           <v-card-text class="text-right" v-if="basketStore.itemsInBasket.length > 0">
-            Total: {{ basketStore.getTotalPrice }} €
+            {{ $t('totalPrice') }}: {{ basketStore.getTotalPrice }} €
           </v-card-text>
 
           <v-card-actions>
@@ -31,7 +36,7 @@ const basketStore = useBasketStore()
               prepend-icon="mdi-basket-check"
               :disabled="basketStore.itemsInBasket.length == 0"
             >
-              Bestellen
+              {{ $t('orderNow') }}
             </v-btn>
           </v-card-actions>
         </v-card>