grid.js

const Container = {
  functional: true,
  render (h, { data, children }) {
    var containerClass = 'container'
    if (data.attrs && Object.keys(data.attrs).toString() === 'fluid') {
      containerClass = `${containerClass}-fluid`
    }

    return h(
      'div',
      {
        class: containerClass
      },
      children
    )
  }
}

const Row = {
  functional: true,
  render (h, { data, children }) {
    return h('div', { class: { row: true } }, children)
  }
}

const Col = {
  functional: true,
  render (h, { data, children }) {
    var classList = null
    if (data.attrs) {
      classList = Object.keys(data.attrs).map(c => {
        // Bootstrap 4 removed xs prefix
        if (parseInt(c)) return `col-${c}`
        return `col-${c.substring(0, 2)}-${c.substring(2)}`
      })
    }
    return h('div', { class: classList }, children)
  }
}

export default {
  Container,
  Row,
  Col
}