fix a lot of stuff by simply moving const to a proper place

src/components/mention_link/mention_link.js

@@ -108,7 +108,7 @@ const MentionLink = {
       return this.highlightData && '-' + this.highlightData.type
     },
     highlightClass() {
-       return this.highlightData && highlightClass(this.user)
+      return this.highlightData && highlightClass(this.user)
     },
     style() {
       if (this.highlightData) {

src/components/settings_modal/settings_modal.js

@@ -9,12 +9,10 @@ import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
 import Popover from '../popover/popover.vue'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
-import {
+import { useLocalConfigStore } from 'src/stores/local_config.js'
-  LOCAL_ONLY_KEYS,
-  useLocalConfigStore,
-} from 'src/stores/local_config.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
 
+import { LOCAL_ONLY_KEYS } from 'src/modules/default_config_state.js'
 import {
   newExporter,
   newImporter,

src/components/settings_modal/tabs/filtering_tab.js

@@ -36,7 +36,7 @@ const FilteringTab = {
         label: this.$t(`user_card.mute_block_${mode}`),
       })),
       muteFiltersDraftObject: cloneDeep(
-        useSyncConfigStore().prefsStorage.simple.muteFilters,
+        useSyncConfigStore().mergedConfig.muteFilters,
       ),
       muteFiltersDraftDirty: Object.fromEntries(
         Object.entries(
@@ -260,7 +260,7 @@ const FilteringTab = {
     },
     muteFiltersObject() {
       this.muteFiltersDraftObject = cloneDeep(
-        useSyncConfigStore().prefsStorage.simple.muteFilters,
+        useSyncConfigStore().mergedConfig.muteFilters,
       )
     },
   },

src/modules/default_config_state.js

@@ -182,6 +182,7 @@ export const defaultConfigLocal = {
   imageCompression: true,
   useStreamingApi: false,
 }
+export const LOCAL_ONLY_KEYS = new Set(Object.keys(defaultConfigLocal))
 
 export const makeUndefined = (c) =>
   Object.fromEntries(Object.keys(c).map((key) => [key, undefined]))

src/stores/local_config.js

@@ -6,8 +6,6 @@ import { useInstanceStore } from 'src/stores/instance'
 
 import { defaultState as configDefaultState } from 'src/modules/default_config_state'
 
-export const LOCAL_ONLY_KEYS = new Set(Object.keys(configDefaultState))
-
 export const defaultState = {
   prefsStorage: {
     ...configDefaultState,

src/stores/sync_config.js

@@ -1,7 +1,9 @@
+import sum from 'hash-sum'
 import {
   merge as _merge,
   clamp,
   cloneDeep,
+  debounce,
   findLastIndex,
   flatten,
   get,
@@ -11,25 +13,21 @@ import {
   takeRight,
   uniqWith,
   unset,
-  debounce,
 } from 'lodash'
 import { defineStore } from 'pinia'
 import { toRaw } from 'vue'
-import sum from 'hash-sum'
 
 import { CURRENT_UPDATE_COUNTER } from 'src/components/update_notification/update_notification.js'
 
 import { useInstanceStore } from 'src/stores/instance.js'
-import {
+import { useLocalConfigStore } from 'src/stores/local_config.js'
-  LOCAL_ONLY_KEYS,
-  useLocalConfigStore,
-} from 'src/stores/local_config.js'
 
 import { storage } from 'src/lib/storage.js'
 import {
   defaultState as configDefaultState,
   defaultConfigLocal,
   instanceDefaultConfig,
+  LOCAL_ONLY_KEYS,
 } from 'src/modules/default_config_state.js'
 import { defaultConfigSync } from 'src/modules/old_default_config_state.js'