htmx liveswap for increase/decrease

Cargo.toml

@@ -14,3 +14,6 @@ tower-http = { version = "0.6.6", features = ["trace"] }
 tower-request-id = "0.3.0"
 tracing = "0.1.41"
 tracing-subscriber = { version = "0.3.20", features = ["env-filter"] }
+
+[profile.dev.package.askama_derive]
+opt-level = 3

templates/food.html

@@ -1,4 +1,4 @@
-<div class="card">
+<div class="card" id="card-{{ food.id }}">
   <p class="food-name">
     {{ food.name }}
   </p>
@@ -12,8 +12,8 @@
       </p>
     </div>
     <div class="buttons">
-      <button class="increase">+</button>
+      <button class="increase" hx-post="/increase/{{ food.id }}" hx-target="#card-{{ food.id }}">+</button>
-      <button class="decrease">-</button>
+      <button class="decrease" hx-post="/decrease/{{ food.id }}" hx-target="#card-{{ food.id }}">-</button>
     </div>
     <div class="checkboxes">
       {% for counter in self::range(10) %}

templates/header.html

@@ -1,4 +1,4 @@
-<header>
+<header id="header" hx-swap-oob="true">
   <span>
     Datum: {{ date }}
   </span>