project creation request notification working

src/components/notifications/ProjectRequest.vue

@@ -0,0 +1,46 @@
+<template>
+  <article
+    v-if="useUserStore.role !== 'client'"
+    class="notification | bg-white rounded-lg | p-16 | flow"
+    data-type="project-request"
+  >
+    <header>
+      <p class="flex">
+        <strong
+          class="notification__type | font-medium text-primary"
+          data-icon="comment"
+          >Demande de création de projet</strong
+        >
+        <span class="notification__client | text-grey-700"
+          >{{ notification.project.title }} (brouillon)</span
+        >
+        <time
+          datetime=""
+          class="notification__date | text-grey-700 | ml-auto"
+          >{{ formatDate(notification) }}</time
+        >
+      </p>
+    </header>
+    <p
+      v-if="notification.type"
+      class="notification__body | text-md font-medium | line-clamp"
+      v-html="
+        'Auteur de la demande : ' +
+        (notification.author.name
+          ? notification.author.name + ' (' + notification.author.email + ')'
+          : notification.author.email) +
+        '<br>Demande : ' +
+        notification.text
+      "
+    ></p>
+  </article>
+</template>
+
+<script setup>
+import { useNotificationsStore } from "../../stores/notifications";
+import { useUserStore } from "../../stores/user";
+
+const { notification } = defineProps({ notification: Object });
+const { formatDate } = useNotificationsStore();
+const { user } = useUserStore();
+</script>