更新首页刷新页面indexedDB未删除bug

src/App.vue

@@ -13,25 +13,11 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, computed } from 'vue'
-import { deleteDiscardedDB } from '@/utils/database'
-import { useMainStore, useSnapshotStore } from '@/store'
-import { storeToRefs } from 'pinia'
-import { LocalStorageDiscardedKey } from '@/configs/canvas'
 import useI18n from '@/hooks/useI18n'
 
 const { messages }= useI18n()
 const locale = computed(() => messages.value)
 
-const snapshotStore = useSnapshotStore()
-const mainStore = useMainStore()
-
-onMounted(async () => {
-  await deleteDiscardedDB()
-  await snapshotStore.initSnapshotDatabase()
-  // mainStore.getFonts()
-})
-
 // 在主入口监听PWA注册事件
 window.addEventListener('beforeinstallprompt', (e) => {
   e.preventDefault();

src/views/Editor/index.vue

@@ -10,18 +10,28 @@
 import Computer from '@/views/Editor/computer.vue'
 import Mobile from '@/views/Editor/mobile.vue'
 import useI18n from '@/hooks/useI18n'
-import { useMainStore } from '@/store'
+import { useMainStore, useSnapshotStore } from '@/store'
 import { storeToRefs } from 'pinia'
 import { isMobile } from '@/utils/common'
 import { LocalStorageDiscardedKey } from '@/configs/canvas'
-const { databaseId } = storeToRefs(useMainStore())
+import { deleteDiscardedDB } from '@/utils/database'
 
 const { messages }= useI18n()
+const { databaseId } = storeToRefs(useMainStore())
 const locale = computed(() => messages.value)
 if (import.meta.env.MODE === 'production') {
   window.onbeforeunload = () => false
 }
 
+const snapshotStore = useSnapshotStore()
+// const mainStore = useMainStore()
+
+onMounted(async () => {
+  await deleteDiscardedDB()
+  await snapshotStore.initSnapshotDatabase()
+  // mainStore.getFonts()
+})
+
 // 应用注销时向 localStorage 中记录下本次 indexedDB 的数据库ID，用于之后清除数据库
 window.addEventListener('unload', () => {
   const discardedDB = localStorage.getItem(LocalStorageDiscardedKey)