Fix form validation when credentials change

dashboard/src/views/RestoreView.vue

@@ -1,6 +1,6 @@
 <script setup>
 
-import { ref, onMounted, useTemplateRef } from 'vue';
+import { ref, onMounted, useTemplateRef, watchEffect } from 'vue';
 import { Notification, Button, SingleSelect, FormGroup, PasswordInput, TextInput, Checkbox } from '@cloudron/pankow';
 import { copyToClipboard } from '@cloudron/pankow/utils';
 import { REGIONS_CONTABO, REGIONS_VULTR, REGIONS_IONOS, REGIONS_OVH, REGIONS_LINODE, REGIONS_SCALEWAY, REGIONS_WASABI } from '../constants.js';
@@ -46,7 +46,6 @@ const siteId = ref('');
 const form = useTemplateRef('form');
 const isFormValid = ref(false);
 function checkValidity() {
-  if (!provider.value) return false;
   isFormValid.value = form.value.checkValidity();
 }
 
@@ -321,6 +320,10 @@ function onCopyToClipboard(value) {
   window.pankow.notify('Copied');
 }
 
+watchEffect(() => {
+  if (providerConfig.value.credentials) setTimeout(checkValidity, 100);
+});
+
 onMounted(async () => {
   const [error, status] = await provisionModel.status();
   if (error) return console.error(error);