sce-component/list/QList.js

export default {
  name: 's-list',
  functional: true,
  props: {
    noBorder: Boolean,
    dark: Boolean,
    dense: Boolean,
    sparse: Boolean,
    striped: Boolean,
    stripedOdd: Boolean,
    separator: Boolean,
    insetSeparator: Boolean,
    multiline: Boolean,
    highlight: Boolean,
    link: Boolean
  },
  render (h, ctx) {
    const
      data = ctx.data,
      prop = ctx.props

    data.class = {
      's-list': true,
      'no-border': prop.noBorder,
      's-list-dark': prop.dark,
      's-list-dense': prop.dense,
      's-list-sparse': prop.sparse,
      's-list-striped': prop.striped,
      's-list-striped-odd': prop.stripedOdd,
      's-list-separator': prop.separator,
      's-list-inset-separator': prop.insetSeparator,
      's-list-multiline': prop.multiline,
      's-list-highlight': prop.highlight,
      's-list-link': prop.link
    }

    return h(
      'div',
      data,
      ctx.children
    )
  }
}