test: add test for component fetch

test/e2e/fetch.ts

@@ -24,13 +24,15 @@ fixture`Fetch`
 test('Shows fetched data on ssr-loaded page', async t => {
   await t.navigateTo(`${url}/`)
   await expectOnPage('name-Full Name')
+  await expectOnPage('component-Component data')
 })
 
 test('Shows fetched data on client-loaded page', async t => {
   await t.navigateTo(`${url}/other/`)
   await t.click(Selector('a'))
   await expectPathnameToBe('/')
   await expectOnPage('name-Full Name')
+  await expectOnPage('component-Component data')
 })
 
 test('Shows loading state', async t => {

test/fixture/components/comp.vue

@@ -0,0 +1,31 @@
+<template>
+  <div>
+    <div>component-{{ prop }}</div>
+    </div>
+</template>
+
+<script>
+import { defineComponent, ref, computed, useFetch } from '../../..'
+
+export function fetcher(result, time = 100) {
+  return new Promise(resolve => {
+    return setTimeout(() => {
+      resolve(result)
+    }, time)
+  })
+}
+
+export default defineComponent({
+  setup() {
+    const prop = ref('')
+
+useFetch(async () => {
+      prop.value = await fetcher('Component data')
+    })
+
+    return {
+      prop,
+    }
+  }
+})
+</script>

test/fixture/pages/index.vue

@@ -9,12 +9,13 @@
     <div>{{ myFunction() }}</div>
     <nuxt-link to="/other">link forward</nuxt-link>
     <button @click="$fetch">Refetch</button>
-
+    <child-comp />
   </div>
 </template>
 
 <script>
 import { defineComponent, ref, computed, useFetch } from '../../..'
+import ChildComp from '../components/comp.vue'
 
 export function fetcher(result, time = 100) {
   return new Promise(resolve => {
@@ -25,6 +26,9 @@ export function fetcher(result, time = 100) {
 }
 
 export default defineComponent({
+  components: {
+    ChildComp
+  },
   setup() {
     const name = ref('')
     const email = ref('')