From c3e377ca3c80aa22a9fbf1fd6996c3570ade92be Mon Sep 17 00:00:00 2001
From: Tim <135014430+nagisa77@users.noreply.github.com>
Date: Sun, 3 Aug 2025 17:33:48 +0800
Subject: [PATCH] chore: add helper to clear vditor cache

---
 frontend/src/components/CommentEditor.vue | 7 ++++++-
 frontend/src/components/PostEditor.vue    | 7 ++++++-
 frontend/src/main.js                      | 2 ++
 frontend/src/utils/clearVditorStorage.js  | 7 +++++++
 4 files changed, 21 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/utils/clearVditorStorage.js

diff --git a/frontend/src/components/CommentEditor.vue b/frontend/src/components/CommentEditor.vue
index 46ab085f7..db42bf4ee 100644
--- a/frontend/src/components/CommentEditor.vue
+++ b/frontend/src/components/CommentEditor.vue
@@ -18,7 +18,7 @@
 </template>
 
 <script>
-import { ref, onMounted, computed, watch } from 'vue'
+import { ref, onMounted, computed, watch, onUnmounted } from 'vue'
 import { themeState } from '../utils/theme'
 import {
   createVditor,
@@ -26,6 +26,7 @@ import {
   getPreviewTheme as getPreviewThemeUtil
 } from '../utils/vditor'
 import LoginOverlay from './LoginOverlay.vue'
+import { clearVditorStorage } from '../utils/clearVditorStorage'
 
 export default {
   name: 'CommentEditor',
@@ -90,6 +91,10 @@ export default {
       // applyTheme()
     })
 
+    onUnmounted(() => {
+      clearVditorStorage()
+    })
+
     watch(
       () => props.loading,
       val => {
diff --git a/frontend/src/components/PostEditor.vue b/frontend/src/components/PostEditor.vue
index fbb433853..645f5ff4e 100644
--- a/frontend/src/components/PostEditor.vue
+++ b/frontend/src/components/PostEditor.vue
@@ -8,13 +8,14 @@
 </template>
 
 <script>
-import { ref, onMounted, watch } from 'vue'
+import { ref, onMounted, watch, onUnmounted } from 'vue'
 import { themeState } from '../utils/theme'
 import {
   createVditor,
   getEditorTheme as getEditorThemeUtil,
   getPreviewTheme as getPreviewThemeUtil
 } from '../utils/vditor'
+import { clearVditorStorage } from '../utils/clearVditorStorage'
 import { hatch } from 'ldrs'
 hatch.register()
 
@@ -106,6 +107,10 @@ export default {
       // applyTheme()
     })
 
+    onUnmounted(() => {
+      clearVditorStorage()
+    })
+
     return {}
   }
 }
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 3642b4dac..8bb82f72a 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -11,6 +11,7 @@ import { useToast } from 'vue-toastification'
 import { checkToken, clearToken, isLogin } from './utils/auth'
 import { initTheme } from './utils/theme'
 import { loginWithGoogle } from './utils/google'
+import { clearVditorStorage } from './utils/clearVditorStorage'
 
 // Configurable API domain and port
 // export const API_DOMAIN = 'http://127.0.0.1'
@@ -28,6 +29,7 @@ export const TWITTER_CLIENT_ID = 'ZTRTU05KSk9KTTJrTTdrVC1tc1E6MTpjaQ'
 export const toast = useToast()
 
 initTheme()
+clearVditorStorage()
 
 const app = createApp(App)
 app.use(router)
diff --git a/frontend/src/utils/clearVditorStorage.js b/frontend/src/utils/clearVditorStorage.js
new file mode 100644
index 000000000..41c42f9e3
--- /dev/null
+++ b/frontend/src/utils/clearVditorStorage.js
@@ -0,0 +1,7 @@
+export function clearVditorStorage() {
+  Object.keys(localStorage).forEach(key => {
+    if (key.startsWith('vditoreditor-') || key === 'vditor') {
+      localStorage.removeItem(key)
+    }
+  })
+}