feat: + following latest

src/components/ArtworksList/ArtworkCard.vue

@@ -157,8 +157,6 @@ async function handleBookmark() {
     transform: translate(-50%, -50%)
     transition: all 0.25s ease-in-out
 
-  &:hover a,
-  & a.router-link-active
   &:hover a,
   & a.router-link-active
     &::before

src/components/SideNav/SideNav.vue

@@ -12,7 +12,7 @@ aside.global-side-nav(:class='{ hidden: !sideNavStore.isOpened }')
         ul
           ListLink(link='/' text='首页')
             IFasHome.link-icon
-          ListLink.not-allowed(link='' text='插画')
+          ListLink.not-allowed(link='' text='探索发现')
             IFasImage.link-icon
           ListLink(link='/ranking' text='排行榜')
             IFasCrown.link-icon
@@ -35,6 +35,8 @@ aside.global-side-nav(:class='{ hidden: !sideNavStore.isOpened }')
             text='我的关注'
           )
             IFasUser.link-icon
+          ListLink(link='/following/latest' text='关注用户的作品')
+            IFasUser.link-icon
 
       .group
         .title PixivNow

src/plugins/router.ts

@@ -14,6 +14,12 @@ const routes: RouteRecordRaw[] = [
     name: 'artworks',
     component: () => import('@/view/artworks.vue'),
   },
+  {
+    path: '/following/latest',
+    alias: ['/bookmark_new_illust'],
+    name: 'following-latest',
+    component: () => import('@/view/following-latest.vue'),
+  },
   {
     path: '/users/:id',
     name: 'users',

src/view/following-latest.vue

@@ -0,0 +1,59 @@
+<template lang="pug">
+#following-latest-view.body-inner
+  h1 已关注用户的作品
+  ArtworkList(:list='illusts', :loading='isLoading && !illusts.length')
+  ShowMore(
+    :loading='isLoading',
+    :method='fetchList',
+    :text='isLoading ? "加载中" : "加载更多"'
+    v-if='hasNextPage && illusts.length'
+  )
+</template>
+
+<script lang="ts" setup>
+import { type ArtworkInfo } from '@/types'
+
+onMounted(() => {
+  setTitle('New Artworks from Following Users')
+  fetchList()
+})
+
+const illusts = ref<ArtworkInfo[]>([])
+const userStore = useUserStore()
+const route = useRoute()
+const router = useRouter()
+
+const nextPage = ref(1)
+const hasNextPage = ref(true)
+const isLoading = ref(false)
+
+async function fetchList() {
+  if (!userStore.isLoggedIn) {
+    return router.push({
+      name: 'login',
+      query: { back: route.fullPath },
+    })
+  }
+  if (isLoading.value) return
+  isLoading.value = true
+
+  try {
+    // https://www.pixiv.net/ajax/follow_latest/illust?p=1&mode=all
+    const { data } = await ajax.get<{
+      page: {
+        isLastPage: boolean
+      }
+      thumbnails: {
+        illust: ArtworkInfo[]
+      }
+    }>(`/ajax/follow_latest/illust`, {
+      params: { p: nextPage.value, mode: 'all' },
+    })
+    illusts.value.push(...data.thumbnails.illust)
+    nextPage.value++
+    hasNextPage.value = !data.page.isLastPage
+  } finally {
+    isLoading.value = false
+  }
+}
+</script>

src/view/following.vue

@@ -3,7 +3,7 @@
   h1
     .flex.gap-1
       NButton(
-        @click='$router.push({ name: "user", params: { id: targetUserId } })'
+        @click='$router.push({ name: "users", params: { id: targetUserId } })'
         circle
         secondary
       )

src/view/users.vue

@@ -44,6 +44,8 @@
               :loading='loadingUserFollow',
               :type='user.isFollowed ? "success" : undefined'
               @click='handleUserFollow'
+              round
+              size='small'
             )
               template(#icon)
                 IFasCheck(v-if='user.isFollowed')