Fix form validation when credentials change

dashboard/src/components/AppImportDialog.vue

@@ -1,6 +1,6 @@
 <script setup>
 
-import { ref, useTemplateRef } from 'vue';
+import { ref, useTemplateRef, watchEffect } from 'vue';
 import { Dialog, FormGroup, TextInput, PasswordInput, Checkbox } from '@cloudron/pankow';
 import { s3like, mountlike, parseFullBackupPath } from  '../utils.js';
 import BackupProviderForm from './BackupProviderForm.vue';
@@ -25,7 +25,7 @@ const encryptionPassword = ref('');
 const encryptedFilenames = ref(false);
 
 const isFormValid = ref(false);
-async function validateForm() {
+function validateForm() {
   isFormValid.value = form.value && form.value.checkValidity();
 }
 
@@ -261,6 +261,10 @@ function onUploadBackupConfig() {
   backupConfigInput.value.click();
 }
 
+watchEffect(() => {
+  if (providerConfig.value.credentials) setTimeout(validateForm, 100);
+});
+
 defineExpose({
   async open(id) {
     appId.value = id;