wip: shopping cart

spa/src/views/Product.vue

@@ -15,6 +15,8 @@
 
         <div class="mt-4 lg:row-span-3 lg:mt-0">
           <p class="text-3xl tracking-tight">{{ product.price }}</p>
+          <p v-if="false" class="text-xs">Кол-во на складе: {{ product.quantity }} шт.</p>
+          <p v-if="product.minimum && product.minimum > 1">Минимальное кол-ва для заказа: {{ product.minimum }}</p>
         </div>
 
         <div v-if="product.options && product.options.length" class="mt-4">
@@ -67,13 +69,13 @@
 
 <script setup>
 import {computed, onMounted, ref} from "vue";
-import {$fetch} from "ofetch";
 import {useRoute} from 'vue-router'
 import ProductOptions from "../components/ProductOptions/ProductOptions.vue";
 import {useCartStore} from "../stores/CartStore.js";
 import ProductImageSwiper from "../components/ProductImageSwiper.vue";
 import Quantity from "../components/Quantity.vue";
 import {SUPPORTED_OPTION_TYPES} from "@/constants/options.js";
+import {apiFetch} from "@/utils/ftch.js";
 
 const route = useRoute();
 const productId = computed(() => route.params.id);
@@ -117,7 +119,7 @@ function setQuantity(newQuantity) {
 }
 
 onMounted(async () => {
-  const {data} = await $fetch(`/index.php?route=extension/tgshop/handle&api_action=product_show&id=${productId.value}`);
+  const {data} = await apiFetch(`/index.php?route=extension/tgshop/handle&api_action=product_show&id=${productId.value}`);
   product.value = data;
 });
 </script>