19 lines
No EOL
600 B
Vue
19 lines
No EOL
600 B
Vue
<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> |