From 7468374bb50a47f0b28b71992af0fcbd244b3b6b Mon Sep 17 00:00:00 2001
From: Alexis <alexis.pele@pm.me>
Date: Sat, 9 Aug 2025 16:24:59 +0200
Subject: [PATCH 1/3] Added update logic for single day events

---
 app/components/calendar/event/Event.vue       | 31 ++++++-
 .../calendar/state/monthly/DayTile.vue        | 84 +++++++++++++++++--
 app/stores/CalendarStore.ts                   |  8 +-
 3 files changed, 110 insertions(+), 13 deletions(-)

diff --git a/app/components/calendar/event/Event.vue b/app/components/calendar/event/Event.vue
index b20538b..14f08a7 100644
--- a/app/components/calendar/event/Event.vue
+++ b/app/components/calendar/event/Event.vue
@@ -2,14 +2,17 @@
 import { cn } from "@/lib/utils"
 import type { RPGDate } from "@@/models/Date"
 import type { CalendarEvent } from "@@/models/CalendarEvent"
+import { ja } from "zod/v4/locales";
 
 const props = defineProps<{
   event: CalendarEvent
   tileDate: RPGDate
 }>()
 
-const { areDatesIdentical, revealEditEventModal, revealDeleteEventModal } = useCalendar()
-const { lastActiveEvent } = storeToRefs(useCalendar())
+const buttonRef = useTemplateRef<HTMLButtonElement>('buttonRef')
+
+const { areDatesIdentical, revealEditEventModal, revealDeleteEventModal, resetSkeleton } = useCalendar()
+const { lastActiveEvent, eventSkeleton, isDraggingEvent } = storeToRefs(useCalendar())
 
 const spansMultipleDays = computed(() => Boolean(props.event.startDate && props.event.endDate))
 const isStartEvent = computed(() => spansMultipleDays.value && areDatesIdentical(props.tileDate, props.event.startDate))
@@ -49,13 +52,29 @@ onMounted(() => {
     handleDelete()
   })
 })
+
+// Draggable logic
+const isTileDragging = shallowRef(false)
+
+function handleDragStart() {
+  isTileDragging.value = true
+  isDraggingEvent.value = true
+  eventSkeleton.value = structuredClone(toRaw(props.event))
+  handleClosePopover()
+}
+function handleDragEnd() {
+  isTileDragging.value = false
+  isDraggingEvent.value = false
+}
 </script>
 
 <template>
   <UiPopover v-model:open="isPopoverDetailsOpen">
     <UiPopoverTrigger as-child>
       <button
-        class="event-button text-2xs md:text-xs px-[5px] py-[5px] md:px-2 md:py-1 block w-full text-left rounded-sm transition-colors outline-offset-1 cursor-pointer"
+        ref="buttonRef"
+        class="event-button text-2xs md:text-xs px-[5px] py-[5px] md:px-2 md:py-1 block w-full text-left rounded-sm transition-opacity outline-offset-1 cursor-pointer"
+        :draggable="event.endDate ? 'false' : 'true'"
         :class="
           cn(
             `element-${event.category?.color}`,
@@ -63,11 +82,17 @@ onMounted(() => {
               'is-hidden': event.hidden,
               'rounded-r-none': isStartEvent,
               'rounded-l-none': isEndEvent,
+            },
+            {
+              'opacity-60': isTileDragging,
+              'opacity-100': !isTileDragging
             }
           )
         "
         @dblclick="handleDoubleClick"
         @keydown.delete="handleDelete"
+        @dragstart="handleDragStart"
+        @dragend="handleDragEnd"
       >
         <div class="line-clamp-2 [overflow-wrap:anywhere] hyphens-auto">
           {{ eventTitle }}
diff --git a/app/components/calendar/state/monthly/DayTile.vue b/app/components/calendar/state/monthly/DayTile.vue
index 5d099e9..d8c0587 100644
--- a/app/components/calendar/state/monthly/DayTile.vue
+++ b/app/components/calendar/state/monthly/DayTile.vue
@@ -6,6 +6,9 @@ import { storeToRefs } from "pinia"
 import { computed, ref, type ComputedRef } from "vue"
 
 import CalendarEventButton from "../../event/Event.vue"
+import { useToast } from "@/components/ui/toast"
+import type { APIError } from "@@/models/Errors"
+import { ToastLifetime } from "@/components/ui/toast/use-toast"
 
 const props = defineProps<{
   date: RPGDate
@@ -16,11 +19,14 @@ const emit = defineEmits<{
   "on-open-create-dialog": [date: RPGDate]
 }>()
 
+const { toast } = useToast()
+const { t } = useI18n()
+
 const calendarTile = ref()
 const calendarEventsList = ref()
 
-const { defaultDate, selectDate, areDatesIdentical, getFormattedDateTitle } = useCalendar()
-const { selectedDate, currentEvents, isReadOnly } = storeToRefs(useCalendar())
+const { defaultDate, selectDate, areDatesIdentical, getFormattedDateTitle, updateEventFromSkeleton, resetSkeleton } = useCalendar()
+const { selectedDate, currentEvents, isReadOnly, eventSkeleton, isDraggingEvent } = storeToRefs(useCalendar())
 
 const breakpoints = useBreakpoints(
   breakpointsTailwind
@@ -60,7 +66,13 @@ const { top: tileListTop } = useElementBounding(calendarEventsList)
 const numberOfEventsToFit: ComputedRef<number> = computed(() => {
   if (!eventsForTheDay.value.length) return 0
 
-  return Math.trunc((tileHeight.value - (tileListTop.value - tileTop.value)) / 40)
+  let offset = 0
+
+  if (isDraggingEvent.value && !tileNotHovered.value) {
+    offset = 1
+  }
+
+  return Math.trunc((tileHeight.value - (tileListTop.value - tileTop.value)) / 40) - offset
 })
 
 /**
@@ -76,16 +88,61 @@ const eventsToDisplay: ComputedRef<CalendarEvent[]> = computed<CalendarEvent[]>(
  * Used if not all events can be seen in the tile's space
 */
 const eventsNotDisplayed: ComputedRef<number>  = computed<number>(() => eventsForTheDay.value.length - eventsToDisplay.value.length)
+
+// Handle drop events
+const { isOutside: tileNotHovered } = useMouseInElement(calendarTile)
+const isLoading = ref(false)
+
+async function handleTileDrop() {
+  if (isLoading.value) return
+
+  isLoading.value = true
+
+  eventSkeleton.value.startDate = props.date
+
+  const { error } = await tryCatch(updateEventFromSkeleton())
+
+  if (error) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const apiError = (error as any).data as APIError
+
+    apiError.data.errors.forEach((error) => {
+      toast({
+        title: t("entity.calendar.event.editErrors.toastTitle"),
+        variant: "destructive",
+        description: t(`entity.calendar.event.editErrors.${error.path[1]}_${error.code}`),
+        duration: ToastLifetime.MEDIUM,
+      })
+    })
+
+    isLoading.value = false
+    return
+  }
+
+  console.log(eventSkeleton.value)
+
+  toast({
+    title: t("entity.calendar.event.updatedToast.title", { event: eventSkeleton.value.title }),
+    variant: "success",
+    duration: ToastLifetime.SHORT
+  })
+
+  isLoading.value = false
+  resetSkeleton()
+}
 </script>
 
 <template>
   <div
     ref="calendarTile"
-    class="tile relative p-1 md:p-2 transition-all"
+    class="tile relative p-1 md:p-2 md:pt-1 transition-all"
     :class="{
       'text-slate-300 dark:text-slate-500': props.faded,
       'text-slate-500 dark:text-slate-300': !props.faded
     }"
+    @drop.prevent="handleTileDrop"
+    @dragenter.prevent
+    @dragover.prevent
   >
     <button
       class="relative z-10 group block w-full text-2xs md:text-xs text-center cursor-pointer"
@@ -107,13 +164,25 @@ const eventsNotDisplayed: ComputedRef<number>  = computed<number>(() => eventsFo
     <ClientOnly>
       <ul
         ref="calendarEventsList"
-        class="absolute top-9 md:top-12 bottom-1 md:bottom-2 inset-x-2 grid auto-rows-min gap-1 z-10 pointer-events-none transition-opacity"
+        class="absolute top-8 md:top-10 bottom-1 md:bottom-2 inset-x-2 grid auto-rows-min gap-1 z-10 pointer-events-none transition-opacity"
         :class="{
           'opacity-40': props.faded && !isSelectedDate
         }"
       >
-        <TransitionGroup name="event">
-          <li v-for="event in eventsToDisplay" :key="event.id" class="grid w-full pointer-events-auto">
+        <li
+          v-if="!tileNotHovered && isDraggingEvent && !(eventsForTheDay.find((e) => e.id === eventSkeleton.id))"
+          :key="eventSkeleton.id"
+          class="opacity-60"
+        >
+          <CalendarEventButton :event="eventSkeleton" :tile-date="date" />
+        </li>
+
+        <TransitionGroup :name="!isDraggingEvent ? 'event' : ''">
+          <li
+            v-for="(event, i) in eventsToDisplay"
+            :key="event.id"
+            class="grid w-full pointer-events-auto"
+          >
             <CalendarEventButton :event :tile-date="date" />
           </li>
         </TransitionGroup>
@@ -158,6 +227,7 @@ const eventsNotDisplayed: ComputedRef<number>  = computed<number>(() => eventsFo
 
     <ClientOnly>
       <LazyCalendarDialogCreateEvent v-if="!isReadOnly && breakpoints.lg.value" :date btn-class="absolute inset-0 w-full h-full cursor-default z-0" />
+
       <button
         v-else-if="!isReadOnly && !breakpoints.lg.value"
         class="absolute inset-0 w-full h-full cursor-default z-0"
diff --git a/app/stores/CalendarStore.ts b/app/stores/CalendarStore.ts
index 94727a4..fa2c5cc 100644
--- a/app/stores/CalendarStore.ts
+++ b/app/stores/CalendarStore.ts
@@ -130,7 +130,7 @@ export const useCalendar = defineStore("calendar", () => {
     return Number(params.month)
   })
   const currentMonthData = computed<CalendarMonth>(() => {
-    return sortedMonths.value[currentMonth.value]
+    return sortedMonths.value[currentMonth.value]!
   })
   // Gets the label from currentMonth index
   const currentMonthName = computed<string>(() => getMonthName(currentMonth.value))
@@ -605,7 +605,7 @@ export const useCalendar = defineStore("calendar", () => {
     // Else, we need to accelerate and decelerate
     else {
       // First, get all the remaining days in the current month
-      const currentMonth = sortedMonths.value[datePivot.month]
+      const currentMonth = sortedMonths.value[datePivot.month]!
       dateAcc.day = currentMonth.days - datePivot.day
       if (direction === "future") {
         datePivot.month = getNextViewMonth(datePivot.month)
@@ -756,7 +756,7 @@ export const useCalendar = defineStore("calendar", () => {
 
     // Loop over all event once to convert the structure to a usable one
     for (let i = 0; i < allEvents.value.length; i++) {
-      const e: CalendarEvent = allEvents.value[i]
+      const e: CalendarEvent = allEvents.value[i]!
 
       // Estimate distance from pivot
       const startDateDays: number = convertDateToDays(e.startDate)
@@ -830,6 +830,7 @@ export const useCalendar = defineStore("calendar", () => {
   const isCreatingEvent = ref<boolean>(false)
   const isUpdatingEvent = ref<boolean>(false)
   const isDeletingEvent = ref<boolean>(false)
+  const isDraggingEvent = ref<boolean>(false)
   const operationInProgress = computed<boolean>(() => isCreatingEvent.value || isUpdatingEvent.value || isDeletingEvent.value)
   let abortController: AbortController | null = null
 
@@ -984,6 +985,7 @@ export const useCalendar = defineStore("calendar", () => {
     isCreatingEvent,
     isUpdatingEvent,
     isDeletingEvent,
+    isDraggingEvent,
     operationInProgress,
     eventSkeleton,
     resetSkeleton,

From 396215bb91458d1059bf00712f4df1c802ed6b10 Mon Sep 17 00:00:00 2001
From: Alexis <alexis.pele@pm.me>
Date: Sat, 9 Aug 2025 16:40:50 +0200
Subject: [PATCH 2/3] Fixed some UI issues with drag state

---
 app/components/calendar/state/monthly/DayTile.vue | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/app/components/calendar/state/monthly/DayTile.vue b/app/components/calendar/state/monthly/DayTile.vue
index d8c0587..122ebbb 100644
--- a/app/components/calendar/state/monthly/DayTile.vue
+++ b/app/components/calendar/state/monthly/DayTile.vue
@@ -68,13 +68,15 @@ const numberOfEventsToFit: ComputedRef<number> = computed(() => {
 
   let offset = 0
 
-  if (isDraggingEvent.value && !tileNotHovered.value) {
+  if (isDraggingEvent.value && !tileNotHovered.value && !skeletonInsideCurrentDay.value) {
     offset = 1
   }
 
   return Math.trunc((tileHeight.value - (tileListTop.value - tileTop.value)) / 40) - offset
 })
 
+const skeletonInsideCurrentDay = computed(() => eventsForTheDay.value.find((e) => e.id === eventSkeleton.value.id))
+
 /**
  * Events that can fit in the tile's space
 */
@@ -95,6 +97,7 @@ const isLoading = ref(false)
 
 async function handleTileDrop() {
   if (isLoading.value) return
+  if (skeletonInsideCurrentDay.value) return
 
   isLoading.value = true
 
@@ -119,14 +122,6 @@ async function handleTileDrop() {
     return
   }
 
-  console.log(eventSkeleton.value)
-
-  toast({
-    title: t("entity.calendar.event.updatedToast.title", { event: eventSkeleton.value.title }),
-    variant: "success",
-    duration: ToastLifetime.SHORT
-  })
-
   isLoading.value = false
   resetSkeleton()
 }
@@ -170,7 +165,7 @@ async function handleTileDrop() {
         }"
       >
         <li
-          v-if="!tileNotHovered && isDraggingEvent && !(eventsForTheDay.find((e) => e.id === eventSkeleton.id))"
+          v-if="!tileNotHovered && isDraggingEvent && !skeletonInsideCurrentDay"
           :key="eventSkeleton.id"
           class="opacity-60"
         >

From cebcb50903a757aa0bb00f1ed4eb5b048cd85e66 Mon Sep 17 00:00:00 2001
From: Alexis <alexis.pele@pm.me>
Date: Sat, 9 Aug 2025 18:55:55 +0200
Subject: [PATCH 3/3] Added tooltip on rich text

---
 app/components/global/input/Editor.vue | 253 +++++++++++++++++--------
 i18n/i18n.config.ts                    |  22 +++
 2 files changed, 198 insertions(+), 77 deletions(-)

diff --git a/app/components/global/input/Editor.vue b/app/components/global/input/Editor.vue
index ac0d508..05eb186 100644
--- a/app/components/global/input/Editor.vue
+++ b/app/components/global/input/Editor.vue
@@ -33,96 +33,195 @@ function clearFormatting() {
     <div class="flex gap-1.5">
       <!-- Inline styles -->
       <div class="flex" v-if="!props.disableInlines">
-        <UiButton
-          @click.prevent="editor.chain().focus().toggleBold().run()"
-          :disabled="!editor.can().chain().focus().toggleBold().run()"
-          :variant="editor.isActive('bold') ? 'default' : 'secondary'"
-          class="size-7 rounded-e-none"
-          size="icon"
-        >
-          <PhTextB weight="bold" />
-        </UiButton>
+        <UiTooltipProvider :delay-duration="250">
+          <UiTooltip>
+            <UiTooltipTrigger as-child>
+              <UiButton
+                @click.prevent="editor.chain().focus().toggleBold().run()"
+                :disabled="!editor.can().chain().focus().toggleBold().run()"
+                :variant="editor.isActive('bold') ? 'default' : 'secondary'"
+                class="size-7 rounded-e-none"
+                size="icon"
+              >
+                <PhTextB weight="bold" />
+              </UiButton>
+            </UiTooltipTrigger>
+            <UiTooltipContent>
+              <p>
+                {{ $t('editor.bold') }}
+              </p>
+            </UiTooltipContent>
+          </UiTooltip>
+        </UiTooltipProvider>
 
-        <UiButton
-          @click.prevent="editor.chain().focus().toggleItalic().run()"
-          :disabled="!editor.can().chain().focus().toggleItalic().run()"
-          :variant="editor.isActive('italic') ? 'default' : 'secondary'"
-          class="size-7 rounded-none"
-          size="icon"
-        >
-          <PhTextItalic weight="bold" />
-        </UiButton>
+        <UiTooltipProvider :delay-duration="250">
+          <UiTooltip>
+            <UiTooltipTrigger as-child>
+              <UiButton
+                @click.prevent="editor.chain().focus().toggleItalic().run()"
+                :disabled="!editor.can().chain().focus().toggleItalic().run()"
+                :variant="editor.isActive('italic') ? 'default' : 'secondary'"
+                class="size-7 rounded-none"
+                size="icon"
+              >
+                <PhTextItalic weight="bold" />
+              </UiButton>
+            </UiTooltipTrigger>
+            <UiTooltipContent>
+              <p>
+                {{ $t('editor.italic') }}
+              </p>
+            </UiTooltipContent>
+          </UiTooltip>
+        </UiTooltipProvider>
 
-        <UiButton
-          @click.prevent="editor.chain().focus().toggleStrike().run()"
-          :disabled="!editor.can().chain().focus().toggleStrike().run()"
-          :variant="editor.isActive('strike') ? 'default' : 'secondary'"
-          class="size-7 rounded-s-none"
-          size="icon"
-        >
-          <PhTextStrikethrough weight="bold" />
-        </UiButton>
+        <UiTooltipProvider :delay-duration="250">
+          <UiTooltip>
+            <UiTooltipTrigger as-child>
+              <UiButton
+                @click.prevent="editor.chain().focus().toggleStrike().run()"
+                :disabled="!editor.can().chain().focus().toggleStrike().run()"
+                :variant="editor.isActive('strike') ? 'default' : 'secondary'"
+                class="size-7 rounded-s-none"
+                size="icon"
+              >
+                <PhTextStrikethrough weight="bold" />
+              </UiButton>
+            </UiTooltipTrigger>
+            <UiTooltipContent>
+              <p>
+                {{ $t('editor.strike') }}
+              </p>
+            </UiTooltipContent>
+          </UiTooltip>
+        </UiTooltipProvider>
       </div>
 
       <!-- Block styles -->
       <div class="flex" v-if="!props.disableBlocks">
-        <UiButton
-          @click.prevent="editor.chain().focus().toggleBulletList().run()"
-          :variant="editor.isActive('bulletList') ? 'default' : 'secondary'"
-          class="size-7 rounded-e-none"
-          size="icon"
-        >
-          <PhListBullets weight="bold" />
-        </UiButton>
+        <UiTooltipProvider :delay-duration="250">
+          <UiTooltip>
+            <UiTooltipTrigger as-child>
+              <UiButton
+                @click.prevent="editor.chain().focus().toggleBulletList().run()"
+                :variant="editor.isActive('bulletList') ? 'default' : 'secondary'"
+                class="size-7 rounded-e-none"
+                size="icon"
+              >
+                <PhListBullets weight="bold" />
+              </UiButton>
+            </UiTooltipTrigger>
+            <UiTooltipContent>
+              <p>
+                {{ $t('editor.ulist') }}
+              </p>
+            </UiTooltipContent>
+          </UiTooltip>
+        </UiTooltipProvider>
 
-        <UiButton
-          @click.prevent="editor.chain().focus().toggleOrderedList().run()"
-          :variant="editor.isActive('orderedList') ? 'default' : 'secondary'"
-          class="size-7 rounded-none"
-          size="icon"
-        >
-          <PhListNumbers weight="bold" />
-        </UiButton>
+        <UiTooltipProvider :delay-duration="250">
+          <UiTooltip>
+            <UiTooltipTrigger as-child>
+              <UiButton
+                @click.prevent="editor.chain().focus().toggleOrderedList().run()"
+                :variant="editor.isActive('orderedList') ? 'default' : 'secondary'"
+                class="size-7 rounded-none"
+                size="icon"
+              >
+                <PhListNumbers weight="bold" />
+              </UiButton>
+            </UiTooltipTrigger>
+            <UiTooltipContent>
+              <p>
+                {{ $t('editor.olist') }}
+              </p>
+            </UiTooltipContent>
+          </UiTooltip>
+        </UiTooltipProvider>
 
-        <UiButton
-          @click.prevent="editor.chain().focus().toggleBlockquote().run()"
-          :variant="editor.isActive('blockquote') ? 'default' : 'secondary'"
-          class="size-7 rounded-s-none"
-          size="icon"
-        >
-          <PhQuotes weight="fill" />
-        </UiButton>
+        <UiTooltipProvider :delay-duration="250">
+          <UiTooltip>
+            <UiTooltipTrigger as-child>
+              <UiButton
+                @click.prevent="editor.chain().focus().toggleBlockquote().run()"
+                :variant="editor.isActive('blockquote') ? 'default' : 'secondary'"
+                class="size-7 rounded-s-none"
+                size="icon"
+              >
+                <PhQuotes weight="fill" />
+              </UiButton>
+            </UiTooltipTrigger>
+            <UiTooltipContent>
+              <p>
+                {{ $t('editor.quote') }}
+              </p>
+            </UiTooltipContent>
+          </UiTooltip>
+        </UiTooltipProvider>
       </div>
 
       <div class="flex">
-        <UiButton
-          @click.prevent="clearFormatting"
-          variant="secondary"
-          class="size-7 rounded-e-none"
-          size="icon"
-        >
-          <PhTextTSlash weight="bold" />
-        </UiButton>
+        <UiTooltipProvider :delay-duration="250">
+          <UiTooltip>
+            <UiTooltipTrigger as-child>
+              <UiButton
+                @click.prevent="clearFormatting"
+                variant="secondary"
+                class="size-7 rounded-e-none"
+                size="icon"
+              >
+                <PhTextTSlash weight="bold" />
+              </UiButton>
+            </UiTooltipTrigger>
+            <UiTooltipContent>
+              <p>
+                {{ $t('editor.noFormat') }}
+              </p>
+            </UiTooltipContent>
+          </UiTooltip>
+        </UiTooltipProvider>
 
-        <UiButton
-          @click.prevent="editor.chain().focus().undo().run()"
-          :disabled="!editor.can().chain().focus().undo().run()"
-          variant="secondary"
-          class="size-7 rounded-none"
-          size="icon"
-        >
-          <PhArrowUUpLeft weight="bold" />
-        </UiButton>
+        <UiTooltipProvider :delay-duration="250">
+          <UiTooltip>
+            <UiTooltipTrigger as-child>
+              <UiButton
+                @click.prevent="editor.chain().focus().undo().run()"
+                :disabled="!editor.can().chain().focus().undo().run()"
+                variant="secondary"
+                class="size-7 rounded-none"
+                size="icon"
+              >
+                <PhArrowUUpLeft weight="bold" />
+              </UiButton>
+            </UiTooltipTrigger>
+            <UiTooltipContent>
+              <p>
+                {{ $t('editor.undo') }}
+              </p>
+            </UiTooltipContent>
+          </UiTooltip>
+        </UiTooltipProvider>
 
-        <UiButton
-          @click.prevent="editor.chain().focus().redo().run()"
-          :disabled="!editor.can().chain().focus().redo().run()"
-          variant="secondary"
-          class="size-7 rounded-s-none"
-          size="icon"
-        >
-          <PhArrowUDownRight weight="bold" />
-        </UiButton>
+        <UiTooltipProvider :delay-duration="250">
+          <UiTooltip>
+            <UiTooltipTrigger as-child>
+              <UiButton
+                @click.prevent="editor.chain().focus().redo().run()"
+                :disabled="!editor.can().chain().focus().redo().run()"
+                variant="secondary"
+                class="size-7 rounded-s-none"
+                size="icon"
+              >
+                <PhArrowUDownRight weight="bold" />
+              </UiButton>
+            </UiTooltipTrigger>
+            <UiTooltipContent>
+              <p>
+                {{ $t('editor.redo') }}
+              </p>
+            </UiTooltipContent>
+          </UiTooltip>
+        </UiTooltipProvider>
       </div>
     </div>
 
diff --git a/i18n/i18n.config.ts b/i18n/i18n.config.ts
index 475266e..db7c35a 100644
--- a/i18n/i18n.config.ts
+++ b/i18n/i18n.config.ts
@@ -86,6 +86,17 @@ export default defineI18nConfig(() => ({
         createdAt: "Created {createdAt}",
         updatedAt: "Last updated {updatedAt}",
       },
+      editor: {
+        bold: "Bold",
+        italic: "Italic",
+        strike: "Strikethrough",
+        ulist: "Bullet list",
+        olist: "Numbered list",
+        quote: "Quote",
+        noFormat: "Remove formatting",
+        undo: "Undo",
+        redo: "Redo"
+      },
       entity: {
         category: {
           nameSingular: "Category",
@@ -421,6 +432,17 @@ export default defineI18nConfig(() => ({
         createdAt: "Créé le {createdAt}",
         updatedAt: "Dernière modification le {updatedAt}",
       },
+      editor: {
+        bold: "Gras",
+        italic: "Italique",
+        strike: "Barré",
+        ulist: "Liste à puces",
+        olist: "Liste numerotée",
+        quote: "Citation",
+        noFormat: "Effacer le formattage",
+        undo: "Annuler",
+        redo: "Rétablir"
+      },
       entity: {
         category: {
           nameSingular: "Catégorie",