mirror of https://github.com/nuxt/nuxt.git
51 lines
1.4 KiB
Vue
51 lines
1.4 KiB
Vue
<template>
|
|
<div>
|
|
Hello World
|
|
<div id="locator-for-playwright">
|
|
<!-- single child -->
|
|
<NuxtClientFallback fallback-tag="span" class="break-in-ssr" fallback="this failed to render">
|
|
<BreakInSetup />
|
|
</NuxtClientFallback>
|
|
<!-- multi child -->
|
|
<NuxtClientFallback>
|
|
<BreakInSetup class="broke-in-ssr" />
|
|
<BreakInSetup />
|
|
</NuxtClientFallback>
|
|
<!-- don't render if one child fails in ssr -->
|
|
<NuxtClientFallback>
|
|
<BreakInSetup />
|
|
<SugarCounter id="sugar-counter" :multiplier="multiplier" />
|
|
</NuxtClientFallback>
|
|
<!-- nested children fails -->
|
|
<NuxtClientFallback>
|
|
<div>
|
|
<BreakInSetup />
|
|
</div>
|
|
<SugarCounter :multiplier="multiplier" />
|
|
</NuxtClientFallback>
|
|
<!-- should be rendered -->
|
|
<NuxtClientFallback fallback-tag="p">
|
|
<FunctionalComponent />
|
|
</NuxtClientFallback>
|
|
<!-- fallback -->
|
|
<NuxtClientFallback>
|
|
<BreakInSetup />
|
|
<template #fallback>
|
|
<div>Hello world !</div>
|
|
</template>
|
|
</NuxtClientFallback>
|
|
<ClientFallbackStateful />
|
|
<ClientFallbackStatefulSetup />
|
|
<ClientFallbackNonStatefulSetup />
|
|
<ClientFallbackNonStateful />
|
|
</div>
|
|
<button id="increment-count" @click="multiplier++">
|
|
increment count
|
|
</button>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
const multiplier = ref(0)
|
|
</script>
|