diff --git a/src/modules/nostr-feed/components/SubmissionDetail.vue b/src/modules/nostr-feed/components/SubmissionDetail.vue index 4040c0e..b3e97b2 100644 --- a/src/modules/nostr-feed/components/SubmissionDetail.vue +++ b/src/modules/nostr-feed/components/SubmissionDetail.vue @@ -4,7 +4,7 @@ * Displays complete submission content and threaded comments */ -import { ref, computed, onMounted, watch } from 'vue' +import { ref, computed } from 'vue' import { useRoute, useRouter } from 'vue-router' import { formatDistanceToNow } from 'date-fns' import { @@ -26,7 +26,7 @@ import { Badge } from '@/components/ui/badge' import { Button } from '@/components/ui/button' import VoteControls from './VoteControls.vue' import SubmissionCommentComponent from './SubmissionComment.vue' -import { useSubmission, useSubmissions } from '../composables/useSubmissions' +import { useSubmission } from '../composables/useSubmissions' import { tryInjectService, SERVICE_TOKENS } from '@/core/di-container' import type { ProfileService } from '../services/ProfileService' import type { SubmissionService } from '../services/SubmissionService' @@ -54,11 +54,8 @@ const profileService = tryInjectService(SERVICE_TOKENS.PROFILE_S const authService = tryInjectService(SERVICE_TOKENS.AUTH_SERVICE) const submissionService = tryInjectService(SERVICE_TOKENS.SUBMISSION_SERVICE) -// Use submission composable -const { submission, comments, upvote, downvote } = useSubmission(props.submissionId) - -// Subscribe to fetch the submission if not already loaded -const { subscribe, isLoading, error } = useSubmissions({ autoSubscribe: false }) +// Use submission composable - handles subscription automatically +const { submission, comments, upvote, downvote, isLoading, error } = useSubmission(props.submissionId) // Comment composer state const showComposer = ref(false) @@ -215,13 +212,6 @@ function countReplies(comment: SubmissionCommentType): number { function goBack() { router.back() } - -// Subscribe on mount if submission not loaded -onMounted(() => { - if (!submission.value) { - subscribe({ limit: 50 }) - } -})