mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-28 16:42:04 +00:00
27 lines
648 B
Vue
27 lines
648 B
Vue
|
<script setup lang="ts">
|
||
|
|
const page = ref<HTMLDivElement | undefined>()
|
||
|
|
const mountedHTML = ref()
|
||
|
|
onMounted(() => {
|
||
|
|
mountedHTML.value = page.value?.innerHTML
|
||
|
|
})
|
||
|
|
|
||
|
|
const lazy = useRoute().query.lazy === 'true'
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div ref="page" class="end-page">
|
||
|
|
End page
|
||
|
|
<pre>{{ mountedHTML }}</pre>
|
||
|
|
<section id="fallback">
|
||
|
|
<AsyncServerComponent :lazy="lazy" :count="42">
|
||
|
|
<template #fallback>
|
||
|
|
Loading server component
|
||
|
|
</template>
|
||
|
|
</AsyncServerComponent>
|
||
|
|
</section>
|
||
|
|
<section id="no-fallback">
|
||
|
|
<AsyncServerComponent :lazy="lazy" :count="42" />
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
</template>
|