From c48bb0e14d205e633838b6e11debd15f360a3075 Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Fri, 28 Oct 2022 10:45:41 +0300
Subject: [PATCH] added prevent default for install form

---
 resources/assets/js/views/install/Database.vue | 5 +++--
 resources/assets/js/views/install/Language.vue | 5 +++--
 resources/assets/js/views/install/Settings.vue | 5 +++--
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/resources/assets/js/views/install/Database.vue b/resources/assets/js/views/install/Database.vue
index 460f40657..9bee5953e 100644
--- a/resources/assets/js/views/install/Database.vue
+++ b/resources/assets/js/views/install/Database.vue
@@ -70,7 +70,7 @@
                 </div>
 
                 <div class="sm:col-span-6 flex items-center justify-end mt-3.5">
-                    <button type="submit" @click="onSubmit" :disabled="form.loading" id="next-button" class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100">
+                    <button type="submit" @click="onSubmit($event)" :disabled="form.loading" id="next-button" class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100">
                         <i v-if="form.loading" class="animate-submit delay-[0.28s] absolute w-2 h-2 rounded-full left-0 right-0 -top-3.5 m-auto before:absolute before:w-2 before:h-2 before:rounded-full before:animate-submit before:delay-[0.14s] after:absolute after:w-2 after:h-2 after:rounded-full after:animate-submit before:-left-3.5 after:-right-3.5 after:delay-[0.42s]"></i>
                         <span :class="[{'opacity-0': form.loading}]">
                             Next
@@ -106,7 +106,8 @@
 
         methods: {
             // Form Submit
-            onSubmit() {
+            onSubmit(event) {
+                event.preventDefault();
                 this.form.submit();
             },
 
diff --git a/resources/assets/js/views/install/Language.vue b/resources/assets/js/views/install/Language.vue
index 023e0cc3b..8d7a38246 100644
--- a/resources/assets/js/views/install/Language.vue
+++ b/resources/assets/js/views/install/Language.vue
@@ -11,7 +11,7 @@
                 </select>
 
                 <div class="sm:col-span-6 flex items-center justify-end mt-3.5">
-                    <button type="submit" @click="onSubmit" :disabled="form.loading" id="next-button" class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100">
+                    <button type="submit" @click="onSubmit($event)" :disabled="form.loading" id="next-button" class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100">
                         <i v-if="form.loading" class="animate-submit delay-[0.28s] absolute w-2 h-2 rounded-full left-0 right-0 -top-3.5 m-auto before:absolute before:w-2 before:h-2 before:rounded-full before:animate-submit before:delay-[0.14s] after:absolute after:w-2 after:h-2 after:rounded-full after:animate-submit before:-left-3.5 after:-right-3.5 after:delay-[0.42s]"></i>
                         <span :class="[{'opacity-0': form.loading}]">
                             Next
@@ -58,7 +58,8 @@
         },
         methods: {
             // Form Submit
-            onSubmit() {
+            onSubmit(event) {
+                event.preventDefault();
                 this.form.submit();
             },
 
diff --git a/resources/assets/js/views/install/Settings.vue b/resources/assets/js/views/install/Settings.vue
index e7c298f9c..83f9ca8f2 100644
--- a/resources/assets/js/views/install/Settings.vue
+++ b/resources/assets/js/views/install/Settings.vue
@@ -41,7 +41,7 @@
                 </div>
 
                 <div class="sm:col-span-6 flex items-center justify-end mt-3.5">
-                    <button type="submit" @click="onSubmit" :disabled="form.loading" id="next-button" class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100">
+                    <button type="submit" @click="onSubmit($event)" :disabled="form.loading" id="next-button" class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100">
                         <i v-if="form.loading" class="animate-submit delay-[0.28s] absolute w-2 h-2 rounded-full left-0 right-0 -top-3.5 m-auto before:absolute before:w-2 before:h-2 before:rounded-full before:animate-submit before:delay-[0.14s] after:absolute after:w-2 after:h-2 after:rounded-full after:animate-submit before:-left-3.5 after:-right-3.5 after:delay-[0.42s]"></i>
                         <span :class="[{'opacity-0': form.loading}]">
                             Next
@@ -77,7 +77,8 @@
         },
         methods: {
             // Form Submit
-            onSubmit() {
+            onSubmit(event) {
+                event.preventDefault();
                 this.form.submit();
             },