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()
-      showAddSiteModal.value = false
+      closeCreateModal()
     }
   }
 
@@ -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,