Nuxt useState with VueUse useStorage composables

storedState.ts

import { useStorage } from '@vueuse/core'

export const useStoredState = <T>(key: string, initValue: T) => {
  const shared = useState<T>(key, () => initValue)
  const stored = useStorage<T>(key, initValue)

  const state = computed({
    get: () => shared.value,
    set: (value: T) => {
      shared.value = value
      stored.value = value
    },
  })

  // call read() onMounted in app.vue
  const read = () => {
    state.value = stored.value
  }

  return {
    state,
    read,
  }
}