feat: wip

src/AppHeijunka.vue

@@ -238,7 +238,7 @@ const createdAt = new Date('2026-01-01').toLocaleDateString(undefined, {
       <span v-if="heijunkaStore.meta.currentHour > 0">
         day: {{ heijunkaStore.currentDay }} | current hour:
         {{ heijunkaStore.meta.currentHour }} hours | cash flow:
-        {{ heijunkaStore.cashFlow }}
+        {{ heijunkaStore.cashFlow }}€
       </span>
     </div>
 
@@ -248,8 +248,6 @@ const createdAt = new Date('2026-01-01').toLocaleDateString(undefined, {
       Orders made: {{ heijunkaStore.orders.length }}
     </section>
 
-    <HeijunkaStat />
-
     <section class="shop">
       <div class="inventory">
         <h2>Inventory</h2>
@@ -300,9 +298,12 @@ const createdAt = new Date('2026-01-01').toLocaleDateString(undefined, {
 
             <OrderItem />
 
-            <span class="numeric">
-              {{ order.product }} {{ order.leadTime }}
-            </span>
+            <ShirtItem v-show="order.product === 'shirt'" />
+            <JeanItem v-show="order.product === 'jeans'" />
+            <ShoeItem v-show="order.product === 'shoes'" />
+            <HatItem v-show="order.product === 'hat'" />
+
+            <span class="numeric">{{ order.leadTime }}</span>
           </li>
         </ol>
       </div>
@@ -314,6 +315,8 @@ const createdAt = new Date('2026-01-01').toLocaleDateString(undefined, {
       Orders made: {{ heijunkaStore.orders.length }}
     </section>
 
+    <HeijunkaStat />
+
     <p>
       The longer the lead time is, the longer it takes to have return on
       investment. You already paid for the raw material, the workforce, the
@@ -404,6 +407,14 @@ li {
   }
 }
 
+.orders {
+  ol {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+  }
+}
+
 button {
   display: flex;
   align-items: center;