Got comments working

ui/src/components/discussion/CommentThread.vue

@@ -1,17 +1,26 @@
 <script setup lang="ts">
 
-import { DiscussionComment } from '@shared/types/discussion';
-import DiscussionCommentView from './DiscussionCommentView.vue';
-import CommentForm from './CommentForm.vue';
+    import { DiscussionComment } from '@shared/types/discussion';
+    import DiscussionCommentView from './DiscussionCommentView.vue';
+    import CommentForm from './CommentForm.vue';
+    import { ref } from 'process';
+    import { getPostComments } from '@/api/discussion';
 
-const props = defineProps<{
-    parentId: number;
-    comments: DiscussionComment[];
-}>();
+    const props = defineProps<{
+        parentId: number,
+        comments: DiscussionComment[]
+    }>()
 
-function onCommentPosted() {
-  // TODO: Refresh comments if needed
-}
+    const emit = defineEmits<{
+        (e: 'commentsUpdated', comments: DiscussionComment[]): void
+    }>()
+
+    async function onCommentPosted() {
+        const res = await getPostComments(props.parentId);
+        console.log(res);
+        // tell parent to update state
+        emit('commentsUpdated', res);
+    }
 </script>
 
 <template>

ui/src/components/modRequests/ViewModRequest.vue

@@ -96,7 +96,7 @@
             </div>
 
             <!-- discussion placeholder -->
-            <CommentThread :parent-id="post.id" :comments="post.comments" />
+            <CommentThread :parent-id="post.id" :comments="post.comments" @comments-updated="post.comments = $event" />
 
         </div>
         <div v-else>