24 lines
616 B
Vue
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> |