`<ClientOnly>` Component about vike-vue HOT 3 CLOSED

I use Evan You's example from vitepress in my project

import { ref, onMounted, defineComponent } from 'vue'

export const ClientOnly = defineComponent({
  setup(_, { slots }) {
    const show = ref(false)
    onMounted(() => {
      show.value = true
    })
    return () => (show.value && slots.default ? slots.default() : null)
  }
})

from vike-vue.

Thank you for the donation @royalswe 💚

from vike-vue.

@royalswe Thanks for sharing 💯 We'll be adding a <ClientOnly> component (although we'll probably go for a slightly different implemention that leverages a dynamic import() in order to load the wrapped component only on the client-side which is frequent need).

from vike-vue.