How to use watcher?

[donPuerto]

Hi, I'm getting error at end. Any idea how to use or place the code?

watch(
  pinia.state,
  (state) => {
    // persist the whole state to the local storage whenever it changes
    localStorage.setItem('piniaState', JSON.stringify(state))
  },
  { deep: true }
)

watch() -- error: cannot fine name "watch"

[posva]

you need to import { watch } from 'vue' or from '@vue/composition-api depending on what you are using.

BTW there is a Discord chat to ask quick questions 🙂

[donPuerto]

Nah vue land its too crowded. Here is peaceful ;)

[donPuerto]

Hi, How can the second argument of the watcher does not work?

import { defineStore } from 'pinia'
import { watch } from 'vue'

export const useAuthStore = defineStore({
  // unique id of the store across your application
  id: 'authStore',
  state: ()=> {
   return {
     users: [],
     currentUser: null
   }
  },

})

const authStore = useAuthStore()
console.log('start watch')

watch(
  authStore.$state,
  (state) => {
    console.log('Watch 2', state)  // doest not do anything
  },
  { deep: true }
)

console.log('end watch')

[posva]

it's watch(() => authStore.$state) (it's in the docs: https://pinia.esm.dev/core-concepts/state.html#watching-the-state 😉 ), only Refs can be passed directly without wrapping them in a function.