mirror of
https://github.com/nuxt/nuxt.git
synced 2024-12-05 20:07:16 +00:00
34 lines
880 B
Vue
34 lines
880 B
Vue
<template>
|
|
<div>
|
|
<LazyNCompAll message="lazy-named-comp-all" />
|
|
<LazyNCompClient message="lazy-named-comp-client" />
|
|
<LazyNCompServer message="lazy-named-comp-server" />
|
|
<LazyEventDelayedEvent id="lazyevent" />
|
|
<LazyEventView />
|
|
<LazyVisibleDelayedVisible />
|
|
<LazyNeverDelayedNever />
|
|
<LazyEventDelayedEvent
|
|
id="lazyevent2"
|
|
:hydrate="createEventLoader(['click'])"
|
|
/>
|
|
<LazyIfDelayedCondition id="lazycondition" />
|
|
<button
|
|
id="conditionbutton"
|
|
@click="state++"
|
|
/>
|
|
<LazyIfDelayedCondition
|
|
id="lazycondition2"
|
|
:hydrate="state > 1"
|
|
/>
|
|
<LazyIdleDelayedNetwork />
|
|
<div style="height:3000px">
|
|
This is a very tall div
|
|
</div>
|
|
<LazyVisibleDelayedVisible />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const state = useState('delayedHydrationCondition', () => 1)
|
|
</script>
|