Nuxt configuration is not working for Nuxt2.x (Cannot find module '#app')

Says in documentation that plugin works in Nuxt 2, but example in documentation is not working.

`TS2307: Cannot find module ‘#app’ or its corresponding type declarations. 1 | import { createNuxtPersistedState } from ‘pinia-plugin-persistedstate’

2 | import { defineNuxtPlugin, useCookie } from ‘#app’ | ^^^^^^ 3 | 4 | export default defineNuxtPlugin(nuxtApp => { 5 | nuxtApp.$pinia.use(createNuxtPersistedState(useCookie))`

Removing this line and trying to do correct import statements, will lead to errors for useCookie(not found)

[larenelg]

I’m not sure about Cookies, but I hope this helps for Nuxt 2:

plugins/persistedStatePlugin.js

import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

const persistedStatePlugin = ({ $pinia }) => {
  $pinia.use(piniaPluginPersistedstate)
}

export default persistedStatePlugin

nuxt.config.js

  plugins: [
    '~/plugins/persistedStatePlugin.js'
  ],

[prazdevs]

name your file plugins/persistedStatePlugin.client.js to make it clientside only, that way it won’t try to access to localStorage while server side rendering