Adds Content deletion

src/views/contents/ContentCard.vue

@@ -112,6 +112,7 @@ import PostMessage from "@/views/messages/PostMessage.vue";
 import DonationButton from "@/views/creators/DonationButton.vue";
 import YoutubePlayer from './YoutubePlayer.vue';
 import ImageViewer from './ImageViewer.vue';
+import {useClient} from "@/plugins/api.js";
 
 const props = defineProps({
   content: {
@@ -120,6 +121,9 @@ const props = defineProps({
   }
 });
 
+const emits = defineEmits(['content:deleted'])
+
+const contentId = computed(() => props.content.id)
 const creatorId = computed(() => props.content.createdBy)
 const creatorName = computed(() => props.content.createdByName)
 const creatorLogo = computed(() => props.content.createdByPortraitUrl)
@@ -160,8 +164,12 @@ function editContent() {
   console.log('Modifier le contenu');
 }
 
-function deleteContent() {
-  console.log('Effacer le contenu');
+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)
+  }
 }
 
 function reportContent() {