separation support

src/components/features_panel/features_panel.js

@@ -1,34 +1,22 @@
+import { mapState } from 'pinia'
+
 import { useInstanceStore } from 'src/stores/instance.js'
 import fileSizeFormatService from '../../services/file_size_format/file_size_format.js'
 
 const FeaturesPanel = {
   computed: {
-    shout: function () {
-      return useInstanceStore().shoutAvailable
-    },
-    pleromaChatMessages: function () {
-      return useInstanceStore().pleromaChatMessagesAvailable
-    },
-    gopher: function () {
-      return useInstanceStore().gopherAvailable
-    },
-    whoToFollow: function () {
-      return useInstanceStore().suggestionsEnabled
-    },
-    mediaProxy: function () {
-      return useInstanceStore().mediaProxyAvailable
-    },
-    minimalScopesMode: function () {
-      return useInstanceStore().minimalScopesMode
-    },
-    textlimit: function () {
-      return useInstanceStore().textlimit
-    },
-    uploadlimit: function () {
-      return fileSizeFormatService.fileSizeFormat(
-        useInstanceStore().uploadlimit,
-      )
-    },
+    ...mapState(useInstanceStore, {
+      shout: (store) => store.shoutAvailable,
+      pleromaChatMessages: (store) =>
+        store.featureSet.pleromaChatMessagesAvailable,
+      gopher: (store) => store.featureSet.gopherAvailable,
+      whoToFollow: (store) => store.featureSet.suggestionsEnabled,
+      mediaProxy: (store) => store.featureSet.mediaProxyAvailable,
+      minimalScopesMode: (store) => store.prefsStorage.minimalScopesMode,
+      textlimit: (store) => store.limits.textlimit,
+      uploadlimit: (store) =>
+        fileSizeFormatService.fileSizeFormat(store.limits.uploadlimit),
+    }),
   },
 }