mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-30 09:27:13 +00:00
36 lines
850 B
Vue
36 lines
850 B
Vue
<script setup>
|
|
const showMountain = ref(false)
|
|
|
|
const refreshing = ref(false)
|
|
const refreshAll = async () => {
|
|
refreshing.value = true
|
|
try {
|
|
await refreshNuxtData()
|
|
} finally {
|
|
refreshing.value = false
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<NuxtExampleLayout example="composables/use-async-data">
|
|
<div>
|
|
<div class="flex justify-center gap-2">
|
|
<NButton @click="showMountain = !showMountain">
|
|
{{ showMountain ? 'Hide' : 'Show' }} Mountain
|
|
</NButton>
|
|
<NButton :disabled="refreshing" @click="refreshAll">
|
|
Refetch All Data
|
|
</NButton>
|
|
</div>
|
|
|
|
<div class="flex justify-center gap-2">
|
|
<CounterExample />
|
|
</div>
|
|
<div class="flex justify-center gap-2">
|
|
<MountainExample v-if="showMountain" />
|
|
</div>
|
|
</div>
|
|
</NuxtExampleLayout>
|
|
</template>
|