Adds reactivity to content-list

src/views/contents/ContentCard.vue

@@ -85,7 +85,7 @@
                          :creator-logo="creatorLogo"
                          iconColorClass="text-black"
         ></donation-button>
-        
+
       </div>
 
       <div :class="{'hidden': !messagesVisible}">
@@ -94,11 +94,12 @@
             :subject-id="props.content.id"
             :messages="messages"
         ></message-list>
-
       </div>
 
       <div class="py-2">
-        <post-message :subject-id="props.content.id" @message-posted="addMessage"></post-message>
+        <post-message :subject-id="props.content.id"
+                      @message-posted="addMessage"
+        ></post-message>
       </div>
     </div>
   </div>
@@ -121,7 +122,7 @@ const props = defineProps({
   }
 });
 
-const emits = defineEmits(['content:deleted'])
+const emits = defineEmits(['content-deleted'])
 
 const contentId = computed(() => props.content.id)
 const creatorId = computed(() => props.content.createdBy)
@@ -167,8 +168,8 @@ function editContent() {
 async function deleteContent() {
   const client = useClient()
   const response = await client.delete(`/api/contents/${contentId.value}`)
-  if (response.status >= 200 && response.status < 300){
-    emits('content:deleted', contentId.value)
+  if (response.status >= 200 && response.status < 300) {
+    emits('content-deleted', contentId.value)
   }
 }