minor fixex

Author: mms-gianni

client/src/components/apps/form.vue

@@ -1824,7 +1824,7 @@ export default defineComponent({
       domainRules: [
         (v: any) => !!v || 'Domain is required',
         (v: any) => v.length <= 253 || 'Name must be less than 253 characters',
-        (v: any) => /^(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\.)+[a-z0-9][a-z0-9-]{0,61}[a-z0-9]$/.test(v) || 'Not a domain',
+        (v: any) => /^(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\.)+[a-z0-9][a-z0-9-]{0,61}[a-z0-9]$/.test(v) || v === 'localhost' || 'Not a domain',
         (v: any) => this.checkDomainAvailability(v) || 'Domain already taken',
       ],
       cronjobScheduleRules: [

client/src/components/templates/index.vue

@@ -248,6 +248,7 @@ type TemplatesList = {
 //Axios instance without Auth headers to load templates
 const templates = axios.create();
 templates.defaults.headers.common = {};
+const router = useRouter();
 
 export default defineComponent({
     sockets: {
@@ -298,10 +299,20 @@ export default defineComponent({
             this.dialog = false;
         },
         openInstall(templateurl: string, pipeline: string, phase: string) {
-            const router = useRouter();
             // redirect to install page
             const templateurlB64 = btoa(templateurl);
-            router.push({ name: 'App Form', params: { pipeline: pipeline, phase: phase, app: 'new'}, query: { template: templateurlB64 }})
+            // Use this.$router instead of useRouter()
+            this.$router.push({
+                name: 'App Form',
+                params: {
+                    pipeline: pipeline,
+                    phase: phase,
+                    app: 'new'
+                },
+                query: {
+                    template: templateurlB64
+                }
+            })
         },
         openInstallDialog(template: Template) {
             this.clickedTemplate = template;