12345678910111213141516171819 |
- <script setup>
- const { cosetta } = defineProps({
- cosetta: {
- type: Object,
- required: true
- }
- })
- </script>
- <template>
- <div class="w-full md:w-1/3 xl:w-1/4 p-6 flex flex-col">
- <nuxt-link :to="`/c/${cosetta.uuid}`">
- <img class="hover:grow hover:shadow-lg" :src="`src/public/${cosetta.images[0]}`">
- <div class="pt-3 flex items-center justify-between">
- <p class=" text-black font-bold uppercase" v-text='cosetta.name'></p>
- </div>
- <p class="pt-1 text-gray-700 text-sm" v-text='cosetta.description'></p>
- </nuxt-link>
- </div>
- </template>
|