diff --git a/src/modules/contents/comments/components/CommentListItem.vue b/src/modules/contents/comments/components/CommentListItem.vue index 7a5699c5..67ab5d7a 100644 --- a/src/modules/contents/comments/components/CommentListItem.vue +++ b/src/modules/contents/comments/components/CommentListItem.vue @@ -133,7 +133,11 @@ const { isLoading, refetch, } = useQuery({ - queryKey: ["comment-replies", props.comment.comment.metadata.name], + queryKey: [ + "comment-replies", + props.comment.comment.metadata.name, + showReplies, + ], queryFn: async () => { const { data } = await apiClient.reply.listReplies({ commentName: props.comment.comment.metadata.name, @@ -149,20 +153,9 @@ const { ); return deletingReplies?.length ? 3000 : false; }, - enabled: showReplies.value, + enabled: computed(() => showReplies.value), }); -watch( - () => showReplies.value, - (newValue) => { - if (newValue) { - refetch(); - } else { - replies.value = []; - } - } -); - const handleToggleShowReplies = async () => { showReplies.value = !showReplies.value; if (showReplies.value) {