feat(design): product link in cart

spa/src/views/Cart.vue

@@ -35,7 +35,9 @@
             </div>
 
             <div>
-              <h2 class="card-title">{{ item.name }} <span v-if="! item.stock" class="text-error font-bold">***</span></h2>
+              <RouterLink :to="{name: 'product.show', params: {id: item.product_id}}" class="card-title">
+                {{ item.name }} <span v-if="! item.stock" class="text-error font-bold">***</span>
+              </RouterLink>
               <p class="text-sm font-bold">{{ item.total }}</p>
               <p>{{ item.price }}/ед</p>
               <div>

spa/src/views/Product.vue

@@ -44,11 +44,12 @@
           </p>
 
           <p v-if="false" class="text-xs">Кол-во на складе: {{ product.quantity }} шт.</p>
-          <p v-if="product.minimum && product.minimum > 1">Минимальное кол-во для заказа: {{ product.minimum }}</p>
+          <p v-if="product.minimum && product.minimum > 1" class="text-xs">
+            Минимальное кол-во для заказа: {{ product.minimum }}
+          </p>
+          <p class="text-xs">Наличие: {{ product.stock }}</p>
         </div>
 
-        <div class="badge badge-primary">{{ product.stock }}</div>
-
         <div v-if="product.options && product.options.length" class="mt-4">
           <ProductOptions v-model="product.options"/>
         </div>
@@ -88,7 +89,8 @@
       </div>
     </div>
 
-    <div v-if="product.product_id" class="fixed px-4 pb-10 pt-4 bottom-0 left-0 w-full bg-base-200 z-50 flex flex-col gap-2 border-t-1 border-t-base-300">
+    <div v-if="product.product_id"
+         class="fixed px-4 pb-10 pt-4 bottom-0 left-0 w-full bg-base-200 z-50 flex flex-col gap-2 border-t-1 border-t-base-300">
       <div class="text-error">
         {{ error }}
       </div>