Add extra info in README about using multiple values in hx-vals

README.md

@@ -303,6 +303,13 @@ will render as:
 
 (Given `user.id` has the value `1234`)
 
+You can use multiple values like this:
+
+```html
+
+<div hx:vals="${ {id: user.id, groupId: group.id } }"></div>
+```
+
 ## Articles
 
 Links to articles and blog posts about this library:

htmx-spring-boot-thymeleaf/src/test/java/io/github/wimdeblauwe/htmx/spring/boot/thymeleaf/HtmxDialectTest.java

@@ -127,7 +127,8 @@ void testWithHxVals() throws Exception {
         assertThat(html)
                 .containsPattern("hx-vals-div-boolean.*hx-vals=\"\\{"someBooleanProperty":true}\"")
                 .containsPattern("hx-vals-div-string.*hx-vals=\"\\{"someStringProperty":"someString"}\"")
-                .containsPattern("hx-vals-div-number.*hx-vals=\"\\{"someNumberProperty":12345}\"");
+                .containsPattern("hx-vals-div-number.*hx-vals=\"\\{"someNumberProperty":12345}\"")
+                .containsPattern("hx-vals-div-multiple.*hx-vals=\"\\{"someBooleanProperty":true,"someNumberProperty":12345}\"");
     }
 
     @Test

htmx-spring-boot-thymeleaf/src/test/resources/templates/htmx-dialect.html

@@ -21,6 +21,8 @@
 <div id="hx-vals-div-boolean" hx:vals="${ {someBooleanProperty: trueVariable} }"></div>
 <div id="hx-vals-div-string" hx:vals="${ {someStringProperty: stringVariable} }"></div>
 <div id="hx-vals-div-number" hx:vals="${ {someNumberProperty: numberVariable} }"></div>
+<div id="hx-vals-div-multiple"
+     hx:vals="${ {someBooleanProperty: trueVariable, someNumberProperty: numberVariable} }"></div>
 <div id="hx-swap-div-with-empty-string" hx:swap="${falseVariable}?'afterend':''"></div>
 <div id="hx-swap-div-with-null" hx:swap="${falseVariable}?'afterend':null"></div>
 <div id="hx-swap-div-with-th-with" th:with="sum = ${1+1}" hx:swap="${sum.equals(2)}?'afterend':null"></div>