feat: Realtime for Votes + Deadlines

nuxt/components/book-recommendations/BookRecommendationTable.vue

@@ -83,6 +83,12 @@ onMounted(() => {
       bookRecommendationStore.createRecommendationWS(e.bookRecommendation)
     })
   authStore.socketId = $echo.socketId()
+
+  $echo.private(`Vote`)
+    .listen('.VoteCreated', (e) => {
+      console.log(e)
+      bookRecommendationStore.createVoteWS(e.vote)
+    })
 })
 </script>
 

nuxt/components/deadline/DeadlineTable.vue

@@ -4,6 +4,8 @@ import ConfirmUserDeadline from '~/components/modal/ConfirmUserDeadline.vue'
 const props = defineProps<{
   bookRecommendationId: number
 }>()
+const { $echo } = useNuxtApp()
+const authStore = useAuthStore()
 
 const { refresh: deadlineRefresh, status: deadlineStatus, data: deadlines } = useFetch(() => `book-recommendations/${props.bookRecommendationId}/deadlines`)
 
@@ -40,6 +42,13 @@ const rows = computed(() => {
     }
   })
 })
+
+onMounted(() => {
+  $echo.private(`Deadline`)
+    .listen('.DeadlineCreated', (e) => {
+      deadlineRefresh()
+    })
+})
 </script>
 
 <template>