Can't access data from useFetch in action

[v3nt]

I'm requesting a single post from a CMS but can't set the stat.post to data[0].

The data is returned but I can't sign the data's first item in an array to the state. Only the whole thing. And then I can't seem to get data[0] elsewhere in the app.

what I want to map is
this.post = data[0];

But I don't understand why its being return in the format it is. IF I try to set the data[0]

ie

setPost data >  RefImpl {__v_isShallow: false, dep: undefined, __v_isRef: true, _rawValue: Array(1), _value: Proxy}```


Here is the code `setPosts` works well. I thought in Nuxt / Cue 3 we don't need to use .value anymore? Either way I just can't seem to get the dat useable.

```export const usePostsStore = defineStore('posts', {
    state: () => {
        return {
            postList: [],
            post: null,
        }
    },
    actions: {
        setPosts() {
            const {data} = useFetch(`https://dev.robertdye.com/wp-json/wp/v2/posts`);
            this.postList = data;
        },
        async setPost(id: string) {
            const {data} = useFetch(`https://dev.robertdye.com/wp-json/wp/v2/posts/?slug=${id}`);
            console.log('setPost data > ', data);
            console.log('setPost data > ', data.value);
            // data is coming through as Ref obj with an array with 1 item.
            // but i get errors when trying to map data[0], or data.value[0].
            this.post = await useFetch(`https://dev.robertdye.com/wp-json/wp/v2/posts/?slug=${id}`);
            this.post = {data};
        },
    },
    getters: {
        getPosts: (state: State) => state.postList,
        getPost: (state: State) => state.post,
    },
})```


Raw version of the first parts `data` key in result.
```{ "data": [ { "id": 290, "date": "2021-09-22T15:59:00", "date_gmt": "2021-09-22T15:59:00", "guid": { "rendered": "https://dev.robertdye.com/?p=290" }, "modified": "2022-02-10T18:12:03", "modified_gmt": "2022-02-10T18:12:03", "slug": "stunning-staircases", "status": "publish", "type": "post", "link": "https://dev.robertdye.com/stunning-staircases/", "title": { "re ...

[netitgo]

I have got the same issue in gaining the async JSON data via axios in the store, but using the data directly in the template works, and no way to access the JSON object's property