community: auto focus to text input

dashboard/src/components/CommunityAppDialog.vue

@@ -10,6 +10,7 @@ const emit = defineEmits([ 'success' ]);
 
 const dialog = useTemplateRef('dialog');
 const form = useTemplateRef('form');
+const urlInput = useTemplateRef('urlInput');
 
 const formError = ref({});
 const versionsUrl = ref('');
@@ -56,6 +57,7 @@ defineExpose({
     unstable.value = false;
     dialog.value.open();
     setTimeout(validateForm, 100); // update state of the confirm button
+    setTimeout(() => urlInput.value.focus(), 500);
   }
 });
 
@@ -81,7 +83,7 @@ defineExpose({
 
         <FormGroup>
           <label for="urlInput">CloudronVersions.json URL</label>
-          <TextInput id="urlInput" v-model="versionsUrl" required placeholder="https://example.com/CloudronVersions.json"/>
+          <TextInput id="urlInput" ref="urlInput" v-model="versionsUrl" required placeholder="https://example.com/CloudronVersions.json"/>
           <div class="error-label" v-if="formError.generic">{{ formError.generic }}</div>
         </FormGroup>
       </fieldset>