diff --git a/packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilterMenu.vue b/packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilterMenu.vue
index bf6e502f67..295840cec2 100644
--- a/packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilterMenu.vue
+++ b/packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilterMenu.vue
@@ -19,7 +19,8 @@ const filtersLength = ref(0)
const autosave = computed({
get() {
return $state.filterAutoSave.value
- }, set(value: boolean) {
+ },
+ set(value: boolean) {
$state.filterAutoSave.value = value
},
})
@@ -52,8 +53,7 @@ const applyChanges = async () => {
@update:filters-length="filtersLength = $event"
>
-
+
{{ $t('msg.info.filterAutoApply') }}
diff --git a/packages/nc-gui-v2/composables/useGlobal/state.ts b/packages/nc-gui-v2/composables/useGlobal/state.ts
index 51d365ccc0..83f493fb0f 100644
--- a/packages/nc-gui-v2/composables/useGlobal/state.ts
+++ b/packages/nc-gui-v2/composables/useGlobal/state.ts
@@ -60,7 +60,7 @@ export function useGlobalState(storageKey = 'nocodb-gui-v2'): State {
}
/** saves a reactive state, any change to these values will write/delete to localStorage */
- const storage = useStorage(storageKey, initialState)
+ const storage = useStorage(storageKey, initialState, localStorage, { mergeDefaults: true })
/** force turn off of dark mode, regardless of previously stored settings */
storage.value.darkMode = false
diff --git a/packages/nc-gui-v2/composables/useGlobal/types.ts b/packages/nc-gui-v2/composables/useGlobal/types.ts
index 62441d462a..e35310ad0d 100644
--- a/packages/nc-gui-v2/composables/useGlobal/types.ts
+++ b/packages/nc-gui-v2/composables/useGlobal/types.ts
@@ -17,7 +17,7 @@ export interface StoredState {
lang: string
darkMode: boolean
feedbackForm: FeedbackForm
- filterAutoSave :boolean
+ filterAutoSave: boolean
}
export type State = ToRefs> & {