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> & {