From 6b3edb8a566fabe7f6d8c32c590b88bfedc0c09b Mon Sep 17 00:00:00 2001
From: Lea Verou <lea@verou.me>
Date: Wed, 2 Apr 2025 13:44:44 -0400
Subject: [PATCH] Tiny fix in saving mixin

---
 docs/assets/scripts/vue/mixins/saved.js | 9 +++++----
 docs/docs/palettes/tweak.js             | 8 ++++----
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/docs/assets/scripts/vue/mixins/saved.js b/docs/assets/scripts/vue/mixins/saved.js
index d37b312c7..2b3119360 100644
--- a/docs/assets/scripts/vue/mixins/saved.js
+++ b/docs/assets/scripts/vue/mixins/saved.js
@@ -17,8 +17,8 @@ export default {
       this.saved = this.controller.saved.find(p => p.uid === this.uid);
     }
 
-    this.controller.addEventListener('delete', ({ detail: palette }) => {
-      if (palette.uid === this.saved?.uid) {
+    this.controller.addEventListener('delete', ({ detail: entity }) => {
+      if (entity.uid === this.saved?.uid) {
         this.postDelete();
       }
     });
@@ -61,7 +61,8 @@ export default {
     async save({ title } = {}) {
       let uid = this.uid;
 
-      this.saved ??= { id: this.paletteId, uid: this.uid };
+      this.saved ??= { uid: this.uid };
+      this.saved.id = this.id;
 
       if (title) {
         // Renaming
@@ -75,7 +76,7 @@ export default {
       this.saved = this.controller.save(this.saved);
 
       if (uid !== this.saved.uid) {
-        // UID changed (most likely from saving a new palette)
+        // UID changed (most likely from saving a new entity)
         this.uid = this.saved.uid;
         this.permalink.set('uid', this.uid);
         this.permalink.updateLocation();
diff --git a/docs/docs/palettes/tweak.js b/docs/docs/palettes/tweak.js
index 8bf1928f6..d9706d94c 100644
--- a/docs/docs/palettes/tweak.js
+++ b/docs/docs/palettes/tweak.js
@@ -44,11 +44,11 @@ let paletteAppSpec = {
 
   data() {
     let appRoot = document.querySelector('#palette-app');
-    let paletteId = appRoot.dataset.paletteId;
-    let palette = allPalettes[paletteId];
+    let id = appRoot.dataset.paletteId;
+    let palette = allPalettes[id];
 
     return {
-      paletteId,
+      id,
       originalTitle: palette.title,
       originalColors: palette.colors,
       hueRanges,
@@ -121,7 +121,7 @@ let paletteAppSpec = {
     code() {
       let ret = {};
       for (let language of ['html', 'css']) {
-        let code = getPaletteCode(this.paletteId, this.colors, this.tweaked, { language, cdnUrl });
+        let code = getPaletteCode(this.id, this.colors, this.tweaked, { language, cdnUrl });
         ret[language] = {
           raw: code,
           highlighted: Prism.highlight(code, Prism.languages[language], language),