feat: initial commit

apps/user-app/src/components/product/CollectionCard.vue

@@ -0,0 +1,15 @@
+<!-- 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>