refactor: 空白を挿入して視認性を高める

Author: uni-kakurenbo

src/store/domain/subscription.ts

@@ -41,17 +41,21 @@ const useSubscriptionStorePinia = defineStore('domain/subscription', () => {
   const unreadChannelsMap = ref(
     new Map<ChannelId | DMChannelId, UnreadChannel>()
   )
+
   const unreadChannelsMapFetched = ref(false)
+
   const unreadChannelsMapInitialFetchPromise = ref(
     useTrueChangedPromise(unreadChannelsMapFetched)
   )
+
   const setUnreadChannelsMap = (
     newUnreadChannelsMap: Map<ChannelId, UnreadChannel>
   ) => {
     unreadChannelsMap.value = newUnreadChannelsMap
     unreadChannelsMapFetched.value = true
     updateBadge(unreadChannelsMap.value)
   }
+
   const upsertUnreadChannel = (
     message: Readonly<Message>,
     noticeable: boolean
@@ -77,6 +81,7 @@ const useSubscriptionStorePinia = defineStore('domain/subscription', () => {
     }
     updateBadge(unreadChannelsMap.value)
   }
+
   /**
    * 既読になったイベントを受け取ったときに利用
    */
@@ -85,6 +90,7 @@ const useSubscriptionStorePinia = defineStore('domain/subscription', () => {
     updateBadge(unreadChannelsMap.value)
     removeNotification(channelId)
   }
+
   /**
    * 既読にするときに利用
    */
@@ -102,6 +108,7 @@ const useSubscriptionStorePinia = defineStore('domain/subscription', () => {
       deleteUnreadChannel(channelId)
     }
   }
+
   const fetchUnreadChannels = async ({
     ignoreCache = false
   }: { ignoreCache?: boolean } = {}) => {
@@ -117,6 +124,7 @@ const useSubscriptionStorePinia = defineStore('domain/subscription', () => {
 
   const subscriptionMap = ref(new Map<ChannelId, ChannelSubscribeLevel>())
   const subscriptionMapFetched = ref(false)
+
   const subscribedChannels = computed(
     () =>
       new Set(
@@ -129,9 +137,11 @@ const useSubscriptionStorePinia = defineStore('domain/subscription', () => {
           .map(([id]) => id)
       )
   )
+
   const isChannelSubscribed = (channelId: ChannelId) =>
     (subscriptionMap.value.get(channelId) ?? ChannelSubscribeLevel.none) !==
     ChannelSubscribeLevel.none
+
   const fetchSubscriptions = async ({
     ignoreCache = false
   }: { ignoreCache?: boolean } = {}) => {
@@ -152,10 +162,12 @@ const useSubscriptionStorePinia = defineStore('domain/subscription', () => {
   wsListener.on('MESSAGE_READ', ({ id }) => {
     deleteUnreadChannel(id)
   })
+
   wsListener.on('reconnect', () => {
     fetchUnreadChannels({ ignoreCache: true })
     fetchSubscriptions({ ignoreCache: true })
   })
+
   wsListener.on('CHANNEL_SUBSCRIBERS_CHANGED', () => {
     fetchSubscriptions({ ignoreCache: true })
   })