` not render at server side.\n\n### Describe the bug\n\nWhen we use `useAsyncData()` and set `server: false`. the return value `pending` will get `true` at server side. It should be `false`? because this will not invoke at server side.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2000,2003],{"name":2001,"color":2002},"discussion","538de2",{"name":1985,"color":1986},15714,"`useAsyncData` return value that `pending` is `true` at server side when `server: false`","2023-02-08T02:39:02Z","https://github.com/nuxt/nuxt/issues/15714",0.64472216,{"description":2010,"labels":2011,"number":2014,"owner":1991,"repository":1991,"state":1992,"title":2015,"updated_at":2016,"url":2017,"score":2018},"### Environment\n\n- Operating System: `Linux`\r\n- Node Version: `v16.17.1`\r\n- Nuxt Version: `3.2.2`\r\n- Nitro Version: `2.2.2`\r\n- Package Manager: `npm@8.15.0`\r\n- Builder: `vite`\r\n- User Config: `runtimeConfig`, `modules`, `css`, `app`, `experimental`, `imports`, `nitro`, `typescript`\r\n- Runtime Modules: `@pinia/nuxt@0.4.7`, `@nuxtjs/tailwindcss@6.4.1`\r\n- Build Modules: \n\n### Reproduction\n\n\r\n```\r\n// before refresh call asyncData a pending must be false\r\nconst { pending: isLoadingOne, refresh: fetchOne } = useFetch('https://jsonplaceholder.typicode.com/todos/1', { immediate: false });\r\n\r\n// before refresh call asyncData a pending must be false | perhaps a controversial case\r\nconst { pending: isLoadingTwo, refresh: fetchTwo } = await useFetch('https://jsonplaceholder.typicode.com/todos/2', { immediate: false });\r\n```\r\n\r\nSee full code: https://stackblitz.com/edit/nuxt-starter-9uxzmd?file=app.vue\n\n### Describe the bug\n\nUntil the request is forcibly invoked, it is assumed that the waiting status should be false.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2012,2013],{"name":1985,"color":1986},{"name":1988,"color":1989},19218,"`useFetch/useAsyncData`: BUG: when `immediate: false`, then `pending` is `true` before call `execute/refresh` (must to be false)","2023-12-20T16:49:10Z","https://github.com/nuxt/nuxt/issues/19218",0.6556958,{"description":2020,"labels":2021,"number":2024,"owner":1991,"repository":1991,"state":1992,"title":2025,"updated_at":2026,"url":2027,"score":2028},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v18.16.0\r\n- Nuxt Version: 3.6.2\r\n- Nitro Version: 2.5.2\r\n- Package Manager: pnpm@8.5.1\r\n- Builder: vite\r\n- User Config: ssr, pages, srcDir, routeRules, experimental, devtools, alias, typescript, css, app, modules, unocss, imports, components, vite\r\n- Runtime Modules: @pinia/nuxt@0.4.11, @vueuse/nuxt@10.2.1, @unocss/nuxt@0.53.4, @vue-macros/nuxt@1.3.12, nuxt-vitest@0.8.7\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\n- Github repo : https://github.com/ChronicStone/repro-issue-nuxt-useAsyncData\r\n- Live version : https://repro-issue-nuxt-use-async-data.vercel.app/\n\n### Describe the bug\n\nSince upgrating to v3.6.2, useAsyncData has inconsistent & strange behaviour.\r\nI found two main strange behaviours : \r\n\r\n### SCENARIO 1 : \r\n\r\nHere the data load once, but then the function that resolves it never runs again, no matter how the watch dependencies change.\r\n\r\nAlso, if I have the following route : `/users/profile/:userId()`\r\nWhen first visiting the page, the data will be resolved correctly if it's not already populated. If I come back to the route with a different ID, it won't re-trigger the resolver at all. I need to do a full page reload to have it resolve the correct data.\r\n\r\n### SCENARIO 2 : \r\n\r\nThe data does not load at first, and stays empty. Then, if a dependency change, it will refresh correctly.\r\n\r\n----\r\n\r\nThe reproduction provided includes the 2nd scenario, I couldn't reproduce the 1st case on a minimal setup yet. An other interesting is that on both case, devtools is completely bugged on these two cases, hitting refresh there won't do anything. You can also observe this in the provided minimal reproduction\n\n### Additional context\n\nFirst here's the context on which i'm using it\r\n- `ssr: false` in config\r\n- I'm not awaiting the useAsyncData on my component\r\n\r\nHere's an example of how i'm using it in-app : \r\n\r\n```ts\r\nconst periodFilters = ref\u003C{ month: number; year: number }>({ month: 1, year: 1 });\r\n\r\nconst { data, pending } = useAsyncData(\r\n \"assessmentCountStats\",\r\n () => StatisticsController.getAssessmentStatusCount(props.clientId, periodFilters.value),\r\n { watch: [() => props.clientId, () => periodFilters.value.year, () => periodFilters.value.month] }\r\n);\r\n```\r\n\r\nAlso worth mentionning that if I switch back to 3.6.1, everything works fine, data always update according to dependency & load correctly.\n\n### Logs\n\n_No response_",[2022,2023],{"name":1985,"color":1986},{"name":1988,"color":1989},22027,"useAsyncData has inconsistent behaviour (ssr:false) since v3.6.2","2023-07-11T07:02:52Z","https://github.com/nuxt/nuxt/issues/22027",0.6581153,{"description":2030,"labels":2031,"number":2034,"owner":1991,"repository":1991,"state":1992,"title":2035,"updated_at":2036,"url":2037,"score":2038},"### Environment\r\n\r\n- Operating System: Windows_NT\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.7.4\r\n- CLI Version: 3.9.0\r\n- Nitro Version: 2.6.3\r\n- Package Manager: npm@9.8.1\r\n- Builder: -\r\n- User Config: devtools, modules, build, typescript, supabase\r\n- Runtime Modules: @nuxtjs/supabase@1.1.3\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nUsing the following code...\r\n\r\n```vue\r\n\u003Ctemplate>\r\n {{ pending }}\r\n\r\n \u003Cinput\r\n @click=\"refresh()\"\r\n type=\"button\"\r\n value=\"Refresh\"\r\n />\r\n\u003C/template>\r\n\r\n\u003Cscript setup lang=\"ts\">\r\nconst { data, error, pending, status, refresh } = useFetch(\r\n \"https://jsonplaceholder.typicode.com/todos/1\",\r\n { immediate: false }\r\n);\r\n\u003C/script>\r\n```\r\n\r\n...you will notice that \"pending\" will remain **true** until the request is triggered at least once.\r\n\r\n### Describe the bug\r\n\r\nMaybe it is by design, but I have the feeling pending should stay **false** while not fetching, even in not immediate mode.\r\nA workaround is to use \"status === pending\" in template loaders, but I feel it less straightforward than \"pending\".\r\n\r\n### Additional context\r\n\r\nI hope my English is understandable, and thank you for your amazing work.\r\n\r\n### Logs\r\n\r\n_No response_",[2032,2033],{"name":1985,"color":1986},{"name":1988,"color":1989},23562,"useAsyncData with { immediate: false } returns pending = \"true\" until fired at least once.","2023-10-07T11:05:38Z","https://github.com/nuxt/nuxt/issues/23562",0.6584815,{"labels":2040,"number":2043,"owner":1991,"repository":1991,"state":1992,"title":2044,"updated_at":2045,"url":2046,"score":2047},[2041,2042],{"name":1985,"color":1986},{"name":1988,"color":1989},14025,"useAsyncData still returning \"pending\" true when network tab shows completed","2023-01-19T17:27:45Z","https://github.com/nuxt/nuxt/issues/14025",0.6648724,{"labels":2049,"number":2052,"owner":1991,"repository":1991,"state":1992,"title":2053,"updated_at":2054,"url":2055,"score":2056},[2050,2051],{"name":1985,"color":1986},{"name":1988,"color":1989},13633,"useAsyncData does not update data after first load","2023-01-19T17:02:42Z","https://github.com/nuxt/nuxt/issues/13633",0.66966254,{"description":2058,"labels":2059,"number":2065,"owner":1991,"repository":1991,"state":1992,"title":2066,"updated_at":2067,"url":2068,"score":2069},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.10.0\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools, modules\r\n- Runtime Modules: @pinia/nuxt@0.5.1\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-6ss7qv?file=store%2FtrueShallow.ts,store%2FasyncDataShallow.ts,pages%2FasyncDataShallow.vue,pages%2FtrueShallow.vue,app.vue,pages%2Findex.vue\r\n\r\n### Describe the bug\r\n\r\nSetting `deep: false` in `useAsyncData` options doesn't seem to provide the same performance or behaviour as native `shallowRef` does.\r\nAs a \"workaround\" `transform: (d) => markRaw(d)` or `transform: (d) => Object.freeze(d)` seem to to the trick.\r\n\r\nOn a sidenote, [useAsyncState from vueuse](https://vueuse.org/core/useAsyncState/) does not seem to have the same issue.\r\n\r\n### Additional context\r\n\r\nPerformance Profile of native `shallowRef` clicking the button\r\n\r\n\r\nProfile of `deep: false` `useAsyncData`\r\n\r\n\r\n\r\n### Logs\r\n\r\n_No response_",[2060,2061,2062],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":2063,"color":2064},"performance","E84B77",25901,"`deep: false` on `useAsyncData` doesn't provide native shallowRef behaviour","2024-03-29T12:15:23Z","https://github.com/nuxt/nuxt/issues/25901",0.6742147,{"description":2071,"labels":2072,"number":2078,"owner":1991,"repository":1991,"state":1992,"title":2079,"updated_at":2080,"url":2081,"score":2082},"### Environment\r\n\r\nNuxt project info: 17:40:50\r\n\r\n------------------------------\r\n- Operating System: `Linux`\r\n- Node Version: `v16.16.0`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `yarn@1.22.19`\r\n- Builder: `vite`\r\n- User Config: `telemetry`, `runtimeConfig`, `css`, `build`, `vite`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n\r\n\r\n### Reproduction\r\n\r\nuse useFetch then watch, in watch affet a boolean in a useState command, then in a component try to use the value in v-if statement => note working\r\n\r\nindex.vue (or any name)\r\n\r\n```\r\n\u003Ctemplate>\r\n\t\u003Cdiv>\r\n\t\t\u003Cbutton @click='onSubmit'>CLICK\u003C/button>\r\n\t\u003C/div>\r\n\r\n\u003C/template>\r\n\r\n\u003Cscript lang=\"ts\" setup>\r\n\r\n\tfunction onSubmit() {\r\n\r\n\t\tconst {data: status} = useFetch('https://httpbin.org/get')\r\n\r\n\t\twatch(status, (newStatus) => {\r\n\r\n\t\t\tconsole.log('call ok')\r\n\r\n\t\t\t\tif(newStatus){\r\n\t\t\t\t\tuseState('test', ()=>'test');\r\n useState('isConnected', ()=>true);\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t},{\r\n\t\t\t\tdeep: true,\r\n\t\t\t\timmediate:true\r\n\t\t\t}\r\n\t\t)\r\n\r\n}\r\n\r\n\u003C/script>\r\n```\r\nin component (Menu.vue)\r\n\r\n```\r\n\u003Ctemplate>\r\n\t\u003Cdiv>\r\n\t\t\t\t\u003CNuxtLink to=\"/\" src>\r\n\t\t\t\t\tHOME\r\n\t\t\t\t\u003C/NuxtLink>\r\n\u003Cdiv>\r\n\t\t\t{{test}} {{isConnected}} Application des commandes\r\n\r\n\u003C/div>\r\n\r\n\t\t\t\t\u003Cbutton v-if=\"isConnected\" @onclick=\"logout()\">LOGOUT\u003C/button>\r\n\t\t\t\t\u003Cbutton v-else href=\"/login\">LOGIN\u003C/button>\r\n\r\n\t\u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript script=\"ts\" setup>\r\n\r\nconst isConnected = useState('isConnected');\r\nconst test = useState( 'test' );\r\nconsole.log( isConnected );\r\n\r\n\u003C/script>\r\n\r\n```\r\n\r\nthen just create a default layout pu menu into and \r\n\r\n### Describe the bug\r\n\r\nWhen we click on button , on the menu in the vif part nothing happen, if we delete the watch part, it will work\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n```shell\r\nno error only my log write the object\r\n\r\nisConnected? 12:47:30\r\nObjectRefImpl { 12:47:30\r\n _object: {},\r\n _key: '$sisConnected',\r\n _defaultValue: undefined,\r\n __v_isRef: true\r\n}\r\n```\r\n",[2073,2074,2075],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":2076,"color":2077},"needs reproduction","FBCA04",15575,"useState not working with v-if when value set in watch statement","2023-01-19T17:55:43Z","https://github.com/nuxt/nuxt/issues/15575",0.67579573,{"labels":2084,"number":2087,"owner":1991,"repository":1991,"state":1992,"title":2088,"updated_at":2089,"url":2090,"score":2091},[2085,2086],{"name":1985,"color":1986},{"name":1988,"color":1989},13051,"useFetch and useAsyncData can't works in event","2023-01-19T16:42:40Z","https://github.com/nuxt/nuxt/issues/13051",0.675826,["Reactive",2093],{},["Set"],["ShallowReactive",2096],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"thle1eEdeqesxMKe2nxQPsnVxckxouGw6kuZ2aitA9g":-1},"/nuxt/nuxt/26683"]