localStorage composable ref

refLocal.ts

export const useLocal = <T>(field: string, defaultData: T, prefix = 'state.') => {
  const value = ref(defaultData)
  const name = `${prefix}${field}`

  watch(value, (v) => {
    // console.log('useLocal updated', name, v)
    localStorage.setItem(name, JSON.stringify(v))
  }, { deep: true })
  if (typeof window === 'undefined') {
    return value
  }
  const localData = localStorage.getItem(name)
  if (localData) {
    value.value = JSON.parse(localData)
  }

  return value
}