Server migration recent threads

src/api/index.js

@@ -125,6 +125,7 @@ export const threadsApi = {
   unlock: threadId => $http2(`/api/threads/${threadId}/lock`, { data: { locked: false }, method: 'POST'}),
   sticky: threadId => $http2(`/api/threads/${threadId}/sticky`, { data: { sticky: true}, method: 'POST'}),
   unsticky: threadId => $http2(`/api/threads/${threadId}/sticky`, { data: { sticky: false }, method: 'POST'}),
+  recent: () => $http2('/api/threads/recent'),
   byBoard: params => $http2('/api/threads', { params }),
   postedIn: params => $http('/api/threads/posted', { params }),
   slugToThreadId: slug => $http2(`/api/threads/${slug}/id`),

src/components/threads/RecentThreads.vue

@@ -45,7 +45,7 @@
             </div>
           </div>
           <div class="title">
-            <router-link :class="{bold: thread.latest}" class="thread-title" :title="decode(thread.title)" :to="{ name: 'Posts', params: { threadSlug: thread.slug } }" onclick="event.stopPropagation()">{{decode(thread.title)}}</router-link>
+            <router-link :class="{bold: thread.latest}" class="thread-title" :title="decode(thread.title)" :to="{ name: 'Posts', params: { threadSlug: thread.slug }, query: (thread.post.position && thread.post.position > 1 ? { start: thread.post.position } : undefined) }" onclick="event.stopPropagation()">{{decode(thread.title)}}</router-link>
           </div>
           <div class="user">
             in
@@ -69,7 +69,7 @@ import decode from '@/composables/filters/decode'
 
 export default {
   props: ['threads'],
-  setup() { return { humanDate, decode }}
+  setup() { return { humanDate, decode } }
 }
 </script>
 

src/composables/utils/boardUtils.js

@@ -1,4 +1,5 @@
 import { localStoragePrefs } from '@/composables/stores/prefs'
+import { threadsApi } from '@/api'
 
 const buildLastPostData = data => {
   return {
@@ -70,7 +71,14 @@ export const processBoards = data => {
       return Object.assign(board, lastPost)
     })
   })
-  return data
+
+  // query recent threads and append to board data so no delay
+  // in recent thread component loading
+  return threadsApi.recent()
+  .then(recent => {
+    data.threads = recent
+    return data
+  }).catch(() => data)
 }
 
 export const processThreads = data => {

src/views/Boards.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="main">
-    <recent-threads v-if="boardData && boardData.data" :threads="boardData.data.threads"></recent-threads>
+    <recent-threads v-if="boardData && boardData.data && boardData.data.threads" :threads="boardData.data.threads"></recent-threads>
 
     <div v-if="!loggedIn" class="dashboard-actions">
       <a href="" class="button" @click.prevent="showRegister = true">Create an Account</a>