Home > Over TTC > Tips & Tricks > <template> <section id="news-item-component"> <div class="news-item-image"> <nuxt-link :to="`/over-ttc/nieuws/${data.slug}`"> <img :src="data.acf.post_news_featured_image.url" :alt="data.acf.post_news_featured_image.alt" /> </nuxt-link> </div> <div class="news-item-content"> <div v-html="data.acf.post_news_title" class="news-item-title"></div> <div v-html="data.acf.post_new_content.slice(0, 255)" class="news-item-description" ></div> <nuxt-link :to="`/over-ttc/nieuws/${data.slug}`"> <button class="tertiary before"> Lees meer </button> </nuxt-link> </div> </section> </template> <script> export default { name: 'NewsItemComponent', props: { data: { type: Object, required: true } } } </script>