sce-component/card/QCardTitle.js

export default {
  name: 's-card-title',
  functional: true,
  render (h, ctx) {
    const
      data = ctx.data,
      cls = ctx.data.staticClass,
      slots = ctx.slots()

    data.staticClass = `s-card-primary s-card-container${cls ? ` ${cls}` : ''}`
    data.staticRight = `s-card-primary s-card-container row no-wrap${cls ? ` ${cls}` : ''}`
    return h(
      'div',
      data,
      [
        h('div', {staticClass: 'row full-width'}, [
          h('div', {staticClass: 's-card-top-right'}, slots.topright)
        ]),
        h('div', {staticClass: 'row col column'}, [
          h('div', {staticClass: 's-card-title'}, slots.title),
          h('div', {staticClass: 's-card-subtitle'}, slots.subtitle)
        ]),
        h('div', {staticClass: 'col-auto self-center s-card-title-extra'}, slots.right)
      ]
    )
  }
}