Vue.component('the-comments-section', {
props: {
comments: Object,
have_rights_to: Object,
},
template: `
<div class="container comments-container">
<div style="height:80vh; overflow-y:auto;">
<comment-item v-for="comment in comments.comments"
v-bind:comment="comment" v-bind:have_rights_to="have_rights_to"
v-on:event-data="$emit('event-data', $event)"
></comment-item>
</div>
</div>
`,
})
Vue.component('comment-item', {
template: ` some template`,
methods:{
some functions here
}
})