Files
www_threefold_io/src/components/vacationcard/VacationCard.vue
2021-02-08 17:06:59 +02:00

24 lines
616 B
Vue

<template>
<div>
<img class="rounded" :src="img" :alt="imgAlt" />
<div class="mt-2">
<div>
<div class="text-xs text-gray-600 uppercase font-bold">
{{ eyebrow }}
</div>
<div class="font-bold text-gray-700 leading-snug">
<a :href="url" class="hover:underline">{{ title }}</a>
</div>
<div class="mt-2 text-sm text-gray-600">{{ pricing }}</div>
</div>
</div>
</div>
<!-- TODO: how do I get markdown in here? -->
</template>
<script>
export default {
props: ["img", "imgAlt", "eyebrow", "title", "pricing", "url"],
};
</script>