From be9e77186f3c18241ed10d71550f97833c14d015 Mon Sep 17 00:00:00 2001
From: Valeriy Sinevich <zohan33333@gmail.com>
Date: Sat, 28 Oct 2023 01:21:20 +0300
Subject: [PATCH 1/3] useAsyncData-regressions

---
 test/basic.test.ts                            | 64 +++++++++++++++++++
 .../ComponentWithSharedUseAsyncData.vue       | 15 +++++
 .../basic/composables/asyncDataTests.ts       | 20 ++++++
 .../basic/pages/useAsyncData/shared.vue       | 37 +++++++++++
 4 files changed, 136 insertions(+)
 create mode 100644 test/fixtures/basic/components/ComponentWithSharedUseAsyncData.vue
 create mode 100644 test/fixtures/basic/pages/useAsyncData/shared.vue

diff --git a/test/basic.test.ts b/test/basic.test.ts
index e7e3a43c0c..3952abe2ff 100644
--- a/test/basic.test.ts
+++ b/test/basic.test.ts
@@ -1989,6 +1989,70 @@ describe.skipIf(isWindows)('useAsyncData', () => {
   })
 })
 
+describe('useAsyncData regression with immediate:false', () => {
+  it('shared data, pending', async () => {
+    const page = await createPage('/useAsyncData/shared')
+    await page.waitForLoadState('networkidle')
+    await page.waitForFunction(
+      () => window.useNuxtApp?.()._route.fullPath === '/useAsyncData/shared'
+    )
+
+    expect(await page.locator('#pageWithSharedAsyncData__data').innerText()).toContain('default data')
+    expect(await page.locator('#pageWithSharedAsyncData__pending').innerText()).toContain('true')
+
+    expect(await page.locator('#componentWithSharedUseAsyncData__data').innerText()).toContain(
+      'default data'
+    )
+    expect(await page.locator('#componentWithSharedUseAsyncData__pending').innerText()).toContain(
+      'true'
+    )
+
+    await page.click('#pageWithSharedAsyncData__execute')
+
+    expect(await page.locator('#pageWithSharedAsyncData__data').innerText()).toContain('some data')
+    expect(await page.locator('#pageWithSharedAsyncData__pending').innerText()).toContain('false')
+
+    expect(await page.locator('#componentWithSharedUseAsyncData__data').innerText()).toContain(
+      'some data'
+    )
+    expect(await page.locator('#componentWithSharedUseAsyncData__pending').innerText()).toContain(
+      'false'
+    )
+  })
+
+  it('watch', async () => {
+    const page = await createPage('/useAsyncData/shared')
+    await page.waitForLoadState('networkidle')
+    await page.waitForFunction(
+      () => window.useNuxtApp?.()._route.fullPath === '/useAsyncData/shared'
+    )
+
+    expect(await page.locator('#pageWithSharedAsyncData__data').innerText()).toContain('default data')
+    expect(await page.locator('#pageWithSharedAsyncData__pending').innerText()).toContain('true')
+
+    expect(await page.locator('#componentWithSharedUseAsyncData__data').innerText()).toContain(
+      'default data'
+    )
+    expect(await page.locator('#componentWithSharedUseAsyncData__pending').innerText()).toContain(
+      'true'
+    )
+
+    await page.click('#pageWithSharedAsyncData__changeQuery')
+
+    expect(await page.locator('#pageWithSharedAsyncData__data').innerText()).toContain('some data')
+    expect(await page.locator('#pageWithSharedAsyncData__pending').innerText()).toContain('false')
+
+    expect(await page.locator('#componentWithSharedUseAsyncData__data').innerText()).toContain(
+      'some data'
+    )
+    expect(await page.locator('#componentWithSharedUseAsyncData__pending').innerText()).toContain(
+      'false'
+    )
+
+    await page.close()
+  })
+})
+
 describe.runIf(isDev())('component testing', () => {
   it('should work', async () => {
     const comp1 = await $fetchComponent('components/SugarCounter.vue', { multiplier: 2 })
diff --git a/test/fixtures/basic/components/ComponentWithSharedUseAsyncData.vue b/test/fixtures/basic/components/ComponentWithSharedUseAsyncData.vue
new file mode 100644
index 0000000000..4057ed15b3
--- /dev/null
+++ b/test/fixtures/basic/components/ComponentWithSharedUseAsyncData.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { useSharedAsyncData } from '../composables/asyncDataTests'
+const { data, pending } = useSharedAsyncData()
+</script>
+
+<template>
+  <div>
+    <div id="componentWithSharedUseAsyncData__data">
+      {{ data }}
+    </div>
+    <div id="componentWithSharedUseAsyncData__pending">
+      {{ pending }}
+    </div>
+  </div>
+</template>
diff --git a/test/fixtures/basic/composables/asyncDataTests.ts b/test/fixtures/basic/composables/asyncDataTests.ts
index 07dd078ae8..67c165980c 100644
--- a/test/fixtures/basic/composables/asyncDataTests.ts
+++ b/test/fixtures/basic/composables/asyncDataTests.ts
@@ -5,3 +5,23 @@ export const useSleep = () => useAsyncData('sleep', async () => {
 })
 
 export const useCounter = () => useFetch('/api/useAsyncData/count')
+
+export const useSharedAsyncData = () => {
+  const route = useRoute()
+
+  const { data, execute, pending } = useAsyncData(
+    'sharedAsyncData',
+    () => Promise.resolve('some data'),
+    {
+      default: () => 'default data',
+      immediate: false,
+      watch: [() => route.query]
+    }
+  )
+
+  return {
+    data,
+    execute,
+    pending
+  }
+}
diff --git a/test/fixtures/basic/pages/useAsyncData/shared.vue b/test/fixtures/basic/pages/useAsyncData/shared.vue
new file mode 100644
index 0000000000..ded3376dcf
--- /dev/null
+++ b/test/fixtures/basic/pages/useAsyncData/shared.vue
@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import { useSharedAsyncData } from '../../composables/asyncDataTests'
+import ComponentWithSharedUseAsyncData from '../../components/ComponentWithSharedUseAsyncData.vue'
+
+const { data, pending, execute } = useSharedAsyncData()
+const router = useRouter()
+
+const page = ref(1)
+const changeQuery = () => {
+  page.value += 1
+  router.push({
+    query: {
+      page: page.value
+    }
+  })
+}
+</script>
+
+<template>
+  <div>
+    <div id="pageWithSharedAsyncData__execute" @click="() => execute()">
+      execute
+    </div>
+    <div id="pageWithSharedAsyncData__changeQuery" @click="changeQuery">
+      changeQuery
+    </div>
+
+    <div id="pageWithSharedAsyncData__data">
+      {{ data }}
+    </div>
+    <div id="pageWithSharedAsyncData__pending">
+      {{ pending }}
+    </div>
+
+    <ComponentWithSharedUseAsyncData />
+  </div>
+</template>

From a61a14ad92b392e8e71f4ee625db6808c450b8d2 Mon Sep 17 00:00:00 2001
From: Valery Sinevich <sinevich@matras.ru>
Date: Tue, 30 Jan 2024 17:46:51 +0300
Subject: [PATCH 2/3] use async/await

---
 .../basic/components/ComponentWithSharedUseAsyncData.vue      | 2 +-
 test/fixtures/basic/composables/asyncDataTests.ts             | 4 ++--
 test/fixtures/basic/pages/useAsyncData/shared.vue             | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/test/fixtures/basic/components/ComponentWithSharedUseAsyncData.vue b/test/fixtures/basic/components/ComponentWithSharedUseAsyncData.vue
index 4057ed15b3..e2bc99d72b 100644
--- a/test/fixtures/basic/components/ComponentWithSharedUseAsyncData.vue
+++ b/test/fixtures/basic/components/ComponentWithSharedUseAsyncData.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useSharedAsyncData } from '../composables/asyncDataTests'
-const { data, pending } = useSharedAsyncData()
+const { data, pending } = await useSharedAsyncData()
 </script>
 
 <template>
diff --git a/test/fixtures/basic/composables/asyncDataTests.ts b/test/fixtures/basic/composables/asyncDataTests.ts
index 67c165980c..c687fdc979 100644
--- a/test/fixtures/basic/composables/asyncDataTests.ts
+++ b/test/fixtures/basic/composables/asyncDataTests.ts
@@ -6,10 +6,10 @@ export const useSleep = () => useAsyncData('sleep', async () => {
 
 export const useCounter = () => useFetch('/api/useAsyncData/count')
 
-export const useSharedAsyncData = () => {
+export const useSharedAsyncData = async () => {
   const route = useRoute()
 
-  const { data, execute, pending } = useAsyncData(
+  const { data, execute, pending } = await useAsyncData(
     'sharedAsyncData',
     () => Promise.resolve('some data'),
     {
diff --git a/test/fixtures/basic/pages/useAsyncData/shared.vue b/test/fixtures/basic/pages/useAsyncData/shared.vue
index ded3376dcf..7dd5b98dd1 100644
--- a/test/fixtures/basic/pages/useAsyncData/shared.vue
+++ b/test/fixtures/basic/pages/useAsyncData/shared.vue
@@ -2,7 +2,7 @@
 import { useSharedAsyncData } from '../../composables/asyncDataTests'
 import ComponentWithSharedUseAsyncData from '../../components/ComponentWithSharedUseAsyncData.vue'
 
-const { data, pending, execute } = useSharedAsyncData()
+const { data, pending, execute } = await useSharedAsyncData()
 const router = useRouter()
 
 const page = ref(1)

From 83a6a12e1b6d07d9e58b3572250a5f495b74fd2a Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Tue, 30 Jan 2024 16:16:00 +0000
Subject: [PATCH 3/3] [autofix.ci] apply automated fixes

---
 test/fixtures/basic/pages/useAsyncData/shared.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/test/fixtures/basic/pages/useAsyncData/shared.vue b/test/fixtures/basic/pages/useAsyncData/shared.vue
index 7dd5b98dd1..c1a12a8f2b 100644
--- a/test/fixtures/basic/pages/useAsyncData/shared.vue
+++ b/test/fixtures/basic/pages/useAsyncData/shared.vue
@@ -18,10 +18,16 @@ const changeQuery = () => {
 
 <template>
   <div>
-    <div id="pageWithSharedAsyncData__execute" @click="() => execute()">
+    <div
+      id="pageWithSharedAsyncData__execute"
+      @click="() => execute()"
+    >
       execute
     </div>
-    <div id="pageWithSharedAsyncData__changeQuery" @click="changeQuery">
+    <div
+      id="pageWithSharedAsyncData__changeQuery"
+      @click="changeQuery"
+    >
       changeQuery
     </div>