Nuxt/test/fixtures/basic/pages/useAsyncData/refresh.vue

39 lines
809 B
Vue

<template>
<div>
Single
<div>
{{ data }} - {{ data2 }}
</div>
</div>
</template>
<script setup lang="ts">
const { data, refresh } = await useCounter()
const { data: data2, refresh: refresh2 } = await useCounter()
let initial = data.value!.count
// Refresh on client and server side
await refresh()
if (data.value!.count !== initial + 1) {
throw new Error('Data not refreshed?' + data.value!.count + ' : ' + data2.value!.count)
}
if (data.value!.count !== data2.value!.count) {
throw new Error('AsyncData not synchronised')
}
initial = data.value!.count
await refresh2()
if (data.value!.count !== initial + 1) {
throw new Error('data2 refresh not synchronised?')
}
if (data.value!.count !== data2.value!.count) {
throw new Error('AsyncData not synchronised')
}
</script>