From 29b2d5567ec1f65cc503f3c75090225fe2c29e49 Mon Sep 17 00:00:00 2001
From: Admin <dmparrow@gmail.com>
Date: Thu, 8 Oct 2026 03:17:56 +0000
Subject: [PATCH] Mirror corrected spell slot template from canonical PWA

---
 src/SpellSlotsFolio.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/SpellSlotsFolio.vue b/src/SpellSlotsFolio.vue
index 8a93d94..02571ce 100644
--- a/src/SpellSlotsFolio.vue
+++ b/src/SpellSlotsFolio.vue
@@ -50,17 +50,17 @@ function change(kind:SpellSlotKind,level:number,amount:number){error.value='';tr
   <div class="spell-slot-list">
    <div v-for="pool in regular" :key="pool.level" class="spell-slot-row">
     <div class="slot-level"><span class="slot-sigil">✦</span><div><small>SPELL LEVEL</small><strong>{{pool.level}}</strong></div></div>
-    <div class="spell-slot-track" :aria-label="\`Level \${pool.level}: \${pool.remaining} of \${pool.max} slots remaining\`" role="img">
+    <div class="spell-slot-track" :aria-label="`Level ${pool.level}: ${pool.remaining} of ${pool.max} slots remaining`" role="img">
      <span v-for="index in pool.max" :key="index" class="spell-slot-pip" :class="{spent:index>pool.remaining}" aria-hidden="true">✦</span>
     </div>
     <div class="spell-slot-controls"><span class="slot-fraction">{{pool.remaining}} / {{pool.max}}</span>
-     <button class="quiet" @click="change('standard',pool.level,-1)" :disabled="pool.remaining===0" :aria-label="\`Expend level \${pool.level} spell slot\`">−</button>
-     <button class="quiet" @click="change('standard',pool.level,1)" :disabled="pool.remaining===pool.max" :aria-label="\`Restore level \${pool.level} spell slot\`">＋</button>
+     <button class="quiet" @click="change('standard',pool.level,-1)" :disabled="pool.remaining===0" :aria-label="`Expend level ${pool.level} spell slot`">−</button>
+     <button class="quiet" @click="change('standard',pool.level,1)" :disabled="pool.remaining===pool.max" :aria-label="`Restore level ${pool.level} spell slot`">＋</button>
     </div>
    </div>
    <div v-if="pact" class="spell-slot-row pact-slot-row">
     <div class="slot-level"><span class="slot-sigil">☾</span><div><small>PACT MAGIC</small><strong>Lvl {{pact.level}}</strong></div></div>
-    <div class="spell-slot-track" :aria-label="\`Pact Magic level \${pact.level}: \${pact.remaining} of \${pact.max} slots remaining\`" role="img">
+    <div class="spell-slot-track" :aria-label="`Pact Magic level ${pact.level}: ${pact.remaining} of ${pact.max} slots remaining`" role="img">
      <span v-for="index in pact.max" :key="index" class="spell-slot-pip pact-pip" :class="{spent:index>pact.remaining}" aria-hidden="true">✦</span>
     </div>
     <div class="spell-slot-controls"><span class="slot-fraction">{{pact.remaining}} / {{pact.max}}</span>