Migrate to Vue 3 and Vite

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/components/Discussion/DiscussionListItem.story.vue

@@ -0,0 +1,33 @@
+<template>
+  <Story>
+    <Variant title="Basic">
+      <DiscussionListItem :discussion="discussion" />
+    </Variant>
+    <Variant title="Deleted comment">
+      <DiscussionListItem :discussion="discussionWithDeletedComment" />
+    </Variant>
+  </Story>
+</template>
+
+<script lang="ts" setup>
+import { IDiscussion } from "@/types/discussions";
+import { reactive } from "vue";
+import DiscussionListItem from "./DiscussionListItem.vue";
+
+const discussion = reactive<IDiscussion>({
+  title: "A discussion",
+  comments: { total: 5, elements: [] },
+  insertedAt: new Date().toString(),
+  updatedAt: new Date().toString(),
+  deletedAt: null,
+  lastComment: { text: "Hello there", publishedAt: new Date().toString() },
+});
+
+const discussionWithDeletedComment = reactive<IDiscussion>({
+  ...discussion,
+  lastComment: {
+    ...discussion.lastComment,
+    deletedAt: new Date().toString(),
+  },
+});
+</script>