Pinia使用解构获取state丢失响应式bug

问题复现：当我直接对pinia传递过来的对象进行解构，发现当我刷新页面的时候，页面居然没有跟着变化，也就是说只获取到了一次值后面就没有获取到仓库的值了

仓库代码：

import { ref } from 'vue'
import { getCategoryAPI } from '@/apis/layout'
import { defineStore } from 'pinia'

export const useCategoryStore = defineStore('category', () => {
    const categoryList = ref([])
    // action 获取导航数据的方法
    const getCategory = async () => {
        const res = await getCategoryAPI()
        categoryList.value = res.result
    }

    return {
        categoryList,
        getCategory
    }
})

我想法是直接解构出来categoryList使用

发现确实也是打印了一次结果

刷新页面结果丢失（注意这里不是持久化的问题，我这里刷新会再次调用CategoryStore中的getCategory方法获取一次列表，那必然是丢失了响应式）

解决方法;

1.不是使用解构老老实实直接使用 store 对象

2.使用storeToRefs包裹pi'nia来解决