feat: add songlists store and songlists effect

src/App.vue

@@ -9,6 +9,7 @@ import {
     useLyricsEffect,
     useMediaSessionEffect,
     usePlayStatusEffect,
+    useSonglistsEffect,
     useThemeEffect
 } from './services'
 import './global.css'
@@ -21,6 +22,7 @@ useLikeEffect()
 useThemeEffect()
 useDebugEffect()
 useGlobalKeyboardListeners()
+useSonglistsEffect()
 
 const route = useRoute()
 </script>

src/api/ApiUserSubcount.ts

@@ -2,5 +2,8 @@
 export interface ApiUserSubcount {
     api: '/user/subcount'
     method: 'post'
-    return: ApiResponse
+    return: {
+        createdPlaylistCount: number
+        subPlaylistCount: number
+    }
 }

src/services/index.ts

@@ -12,4 +12,5 @@ export * from './useLyricsEffect'
 export * from './useMediaSessionEffect'
 export * from './usePlayStatusEffect'
 export * from './useSonglist'
+export * from './useSonglistsEffect'
 export * from './useThemeEffect'

src/services/useSonglistsEffect.ts

@@ -0,0 +1,16 @@
+import { watchEffect } from 'vue'
+import { storeToRefs } from 'pinia'
+import { useProfileStore, useSonglistsStore } from 'stores'
+
+export function useSonglistsEffect() {
+    const { updateSonglists } = useSonglistsStore()
+    const { profile } = storeToRefs(useProfileStore())
+
+    let initialized = false
+    watchEffect(async () => {
+        if (profile.value?.profile.userId && !initialized) {
+            initialized = true
+            await updateSonglists()
+        }
+    })
+}

src/stores/index.ts

@@ -5,3 +5,4 @@ export * from './useLyricsStore'
 export * from './usePlaylistStore'
 export * from './usePreferenceStore'
 export * from './useProfileStore'
+export * from './useSonglistsStore'

src/stores/useSonglistsStore.ts

@@ -0,0 +1,41 @@
+import { ref } from 'vue'
+import type { ApiUserPlaylist, ApiUserSubcount } from 'api'
+import { defineStore, storeToRefs } from 'pinia'
+import { post } from 'utils'
+import { useProfileStore } from './useProfileStore'
+
+export const useSonglistsStore = defineStore('songlists', () => {
+    const { profile } = storeToRefs(useProfileStore())
+    const createdCount = ref(0)
+    const collectedCount = ref(0)
+    const createdSonglists = ref<ApiUserPlaylist['return']['playlist']>([])
+    const collectedSonglists = ref<ApiUserPlaylist['return']['playlist']>([])
+
+    async function updateCount() {
+        if (!profile.value?.profile.userId) return
+        const res = await post<ApiUserSubcount>('/user/subcount')
+        createdCount.value = res.createdPlaylistCount
+        collectedCount.value = res.subPlaylistCount
+    }
+
+    async function updateSonglists() {
+        if (!profile.value?.profile.userId) return
+        await updateCount()
+        const res = await post<ApiUserPlaylist>('/user/playlist', {
+            uid: profile.value.profile.userId,
+            offset: 0
+        })
+        createdSonglists.value = createdSonglists.value.concat(
+            res.playlist.slice(0, createdCount.value)
+        )
+        collectedSonglists.value = collectedSonglists.value.concat(
+            res.playlist.slice(createdCount.value + 1)
+        )
+    }
+
+    return {
+        updateSonglists,
+        createdSonglists,
+        collectedSonglists
+    }
+})