0
0
Fork 0
mirror of https://github.com/VueTubeApp/VueTube synced 2024-12-05 01:17:28 +00:00
VueTube/NUXT/components/Comments/mainCommentReplyRenderer.vue
2022-05-07 17:05:45 +12:00

48 lines
1.2 KiB
Vue

<template>
<dialog-base>
<template v-slot:header>
<v-btn icon @click="$emit('changeState', false)">
<v-icon>mdi-arrow-left</v-icon>
</v-btn>
<v-toolbar-title>
<strong>Replies</strong>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn icon @click="$emit('closeComments')">
<v-icon>mdi-close</v-icon>
</v-btn>
</template>
<template>
<comment-thread-renderer :comment="parentComment" />
<v-divider></v-divider>
<comment-thread-renderer
v-for="index in 10"
v-bind:key="index"
:comment="parentComment"
/>
</template>
</dialog-base>
</template>
<script>
import dialogBase from "~/components/dialogBase.vue";
import commentsHeaderRenderer from "~/components/Comments/commentsHeaderRenderer.vue";
import commentThreadRenderer from "~/components/Comments/commentThreadRenderer.vue";
import continuationItemRenderer from "~/components/observer.vue";
export default {
props: ["defaultContinuation", "parentComment", "showReplies"],
model: {
prop: "showReplies",
event: "changeState",
},
components: {
dialogBase,
commentsHeaderRenderer,
commentThreadRenderer,
continuationItemRenderer,
},
};
</script>