How to create a reactive localstorage?

const [locale, setLocale] = createStore({
        locale: "en",
    });
    const [localeJson, setLocaleJson] = createSignal(locales[locale.locale]);
    createEffect(() => {
        setLocaleJson(locales[locale.locale]);
    }, locale.locale);