vuikit/src/library/breadcrumb/elements/breadcrumb--item.js

A responsive Vue UI library for web site interfaces based on UIkit

import { mergeData } from 'vuikit/src/util/vue'
import { isUndefined } from 'vuikit/src/util/lang'

export default {
  functional: true,
  props: {
    href: String,
    target: String,
    disabled: {
      type: Boolean,
      default: false
    }
  },
  render: (h, { props, data, children }) => {
    const { disabled, href, target } = props

    return h('li', mergeData(data, {
      class: {
        'uk-disabled': disabled
      }
    }), [
      (isUndefined(href) || disabled)
        ? h('span', children)
        : h('a', { attrs: { href, target } }, children)
    ])
  }
}