Fixed BC

Author: pascalbaljet

lib/Components/Form.vue

@@ -140,6 +140,12 @@ export default {
             default: 0
         },
 
+        acceptHeader: {
+            type: String,
+            required: false,
+            default: "application/json",
+        },
+
         headers: {
             type: Object,
             required: false,
@@ -457,7 +463,13 @@ export default {
                 ? this.values
                 : objectToFormData(this.values);
 
-            const headers = { ...this.headers };
+
+
+            const headers = {};
+
+            if(this.acceptHeader) {
+                headers.Accept = this.acceptHeader;
+            }
 
             if(this.stay || forceStay) {
                 headers["X-Splade-Prevent-Refresh"] = true;
@@ -497,7 +509,7 @@ export default {
                 return successCallback(Object.fromEntries(data));
             }
 
-            Splade.request(this.action, method, data, headers)
+            Splade.request(this.action, method, data, { headers, ...this.headers })
                 .then(successCallback)
                 .catch(async (error) => {
                     this.processing = false;

resources/views/functional/form.blade.php

@@ -9,6 +9,7 @@
     :preserve-scroll="@js($preserveScroll)"
     :background="@js($background)"
     :debounce="@js($debounce)"
+    :accept-header="@js($acceptHeader)"
 >
     <template #default="{!! $scope !!}">
         <form data-splade-id="{{ $spladeId }}" v-bind="form.$attrs" @submit.prevent="form.submit" {{ $attributes->only(['action', 'method'])->merge(['method' => 'POST']) }}>

src/Components/Form.php

@@ -53,6 +53,7 @@ public function __construct(
         public bool $preserveScroll = false,
         public bool $background = false,
         public int $debounce = 0,
+        public string $acceptHeader = 'text/html, application/xhtml+xml',
     ) {
         // We'll use this instance in the static 'selected()' method,
         // which is a workaround for a Vue bug. Later, when the