Reset new site form on modal open and close

app/composables/useSiteManagement.ts

@@ -83,6 +83,16 @@ export function useSiteManagement() {
     newSite.contactCity = ''
   }
 
+  const closeCreateModal = () => {
+    showAddSiteModal.value = false
+    resetNewSite()
+  }
+
+  const openCreateSiteModal = () => {
+    resetNewSite()
+    showAddSiteModal.value = true
+  }
+
   const handleCreateSite = async () => {
     const result = await createSite({
       name: newSite.name,
@@ -94,8 +104,7 @@ export function useSiteManagement() {
     })
 
     if (result.success) {
-      resetNewSite()
+      closeCreateModal()
-      showAddSiteModal.value = false
     }
   }
 
@@ -268,7 +277,7 @@ export function useSiteManagement() {
     () => route.query.add,
     async (shouldOpen) => {
       if (shouldOpen === 'true') {
-        showAddSiteModal.value = true
+        openCreateSiteModal()
         await navigateTo('/sites', { replace: true })
       }
     },
@@ -289,6 +298,8 @@ export function useSiteManagement() {
     previewVisible,
     siteDocuments,
     documentIcon,
+    openCreateSiteModal,
+    closeCreateModal,
     handleCreateSite,
     editSite,
     handleUpdateSite,

app/pages/sites.vue

@@ -9,7 +9,7 @@
     <div class="my-8">
       <div class="flex justify-between items-center mb-6">
         <h2 class="text-2xl font-bold">Sites</h2>
-        <button @click="showAddSiteModal = true" class="btn btn-primary">
+        <button @click="openCreateSiteModal" class="btn btn-primary">
           <IconLucidePlus class="w-5 h-5 mr-2" aria-hidden="true" />
           Ajouter un site
         </button>
@@ -24,7 +24,7 @@
           <IconLucideMapPin class="w-16 h-16 mx-auto text-gray-400 mb-4" aria-hidden="true" />
           <h3 class="text-lg font-medium text-gray-900 mb-2">Aucun site trouvé</h3>
           <p class="text-gray-500 mb-4">Commencez par ajouter votre premier site.</p>
-          <button @click="showAddSiteModal = true" class="btn btn-primary">
+          <button @click="openCreateSiteModal" class="btn btn-primary">
             Ajouter un site
           </button>
         </div>
@@ -44,7 +44,7 @@
     <SiteCreateModal
       :visible="showAddSiteModal"
       :site="newSite"
-      @close="showAddSiteModal = false"
+      @close="closeCreateModal"
       @submit="handleCreateSite"
     />
 
@@ -101,6 +101,8 @@ const {
   closePreview,
   formatSize,
   confirmDeleteSite,
-  canPreviewDocument
+  canPreviewDocument,
+  openCreateSiteModal,
+  closeCreateModal
 } = useSiteManagement()
 </script>