From c40fe57be09d89ba1d28ca518f03b49a33ae0503 Mon Sep 17 00:00:00 2001
From: starknt <1431880400@qq.com>
Date: Thu, 11 Jan 2024 16:38:11 +0800
Subject: [PATCH] refactor: improve components load method, and improve provide
 `app`

---
 src/contentScripts/views/App.vue             | 13 ++++++++-----
 src/contentScripts/views/History/History.vue |  1 +
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/contentScripts/views/App.vue b/src/contentScripts/views/App.vue
index a3f9fa64..d096dde4 100644
--- a/src/contentScripts/views/App.vue
+++ b/src/contentScripts/views/App.vue
@@ -259,11 +259,14 @@ function openVideoPageIfBvidExists() {
     window.open(`https://www.bilibili.com/video/${bvid}`, '_self')
 }
 
-provide('handleBackToTop', handleBackToTop)
-provide('handleRefresh', handleRefresh)
-provide('activatedPage', activatedPage)
-provide('scrollbarRef', scrollbarRef)
-provide('mainAppRef', mainAppRef)
+provide<BewlyAppProvider>('BEWLY_APP', {
+  activatedPage,
+  mainAppRef,
+  scrollbarRef,
+  handleBackToTop,
+  handlePageRefresh,
+  handleReachBottom,
+})
 </script>
 
 <template>
diff --git a/src/contentScripts/views/History/History.vue b/src/contentScripts/views/History/History.vue
index d6770c93..13fad48d 100644
--- a/src/contentScripts/views/History/History.vue
+++ b/src/contentScripts/views/History/History.vue
@@ -3,6 +3,7 @@ import { useDateFormat } from '@vueuse/core'
 import { useI18n } from 'vue-i18n'
 
 // import type { HistoryItem } from './types'
+import type { Ref } from 'vue'
 import { getCSRF, openLinkToNewTab, removeHttpFromUrl } from '~/utils/main'
 import { calcCurrentTime } from '~/utils/dataFormatter'
 import { Business } from '~/models/video/history'