28 lines
418 B
Vue
28 lines
418 B
Vue
<template>
|
|
<div class="card">
|
|
<header>
|
|
<h1>{{ item.title }}</h1>
|
|
<h4>{{ item.description }}</h4>
|
|
</header>
|
|
<section class=images>
|
|
<img class="images" v-for="img in item.images" :src="img.url" :title="img.title"/>
|
|
</section>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
name: "Card",
|
|
props: ['item'],
|
|
data: () => ({
|
|
|
|
})
|
|
}
|
|
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
</style>
|