27 lines
616 B
Vue
27 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>
|
|
|
|
<style>
|
|
</style> |