quasar-framework/src/components/no-ssr/QNoSsr.js

Build responsive SPA, SSR, PWA, Hybrid Mobile Apps and Electron apps, all simultaneously using the same codebase

import CanRenderMixin from '../../mixins/can-render.js'

export default {
  name: 'QNoSsr',
  mixins: [ CanRenderMixin ],
  props: {
    tag: {
      type: String,
      default: 'div'
    },
    placeholder: String
  },
  render (h) {
    if (this.canRender) {
      const slot = this.$slots.default
      return slot && slot.length > 1
        ? h(this.tag, slot)
        : (slot ? slot[0] : null)
    }

    if (this.$slots.placeholder) {
      const slot = this.$slots.placeholder
      return slot && slot.length > 1
        ? h(this.tag, { staticClass: 'q-no-ssr-placeholder' }, slot)
        : (slot ? slot[0] : null)
    }

    if (this.placeholder) {
      return h(this.tag, { staticClass: 'q-no-ssr-placeholder' }, [
        this.placeholder
      ])
    }
  }
}