修复_Modal_组件输入框焦点获取问题并重构弹框实现

src/App.vue

@@ -16,8 +16,6 @@
     <transition name="settings-slide" v-show="isSettingsRoute" appear>
       <SettingsPage class="setting-page" />
     </transition>
-
-    <Modal ref="modalRef" showInput />
   </div>
 </template>
 
@@ -25,7 +23,7 @@
 import { ref, watch, computed, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
 import '@/common/base.css'
-import Modal from '@/components/Modal.vue'
+import { initModalService } from '@/utils/modalService'
 
 // 导入页面组件
 import NoteListPage from './pages/NoteListPage.vue'
@@ -73,6 +71,11 @@ watch(
     }
   }
 )
+
+// 初始化弹框服务
+onMounted(() => {
+  initModalService()
+})
 </script>
 
 <style lang="less" scoped>