<template>
<NuxtLink :to="'/' + slug" v-editable="service"
class="w-full h-full bg-[#f7f6fd] rounded-[5px] text-center overflow-hidden">
<div class="p-4">
<h3 class="text-xl text-[#1d243d] font-bold mb-3">
{{ service?.heading }}
</h3>
<div class="line-clamp-4">
{{ service?.teaser }}
</div>
</div>
</NuxtLink>
{{ service?.slug }}
</template>
<script setup>
defineProps({ service: Object, slug: String })
</script>
<template>
<NuxtLink :to="'/' + slug" v-editable="service"
class="w-full h-full bg-[#f7f6fd] rounded-[5px] text-center overflow-hidden">
<div class="p-4">
<h3 class="text-xl text-[#1d243d] font-bold mb-3">
{{ service?.heading }}
</h3>
<div class="line-clamp-4">
{{ service?.teaser }}
</div>
</div>
</NuxtLink>
{{ service?.slug }}
</template>
<script setup>
defineProps({ service: Object, slug: String })
</script>