Client Only - Local Storage

import { createEffect } from "solid-js";
import { createStore } from "solid-js/store";

interface AppState {
    accessToken?: string;
    itemId?: string;
}

const pair = window.localStorage.getItem("item");
const [itemId, accessToken] = pair?.split("|") || [];

export const [appState, setAppState] = createStore<AppState>({
    itemId,
    accessToken
})

createEffect(() => {
    if (appState.itemId && appState.accessToken) {
        const value = `${appState.itemId}|${appState.accessToken}`;
        window.localStorage.setItem("item", value);
    } else {
        window.localStorage.removeItem("item");
    }
})