clutter page unsync -> sync

src/components/status/status.js

@@ -1,4 +1,5 @@
 import { unescape as ldUnescape, uniqBy } from 'lodash'
+import { mapState } from 'pinia'
 
 import MentionLink from 'src/components/mention_link/mention_link.vue'
 import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
@@ -254,12 +255,7 @@ const Status = {
       return !!this.currentUser
     },
     muteFilterHits() {
-      return muteFilterHits(
-        Object.values(
-          useServerSideStorageStore().prefsStorage.simple.muteFilters,
-        ),
-        this.status,
-      )
+      return muteFilterHits(Object.values(this.muteFilters), this.status)
     },
     botStatus() {
       return this.status.user.actor_type === 'Service'
@@ -452,9 +448,6 @@ const Status = {
         .map((tagObj) => tagObj.name)
         .join(' ')
     },
-    hidePostStats() {
-      return this.mergedConfig.hidePostStats
-    },
     shouldDisplayFavsAndRepeats() {
       return (
         !this.hidePostStats &&
@@ -511,10 +504,10 @@ const Status = {
       return this.quotedStatus && this.displayQuote
     },
     scrobblePresent() {
-      if (this.mergedConfig.hideScrobbles) return false
+      if (this.hideScrobbles) return false
       if (!this.status.user?.latestScrobble) return false
-      const value = this.mergedConfig.hideScrobblesAfter.match(/\d+/gs)[0]
-      const unit = this.mergedConfig.hideScrobblesAfter.match(/\D+/gs)[0]
+      const value = this.hideScrobblesAfter.match(/\d+/gs)[0]
+      const unit = this.hideScrobblesAfter.match(/\D+/gs)[0]
       let multiplier = 60 * 1000 // minutes is smallest unit
       switch (unit) {
         case 'm':
@@ -536,6 +529,14 @@ const Status = {
     scrobble() {
       return this.status.user?.latestScrobble
     },
+    ...mapState(useServerSideStorageStore, {
+      muteFilters: (store) => store.prefsStorage.simple.muteFilters,
+      hideBotIndicatior: (store) => store.prefsStorage.simple.hideBotIndicator,
+      hidePostStats: (store) => store.prefsStorage.simple.hidePostStats,
+      hideScrobbles: (store) => store.prefsStorage.simple.hideScrobbles,
+      hideScrobblesAfter: (store) =>
+        store.prefsStorage.simple.hideScrobblesAfter,
+    }),
   },
   methods: {
     visibilityIcon(visibility) {