lumina-slides 9.0.5 → 9.0.7

package/src/components/studio/StudioJsonEditor.vue

@@ -83,6 +83,7 @@
 <script setup lang="ts">
 import { ref, watch, computed } from 'vue';
 import { useEditor } from '../../composables/useEditor';
+import { prepareDeckForExport } from '../../utils/prepareDeckForExport';
 
 const props = defineProps<{
     isOpen: boolean;
@@ -97,15 +98,21 @@ const error = ref<string | null>(null);
 const isDirty = ref(false);
 const textareaRef = ref<HTMLTextAreaElement | null>(null);
 
-// Get initial content
+// Get initial content (same format as export: ids added, dragKey removed)
 const refreshContent = () => {
     try {
+        const deck = editor.store.state.deck;
+        if (!deck) {
+            jsonContent.value = mode.value === 'deck' ? '{}' : '';
+            return;
+        }
+        const prepared = prepareDeckForExport(deck);
         if (mode.value === 'slide') {
             const index = editor.store.state.currentIndex;
-            const slide = editor.store.state.deck?.slides[index];
+            const slide = prepared.slides?.[index];
             jsonContent.value = slide ? JSON.stringify(slide, null, 4) : '';
         } else {
-            jsonContent.value = JSON.stringify(editor.store.state.deck, null, 4);
+            jsonContent.value = JSON.stringify(prepared, null, 4);
         }
         error.value = null;
         isDirty.value = false;