tp3

tp3/components/Product/Card.vue

@@ -0,0 +1,28 @@
+<template>
+    <div>
+        <div class="card">
+            <div class="card-body">
+                <h5 class="card-title">{{ name }}</h5>
+                <h6 class="card-subtitle mb-2 text-muted">{{ price }}</h6>
+                <p class="card-text">{{ description }}</p>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+const props = defineProps({
+    name: {
+        type: String,
+        required: true
+    },
+    price: {
+        type: Number,
+        required: true
+    },
+    description: {
+        type: String,
+        required: true
+    }
+})
+</script>

tp3/components/Product/Container.vue

@@ -0,0 +1,9 @@
+<template>
+    <div>
+        <div class="container">
+            <div class="row">
+                <slot />
+        </div>
+        </div>
+    </div>
+</template>