Investigation of lazy hydration

vue-lazy-hydration-never.vue

<template>
  <LazyHydrate never>
    <Child>
      <Child>
        <Child>
          <Child>
            <p>This page uses vue-lazy-hydration library with never attribute.</p>
          </Child>
        </Child>
      </Child>
    </Child>
  </LazyHydrate>
</template>

<script lang="ts">
import Vue from 'vue';
import Child from '~/components/Child.vue';
import LazyHydrate from 'vue-lazy-hydration';

export default Vue.extend({
  components: { Child, LazyHydrate }
});
</script>

vue-lazy-hydration.vue

<template>
  <LazyHydrate whenIdle>
    <Child>
      <Child>
        <Child>
          <Child>
            <p>This page uses vue-lazy-hydration library.</p>
          </Child>
        </Child>
      </Child>
    </Child>
  </LazyHydrate>
</template>

<script lang="ts">
import Vue from 'vue';
import Child from '~/components/Child.vue';
import LazyHydrate from 'vue-lazy-hydration';

export default Vue.extend({
  components: { Child, LazyHydrate }
});
</script>