Reset new site form on modal open and close

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>