Vuex-persistedstate: Property 'onNuxtReady' does not exist on type 'Window & typeof globalThis'.

[usu-blog]

I'm a TypeScript beginner.
I have the problem is "convert JavaScript to TypeScript".
I use Nuxt.

• JavaScript

import createPersistedState from 'vuex-persistedstate'

export default ({ store, isHMR }) => {
  // In case of HMR, mutation occurs before nuxReady, so previously saved state
  // gets replaced with original state received from server. So, we've to skip HMR.
  // Also nuxtReady event fires for HMR as well, which results multiple registration of
  // vuex-persistedstate plugin
  if (isHMR) return

  if (process.client) {
    window.onNuxtReady((nuxt) => {
      createPersistedState()(store) // vuex plugins can be connected to store, even after creation
    })
  }
}

↓↓↓　TypeScript

import createPersistedState from 'vuex-persistedstate'

export default (obj: { store: object; isHMR: object }) => {
  // In case of HMR, mutation occurs before nuxReady, so previously saved state
  // gets replaced with original state received from server. So, we've to skip HMR.
  // Also nuxtReady event fires for HMR as well, which results multiple registration of
  // vuex-persistedstate plugin
  if (obj.isHMR) return

  if (process.client) {
    window.onNuxtReady((nuxt: object) => {
      createPersistedState()(obj.store) // vuex plugins can be connected to store, even after creation
    })
  }
}

• ts error

Property 'onNuxtReady' does not exist on type 'Window & typeof globalThis'.

Thank you.

[usu-blog]

It was quite amazing to add the following code.

interface MyWindow extends Window {
  onNuxtReady(obj: object): void
}
declare var window: MyWindow

But I don't think it's optimal.
I would like to know a better solution.

[robinvdvleuten]

The onNuxtReady method is related to Nuxtjs and has nothing to do with this plugin. Please open an issue at their repository or ask it on StackOverflow.

[usu-blog]

thanks