Fix form validation when credentials change

dashboard/src/views/SetupView.vue

@@ -1,6 +1,6 @@
 <script setup>
 
-import { ref, onMounted, useTemplateRef } from 'vue';
+import { ref, onMounted, useTemplateRef, watchEffect } from 'vue';
 import { Button, SingleSelect, FormGroup, TextInput, Notification } from '@cloudron/pankow';
 import { copyToClipboard } from '@cloudron/pankow/utils';
 import { redirectIfNeeded } from '../utils.js';
@@ -44,7 +44,6 @@ const ipv6Interface = ref('');
 const form = useTemplateRef('form');
 const isFormValid = ref(false);
 function checkValidity() {
-  if (!provider.value) return false;
   isFormValid.value = form.value.checkValidity();
 }
 
@@ -129,6 +128,10 @@ function onCopyToClipboard(value) {
   window.pankow.notify('Copied');
 }
 
+watchEffect(() => {
+  if (dnsConfig.value.credentials) setTimeout(checkValidity, 100);
+});
+
 onMounted(async () => {
   const search = decodeURIComponent(window.location.search).slice(1).split('&').map(function (item) { return item.split('='); }).reduce(function (o, k) { o[k[0]] = k[1]; return o; }, {});