From a37c8ad13e5e752cb0dc80df39ef6ef3aa53b7e5 Mon Sep 17 00:00:00 2001
From: starknt <1431880400@qq.com>
Date: Fri, 26 Jan 2024 15:05:27 +0800
Subject: [PATCH] fix: `mainAppRef` inject logic

---
 src/components/Dock/Dock.vue                         | 4 +---
 src/components/RightSideButtons/RightSideButtons.vue | 4 +---
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/components/Dock/Dock.vue b/src/components/Dock/Dock.vue
index fa67426a..0c8901f5 100644
--- a/src/components/Dock/Dock.vue
+++ b/src/components/Dock/Dock.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
 import { Icon } from '@iconify/vue'
-import type { Ref } from 'vue'
 import type { CurrentDockItem, HoveringDockItem } from './types'
 import type { AppPage } from '~/enums/appEnums'
 import { settings } from '~/logic'
@@ -11,8 +10,7 @@ import { useMainStore } from '~/stores/mainStore'
 defineProps<{ activatedPage: AppPage }>()
 
 const emit = defineEmits(['change-page', 'settings-visibility-change'])
-
-const mainAppRef = inject('mainAppRef') as Ref<HTMLDivElement>
+const { mainAppRef } = useBewlyApp()
 
 const mainStore = useMainStore()
 const { t } = useI18n()
diff --git a/src/components/RightSideButtons/RightSideButtons.vue b/src/components/RightSideButtons/RightSideButtons.vue
index 3cd6614a..0ff268f4 100644
--- a/src/components/RightSideButtons/RightSideButtons.vue
+++ b/src/components/RightSideButtons/RightSideButtons.vue
@@ -1,11 +1,9 @@
 <script setup lang="ts">
-import type { Ref } from 'vue'
 import type { HoveringDockItem } from './types'
 import { settings } from '~/logic'
 
 const emit = defineEmits(['settings-visibility-change'])
-
-const mainAppRef = inject('mainAppRef') as Ref<HTMLDivElement>
+const { mainAppRef } = useBewlyApp()
 
 const hoveringDockItem = reactive<HoveringDockItem>({
   themeMode: false,