blob: a93360d8318e2dde58af1a5d7829fec5ffe63eaf (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
<template>
<div>
<div v-if="posts" class="post-list">
<post-link
v-for="(post, index) in posts"
:key="index"
:route="post.route"
:title="post.title"
:description="post.description"
/>
</div>
<div v-else>Brak wpisów</div>
</div>
</template>
<script>
import PostLink from './PostLink'
export default {
name: 'PurePostList',
components: { PostLink },
props: {
posts: {
type: Array,
required: true
}
}
}
</script>
<style scoped>
.post-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 900px;
}
</style>
|
