refactor: move api response types to ~/models/apiModels

src/contentScripts/views/WatchLater/WatchLater.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
 import { useDateFormat } from '@vueuse/core'
 import { useI18n } from 'vue-i18n'
-import type { WatchLaterModel } from './types'
 import { getCSRF, openLinkToNewTab, removeHttpFromUrl } from '~/utils/main'
 import { calcCurrentTime } from '~/utils/dataFormatter'
 import emitter from '~/utils/mitt'
+import type { List as VideoItem, WatchLaterResult } from '~/models/apiModels/video/watchLater'
 
 const { t } = useI18n()
 
 const isLoading = ref<boolean>()
 const noMoreContent = ref<boolean>()
-const watchLaterList = reactive<Array<WatchLaterModel>>([])
+const watchLaterList = reactive<VideoItem[]>([])
 
 onMounted(() => {
   getAllWatchLaterList()
@@ -36,7 +36,7 @@ function getAllWatchLaterList() {
     .sendMessage({
       contentScriptQuery: 'getAllWatchLaterList',
     })
-    .then((res) => {
+    .then((res: WatchLaterResult) => {
       if (res.code === 0)
         Object.assign(watchLaterList, res.data.list)
 

src/contentScripts/views/WatchLater/types.ts

@@ -1,44 +0,0 @@
-export interface WatchLaterModel {
-  aid: number
-  videos: number
-  tid: number
-  tname: string
-  copyright: number
-  pic: string
-  title: string
-  pubdate: number
-  ctime: number
-  desc: string
-  state: number
-  duration: number
-  mission_id: number
-  rights: {}
-  owner: {
-    mid: number
-    name: string
-    face: string
-  }
-  stat: {
-    aid: number
-    view: number
-    danmaku: number
-    reply: number
-    favorite: number
-    coin: number
-    share: number
-    now_rank: number
-    his_rank: number
-    like: number
-    dislike: number
-  }
-  short_link_v2: string
-  first_frame: string
-  count: number
-  cid: number
-  progress: number
-  add_at: number
-  bvid: string
-  uri: string
-  viewed: boolean
-  enable_vt: number
-}