16 lines
580 B
Vue
16 lines
580 B
Vue
|
<!-- Ported from legacy henza_pwa/src/views/search/collection/components/CollectionCard.vue -->
|
||
|
|
<template>
|
||
|
|
<div class="flex flex-col items-center justify-center font-bold text-lg" style="color: #8c6a48">
|
||
|
|
<img class="w-[6rem] h-[6rem]" :src="image" />
|
||
|
|
<span>{{ minGram }} گرم</span>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
import { useProduct } from '../../composables/useProduct'
|
||
|
|
import type { ProductSummary } from '../../api/client'
|
||
|
|
|
||
|
|
const props = defineProps<{ item: ProductSummary }>()
|
||
|
|
const { image, min_gram: minGram } = useProduct(props.item)
|
||
|
|
</script>
|