Test fix + nameless input element fix

Author: pascalbaljet

app/package-lock.json

@@ -5,7 +5,7 @@
         "build": "vite build && vite build --ssr"
     },
     "devDependencies": {
-        "@protonemedia/laravel-splade": "file:../protonemedia-laravel-splade-0.4.4.tgz",
+        "@protonemedia/laravel-splade": "file:../protonemedia-laravel-splade-0.4.5.tgz",
         "@tailwindcss/forms": "^0.5.2",
         "@tailwindcss/typography": "^0.5.2",
         "@vitejs/plugin-vue": "^3.0.0",

app/package.json

@@ -23,7 +23,7 @@ public function it_shows_validation_errors_for_each_element()
                 ->assertSee('The biography field is required.')
                 ->assertSee('The options field is required.')
                 ->assertSee('The language field is required.')
-                ->assertSee('The terms field is required.');
+                ->assertSee('The terms must be accepted.');
         });
     }
 

app/tests/Browser/Form/SimpleTest.php

@@ -3291,9 +3291,9 @@ const Lf = {
   mounted() {
     let e = document.querySelector(`form[data-splade-id="${this.spladeId}"]`);
     e || (e = document), this.missingAttributes.forEach((t) => {
-      let r = {};
+      let r = "";
       const n = e.querySelector(`[name="${t}"]`);
-      n ? r = n.type === "checkbox" ? !1 : "" : e.querySelector(`[name="${t}[]"]`) && (r = []), this.$put(t, r);
+      n ? r = n.type === "checkbox" ? !1 : "" : e.querySelector(`[name="${t}[]"]`) ? r = [] : (e.querySelector(`[name^="${t}."]`) || e.querySelector(`[name^="${t}["]`)) && (r = {}), this.$put(t, r);
     }), this.missingAttributes = [];
   },
   methods: {

dist/protone-media-laravel-splade.js

@@ -123,14 +123,16 @@ export default {
         }
 
         this.missingAttributes.forEach((attribute) => {
-            let defaultValue = {};
+            let defaultValue = "";
 
             const inputElement = formElement.querySelector(`[name="${attribute}"]`);
 
             if(inputElement) {
                 defaultValue = inputElement.type === "checkbox" ? false : "";
             } else if(formElement.querySelector(`[name="${attribute}[]"]`)) {
                 defaultValue = [];
+            } else if(formElement.querySelector(`[name^="${attribute}."]`) || formElement.querySelector(`[name^="${attribute}["]`)) {
+                defaultValue = {};
             }
 
             this.$put(attribute, defaultValue);

dist/protone-media-laravel-splade.umd.cjs

@@ -1,6 +1,6 @@
 {
   "name": "@protonemedia/laravel-splade",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "description": "Laravel Splade: the magic of Inertia.js with the simplicity of Blade.",
   "private": false,
   "author": "Pascal Baljet <[email protected]>",

lib/Components/Form.vue

@@ -21,7 +21,7 @@ public function handle(): int
         // Install NPM packages...
         $this->updateNodePackages(function ($packages) {
             return [
-                '@protonemedia/laravel-splade' => '^0.4.4',
+                '@protonemedia/laravel-splade' => '^0.4.5',
                 '@tailwindcss/forms'           => '^0.5.2',
                 '@tailwindcss/typography'      => '^0.5.2',
                 '@vitejs/plugin-vue'           => '^3.0.0',