Refactor duplicated site forms and requirements

app/pages/documents.vue

@@ -89,7 +89,7 @@
                     <span v-else class="text-gray-400">Non défini</span>
                   </div>
                 </td>
-                <td>{{ formatDate(document.createdAt) }}</td>
+                <td>{{ formatFrenchDate(document.createdAt) }}</td>
                 <td class="text-right">
                   <div class="flex justify-end gap-2">
                     <button
@@ -120,6 +120,7 @@ import { ref, computed, onMounted } from 'vue'
 import { useDocuments } from '~/composables/useDocuments'
 import { getFileIcon } from '~/utils/fileIcons'
 import { canPreviewDocument } from '~/utils/documentPreview'
+import { formatFrenchDate } from '~/utils/date'
 import DocumentPreviewModal from '~/components/DocumentPreviewModal.vue'
 import IconLucideFileSearch from '~icons/lucide/file-search'
 
@@ -178,15 +179,6 @@ const formatSize = (size) => {
 
 const documentIcon = (doc) => getFileIcon({ name: doc.filename || doc.name, mime: doc.mimeType })
 
-const formatDate = (date) => {
-  if (!date) return '—'
-  return new Intl.DateTimeFormat('fr-FR', {
-    year: 'numeric',
-    month: '2-digit',
-    day: '2-digit',
-  }).format(new Date(date))
-}
-
 const downloadDocument = (doc) => {
   if (!doc?.path) return
 

app/pages/models/components.vue

@@ -83,7 +83,7 @@
                   <td class="hidden md:table-cell">{{ model.description || '—' }}</td>
                   <td>{{ model.typeComposant?.name || 'Non défini' }}</td>
                   <td class="hidden xl:table-cell text-xs text-gray-500">{{ formatStructurePreview(model.structure) }}</td>
-                  <td class="hidden lg:table-cell text-xs text-gray-500">{{ formatDate(model.updatedAt || model.createdAt) }}</td>
+                  <td class="hidden lg:table-cell text-xs text-gray-500">{{ formatFrenchDate(model.updatedAt || model.createdAt) }}</td>
                   <td class="text-right space-x-2">
                     <button type="button" class="btn btn-sm btn-outline" @click="startEdit(model)">
                       Éditer
@@ -178,6 +178,7 @@ import { useComponentTypes } from '~/composables/useComponentTypes'
 import { useToast } from '~/composables/useToast'
 import ComponentModelStructureEditor from '~/components/ComponentModelStructureEditor.vue'
 import { formatStructurePreview } from '~/shared/modelUtils'
+import { formatFrenchDate } from '~/utils/date'
 import IconLucidePlus from '~icons/lucide/plus'
 import IconLucideLayers from '~icons/lucide/layers'
 
@@ -260,15 +261,6 @@ const filteredModels = computed(() => {
   })
 })
 
-const formatDate = (value) => {
-  if (!value) return '—'
-  return new Date(value).toLocaleDateString('fr-FR', {
-    day: '2-digit',
-    month: '2-digit',
-    year: 'numeric',
-  })
-}
-
 const refreshModels = async () => {
   if (selectedType.value === 'all') {
     await loadComponentModels()

app/pages/models/pieces.vue

@@ -77,7 +77,7 @@
                   </td>
                   <td class="hidden md:table-cell">{{ model.description || '—' }}</td>
                   <td>{{ model.typePiece?.name || 'Non défini' }}</td>
-                  <td class="hidden lg:table-cell text-xs text-gray-500">{{ formatDate(model.updatedAt || model.createdAt) }}</td>
+                  <td class="hidden lg:table-cell text-xs text-gray-500">{{ formatFrenchDate(model.updatedAt || model.createdAt) }}</td>
                   <td class="text-right space-x-2">
                     <button type="button" class="btn btn-sm btn-outline" @click="startEdit(model)">
                       Éditer
@@ -169,6 +169,7 @@ import { usePieceModels } from '~/composables/usePieceModels'
 import { usePieceTypes } from '~/composables/usePieceTypes'
 import { useToast } from '~/composables/useToast'
 import { formatStructurePreview } from '~/shared/modelUtils'
+import { formatFrenchDate } from '~/utils/date'
 import IconLucidePlus from '~icons/lucide/plus'
 import IconLucidePackage from '~icons/lucide/package'
 
@@ -261,15 +262,6 @@ const filteredModels = computed(() => {
   })
 })
 
-const formatDate = (value) => {
-  if (!value) return '—'
-  return new Date(value).toLocaleDateString('fr-FR', {
-    day: '2-digit',
-    month: '2-digit',
-    year: 'numeric',
-  })
-}
-
 const refreshModels = async () => {
   if (selectedType.value === 'all') {
     await loadPieceModels()