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

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

import Vue from 'vue'

import CanRenderMixin from '../../mixins/can-render.js'
import TagMixin from '../../mixins/tag.js'
import ListenersMixin from '../../mixins/listeners.js'

import { slot } from '../../utils/slot.js'

export default Vue.extend({
  name: 'QNoSsr',

  mixins: [ CanRenderMixin, TagMixin, ListenersMixin ],

  props: {
    placeholder: String
  },

  render (h) {
    const data = {
      on: { ...this.qListeners }
    }

    if (this.canRender === true) {
      const node = slot(this, 'default')
      return node === void 0
        ? node
        : (node.length > 1 ? h(this.tag, data, node) : node[0])
    }

    data.staticClass = 'q-no-ssr-placeholder'

    const node = slot(this, 'placeholder')
    if (node !== void 0) {
      return node.length > 1
        ? h(this.tag, data, node)
        : node[0]
    }

    if (this.placeholder !== void 0) {
      return h(this.tag, data, [
        this.placeholder
      ])
    }
  }
})