Support body as reactive variable

[wf-soft]

Environment

nuxt3

Reproduction

no

Describe the bug

When I do not use .value with selId, he will be sent as a ref object. When I use .value, the selId change cannot change the result of the request. He will always issue the request with the initial value.

const { data:moneyData, refresh } = await useApi3FetchData("ack_pay/web/pay",{
                method:"POST",
                body:{
                    qmSig: useCookieToken().value,
                    cardId: selId.value,
                    buyType: selTab.value,
                    source: 2,
                    versionNumber: 0
                },
                watch:[selId, selTab],
                cache:false,
                onRequest(context) {
                    console.log(context);
                },
            });

When I use native useFetch it will work properly, whether this is a BUG or not

const { data:moneyData, refresh } = await useFetch("https://xxx.xxx.com/ack_pay/web/pay",{
                method:"POST",
                body:{
                    qmSig: useCookieToken().value,
                    cardId: selId,
                    buyType: selTab,
                    source: 2,
                    versionNumber: 0
                },
            });

Additional context

No response

Logs

No response

[johannschopplich]

Not a bug, rather than a feature request. 😉