can I use $state to set object data?

[dpp050700]

// main.js
const pinia = createPinia()
pinia.use(function({store, pinia}) {

  let local = localStorage.getItem(`PINIA_STATE_${store.$id}`)

  if(local) {
    
   // if i use this, person do not modify; 
    store.$state = JSON.parse(local) 

     // I can use following
    // store.$patch(JSON.parse(local))
    // or
    // store.$state.person.name = JSON.parse(local).person.name
    // store.$state.person.age = JSON.parse(local).person.age
  }

  store.$subscribe(({},state) => {
    localStorage.setItem(`PINIA_STATE_${store.$id}`, JSON.stringify(state))
  })
})

// user store
import { defineStore } from "pinia";
import {reactive} from 'vue'

export const userStore = defineStore('user', () => {
  const person = reactive({name: 'zf', age: 10})

  const changeAge = () => {
    person.age++
  }

  return {
    person,
    changeAge
  }