src/App.js

@@ -83,7 +83,7 @@ export default {
     window.addEventListener('resize', this.updateMobileState)
     this.scrollParent.addEventListener('scroll', this.updateScrollState)
 
-    if (this.themeApplied) {
+    if (useInterfaceStore().themeApplied) {
       this.setThemeBodyClass()
       this.removeSplash()
     }

src/components/settings_modal/tabs/clutter_tab.js

@@ -24,6 +24,9 @@ const ClutterTab = {
     HelpIndicator,
   },
   computed: {
+    instanceSpecificPanelPresent() {
+      return useInstanceStore().showInstanceSpecificPanel
+    },
     ...SharedComputedObject(),
     ...mapState(useServerSideStorageStore, {
       muteFilters: (store) =>

src/components/settings_modal/tabs/filtering_tab.js

@@ -91,6 +91,9 @@ const FilteringTab = {
     HelpIndicator,
   },
   computed: {
+    instanceSpecificPanelPresent() {
+      return useInstanceStore().instanceIdentity.showInstanceSpecificPanel
+    },
     ...SharedComputedObject(),
     ...mapState(useServerSideStorageStore, {
       muteFilters: (store) =>

src/components/settings_modal/tabs/layout_tab.js

@@ -1,5 +1,3 @@
-import { mapState } from 'pinia'
-
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
@@ -33,12 +31,12 @@ const GeneralTab = {
     ProfileSettingIndicator,
   },
   computed: {
-    ...mapState(useInstanceStore, {
-      postFormats: (store) => store.featureSet.postFormats || [],
-      instanceSpecificPanelPresent: (store) =>
-        store.instanceIdentity.instanceSpecificPanelPresent,
-      instanceShoutboxPresent: (store) => store.featureSet.shoutAvailable,
-    }),
+    postFormats() {
+      return useInstanceStore().featureSet.postFormats || []
+    },
+    instanceShoutboxPresent() {
+      return useInstanceStore().featureSet.shoutAvailable
+    },
     columns() {
       const mode = this.$store.getters.mergedConfig.thirdColumnMode