Fix naming for messages

src/views/messages/PostMessage.vue

@@ -0,0 +1,61 @@
+<template>
+
+  <div class="flex flex-column">
+
+    <div class="flex flex-row">
+
+      <div class="px-1 content-center">
+        <img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png"
+             alt="Profile Image"
+             class="rounded-full"
+             width="32px"
+             height="32px">
+      </div>
+
+      <v-text-field
+          v-model="message"
+          density="compact"
+          variant="solo-inverted"
+          placeholder="Votre commentaire..."
+          hide-details
+          clearable>
+      </v-text-field>
+
+    </div>
+
+    <div class="flex flex-row gap-2 p-2 justify-end">
+      <v-btn style="border-radius: 20px" variant="text">Canceller</v-btn>
+      <v-btn style="border-radius: 20px" @click="publish">Publier</v-btn>
+    </div>
+
+  </div>
+
+</template>
+
+<script setup>
+// import posts from "@/views/posts/posts.json";
+
+import {useClient} from '@/plugins/api.js';
+import {defineProps, ref} from 'vue';
+
+const props = defineProps({
+  contentId: {
+    type: String,
+    required: true
+  }
+});
+
+const client = useClient();
+const message = ref("");
+
+const publish = async () => {
+  await client.post(
+      `/api/messages/`,
+      {
+        "contentId": props.contentId,
+        "message": message.value
+      });
+}
+
+
+</script>