From d7dbf0f3f946e76136db16ae382c823e259cbc76 Mon Sep 17 00:00:00 2001
From: Lea Verou <lea@verou.me>
Date: Fri, 14 Mar 2025 14:09:30 -0400
Subject: [PATCH] Nicer loading

---
 docs/_layouts/palette.njk     | 2 +-
 docs/docs/palettes/custom.njk | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/_layouts/palette.njk b/docs/_layouts/palette.njk
index 6ae714d45..8ebcd7c42 100644
--- a/docs/_layouts/palette.njk
+++ b/docs/_layouts/palette.njk
@@ -45,7 +45,7 @@
         <wa-icon name="sidebar" variant="regular"></wa-icon>
         <wa-icon name="circle-plus" class="modifier" style="color: light-dark(var(--wa-color-green-70), var(--wa-color-green-60));"></wa-icon>
       </span>
-      Save{% raw %}{{ unsavedChanges ? '' : 'd' }}{% endraw %}
+      <span v-content="unsavedChanges ? 'Save' : 'Saved'">Save</span>
     </wa-button>
   </h1>
 
diff --git a/docs/docs/palettes/custom.njk b/docs/docs/palettes/custom.njk
index b94843c61..409f01e4f 100644
--- a/docs/docs/palettes/custom.njk
+++ b/docs/docs/palettes/custom.njk
@@ -20,7 +20,7 @@ status: experimental
   </template>
   <wa-button class="add-button" appearance="outlined" @click="addColor()">
     <wa-icon slot="prefix" name="plus" variant="regular"></wa-icon>
-    {% raw %}{{ step > 0 ? 'Add color' : 'New palette' }}{% endraw %}
+    <span v-content="step > 0 ? 'Add color' : 'New palette'">New palette</span>
   </wa-button>
 </div>