diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 80635f8f..5a439e95 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -1,12 +1,12 @@
 name: Build
 
 on:
-  workflow_dispatch:
   push:
     branches:
       # The branch where the project source code resides
       # 项目源代码所在的分支
       - main
+      - dev
 
 jobs:
   build:
@@ -41,12 +41,12 @@ jobs:
 
       - name: Upload Zip
         uses: actions/upload-artifact@v3
-        with: 
+        with:
           name: BewlyBewly Zip
           path: extension.zip
-      
+
       - name: Upload Crx
         uses: actions/upload-artifact@v3
-        with: 
+        with:
           name: BewlyBewly Crx
           path: extension.crx
diff --git a/package.json b/package.json
index 7f9544bf..17ace57d 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,19 @@
     "lint": "eslint .",
     "test": "vitest test"
   },
+  "dependencies": {
+    "@types/md5": "^2.3.5",
+    "dplayer": "^1.27.1",
+    "md5": "^2.3.0",
+    "mitt": "^3.0.1",
+    "overlayscrollbars": "^2.4.5",
+    "overlayscrollbars-vue": "^0.5.6",
+    "pinia": "^2.1.7",
+    "qrcode.vue": "^3.4.1",
+    "vue-i18n": "^9.7.0",
+    "vue-toastification": "2.0.0-rc.5",
+    "vuedraggable": "^4.1.0"
+  },
   "devDependencies": {
     "@antfu/eslint-config": "^0.39.8",
     "@ffflorian/jszip-cli": "^3.5.1",
@@ -72,18 +85,5 @@
     "web-ext": "^7.8.0",
     "webext-bridge": "^5.0.5",
     "webextension-polyfill": "^0.10.0"
-  },
-  "dependencies": {
-    "@types/md5": "^2.3.5",
-    "dplayer": "^1.27.1",
-    "md5": "^2.3.0",
-    "mitt": "^3.0.1",
-    "overlayscrollbars": "^2.4.5",
-    "overlayscrollbars-vue": "^0.5.6",
-    "pinia": "^2.1.7",
-    "qrcode.vue": "^3.4.1",
-    "vue-i18n": "^9.7.0",
-    "vue-toastification": "2.0.0-rc.5",
-    "vuedraggable": "^4.1.0"
   }
 }
diff --git a/scripts/client.ts b/scripts/client.ts
index 6f828930..8493cfd0 100644
--- a/scripts/client.ts
+++ b/scripts/client.ts
@@ -1,6 +1,8 @@
+/* eslint-disable unused-imports/no-unused-vars */
 import type { ErrorPayload, HMRPayload, Update } from 'vite'
 import type { ViteHotContext } from 'vite/types/hot'
 import type { InferCustomEventPayload } from 'vite/types/customEvent'
+
 // Vite v3 doesn't export overlay
 // import { ErrorOverlay, overlayId } from 'vite/src/client/overlay'
 
diff --git a/scripts/prepare.ts b/scripts/prepare.ts
index 74b915be..a1b353c7 100644
--- a/scripts/prepare.ts
+++ b/scripts/prepare.ts
@@ -1,5 +1,5 @@
 // generate stub index.html files for dev entry
-import { execSync } from 'child_process'
+import { execSync } from 'node:child_process'
 import fs from 'fs-extra'
 import chokidar from 'chokidar'
 import { isDev, log, r } from './utils'
diff --git a/scripts/utils.ts b/scripts/utils.ts
index 03d25ec5..959cc577 100644
--- a/scripts/utils.ts
+++ b/scripts/utils.ts
@@ -1,7 +1,8 @@
-import { resolve } from 'path'
+import { resolve } from 'node:path'
+import process from 'node:process'
 import { bgCyan, black } from 'kolorist'
 
-export const port = parseInt(process.env.PORT || '') || 3303
+export const port = Number.parseInt(process.env.PORT || '') || 3303
 export const r = (...args: string[]) => resolve(__dirname, '..', ...args)
 export const isDev = process.env.NODE_ENV !== 'production'
 export const isWin = process.platform === 'win32'
diff --git a/src/components/Select.vue b/src/components/Select.vue
index eb4e88da..c7a9b26b 100644
--- a/src/components/Select.vue
+++ b/src/components/Select.vue
@@ -69,7 +69,7 @@ function onMouseEnter() {
         truncate
         overflow="hidden"
         m="r-2"
-        v-text="label === 'undefined' ? '　' : label"
+        v-text="label === 'undefined' ? '' : label"
       />
 
       <!-- arrow -->
diff --git a/src/components/Topbar/Topbar.vue b/src/components/Topbar/Topbar.vue
index dd4e007e..87e42f15 100644
--- a/src/components/Topbar/Topbar.vue
+++ b/src/components/Topbar/Topbar.vue
@@ -23,7 +23,7 @@ const activatedPage = inject('activatedPage') as Ref<AppPage>
 const scrollbarRef = inject('scrollbarRef') as Ref
 
 const mid = getUserID() || ''
-const userInfo = reactive<UserInfo | {}>({}) as UnwrapNestedRefs<UserInfo>
+const userInfo = reactive<UserInfo | NonNullable<unknown>>({}) as UnwrapNestedRefs<UserInfo>
 
 const hideTopbar = ref<boolean>(false)
 const hovingTopbar = ref<boolean>(false)
@@ -40,7 +40,7 @@ const showMorePop = ref<boolean>(false)
 const momentsPopKey = ref<string>(`momentsPop[${Number(new Date())}]`)
 
 const isLogin = ref<boolean>(false)
-const unReadMessage = reactive<UnReadMessage | {}>(
+const unReadMessage = reactive<UnReadMessage | NonNullable<unknown>>(
   {},
 ) as UnwrapNestedRefs<UnReadMessage>
 const unReadDm = reactive<UnReadDm>({} as UnwrapNestedRefs<UnReadDm>)
diff --git a/src/components/Topbar/components/MomentsPop.vue b/src/components/Topbar/components/MomentsPop.vue
index 26a7099b..f9e5f520 100644
--- a/src/components/Topbar/components/MomentsPop.vue
+++ b/src/components/Topbar/components/MomentsPop.vue
@@ -1,3 +1,4 @@
+<!-- eslint-disable no-console -->
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
 import type { Ref } from 'vue'
diff --git a/src/composables/useStorageLocal.ts b/src/composables/useStorageLocal.ts
index 50858b09..64a24001 100644
--- a/src/composables/useStorageLocal.ts
+++ b/src/composables/useStorageLocal.ts
@@ -23,8 +23,8 @@ const storageLocal: StorageLikeAsync = {
   },
 }
 
-export const useStorageLocal = <T>(
-  key: string,
+export function useStorageLocal<T>(key: string,
   initialValue: MaybeRef<T>,
-  options?: UseStorageAsyncOptions<T>,
-): RemovableRef<T> => useStorageAsync(key, initialValue, storageLocal, options)
+  options?: UseStorageAsyncOptions<T>): RemovableRef<T> {
+  return useStorageAsync(key, initialValue, storageLocal, options)
+}
diff --git a/src/contentScripts/views/History/History.vue b/src/contentScripts/views/History/History.vue
index 50c9020a..4f619792 100644
--- a/src/contentScripts/views/History/History.vue
+++ b/src/contentScripts/views/History/History.vue
@@ -174,7 +174,7 @@ function getHistoryUrl(item: HistoryItem) {
 }
 
 function getHistoryItemCover(item: HistoryItem) {
-  if (item.history.business === 'article') {
+  if (item.history.business === 'article' || item.history.business === 'article-list') {
     if (item.covers)
       return removeHttpFromUrl(`${item.covers[0]}`)
   }
diff --git a/src/contentScripts/views/Video/Video.vue b/src/contentScripts/views/Video/Video.vue
index 65797171..1f3159b0 100644
--- a/src/contentScripts/views/Video/Video.vue
+++ b/src/contentScripts/views/Video/Video.vue
@@ -10,8 +10,8 @@ const videoContent = ref() as Ref<HTMLElement>
 const danmukuContent = ref() as Ref<HTMLElement>
 const recommendedContent = ref() as Ref<HTMLElement>
 const videoEpisodeList = ref() as Ref<HTMLElement>
-const videoInfo = reactive<VideoInfo | {}>({}) as UnwrapNestedRefs<VideoInfo>
-const userCardInfo = reactive<UserCardInfo | {}>({}) as UnwrapNestedRefs<UserCardInfo>
+const videoInfo = reactive<VideoInfo | NonNullable<unknown>>({}) as UnwrapNestedRefs<VideoInfo>
+const userCardInfo = reactive<UserCardInfo | NonNullable<unknown>>({}) as UnwrapNestedRefs<UserCardInfo>
 // const videoPlayerPreviousPosition = reactive<{ right: string; bottom: string }>({ right: '0', bottom: '0' })
 const commentList = reactive<Comment[]>([])
 const commentPageInfo = reactive<any>({})
diff --git a/src/contentScripts/views/Video/types.ts b/src/contentScripts/views/Video/types.ts
index a24f1286..49f6e0fe 100644
--- a/src/contentScripts/views/Video/types.ts
+++ b/src/contentScripts/views/Video/types.ts
@@ -290,7 +290,7 @@ export interface Comment {
   'content': {
     'message': string
     'members': []
-    'jump_url': {}
+    'jump_url': NonNullable<unknown>
     'max_line': 6
   }
   'replies'?: Comment[]
diff --git a/src/models/video/history.ts b/src/models/video/history.ts
index a8b5c381..9b4843ba 100644
--- a/src/models/video/history.ts
+++ b/src/models/video/history.ts
@@ -23,6 +23,7 @@ export enum Business {
   PGC = 'pgc',
   LIVE = 'live',
   ARTICLE = 'article',
+  ARTICLE_LIST = 'article-list',
 }
 
 export interface List {
diff --git a/src/utils/dataFormatter.ts b/src/utils/dataFormatter.ts
index be7b7059..abad96e9 100644
--- a/src/utils/dataFormatter.ts
+++ b/src/utils/dataFormatter.ts
@@ -1,9 +1,10 @@
 import { LanguageType } from './../enums/appEnums'
 import { settings } from '~/logic'
 import { i18n } from '~/utils/i18n'
+
 export const { t } = i18n.global
 
-export const numFormatter = (num: number) => {
+export function numFormatter(num: number) {
   const digits = 1 // specify number of digits after decimal
   let lookup
 
@@ -38,7 +39,7 @@ export const numFormatter = (num: number) => {
   return item ? (num / item.value).toFixed(digits).replace(rx, '$1') + item.symbol : '0'
 }
 
-export const calcTimeSince = (date: number | string | Date) => {
+export function calcTimeSince(date: number | string | Date) {
   const seconds = Math.floor(((Number(new Date())) - Number(date)) / 1000)
   let interval = seconds / 31536000
   if (interval > 1)
@@ -61,7 +62,7 @@ export const calcTimeSince = (date: number | string | Date) => {
   return `${Math.floor(interval)} ${t('common.second', Math.floor(interval))}`
 }
 
-export const calcCurrentTime = (totalSeconds: number) => {
+export function calcCurrentTime(totalSeconds: number) {
   const hours = Math.floor(totalSeconds / 3600)
   totalSeconds %= 3600
   const minutes = Math.floor(totalSeconds / 60)
diff --git a/vite-mv3-hmr.ts b/vite-mv3-hmr.ts
index 7d40befa..188304cf 100644
--- a/vite-mv3-hmr.ts
+++ b/vite-mv3-hmr.ts
@@ -1,11 +1,11 @@
-import { dirname, join } from 'path'
+import { dirname, join } from 'node:path'
 import type { HMRPayload, PluginOption } from 'vite'
 import fs from 'fs-extra'
 import { isWin, r } from './scripts/utils'
 
 const targetDir = r('extension')
 
-export const MV3Hmr = (): PluginOption => {
+export function MV3Hmr(): PluginOption {
   return {
     name: 'vite-mv3-hmr',
     apply: 'serve',