vuikit/src/library/nav/elements/nav--item-parent.js

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

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

export default {
  functional: true,
  props: {
    href: String,
    target: String,
    title: {
      type: String,
      required: true
    }
  },
  render (h, { props, data, children }) {
    const { title, href, target } = props

    return h('li', mergeData(data, {
      class: 'uk-parent'
    }), [
      h('a', {
        attrs: { href, target }
      }, [ title ]),
      h('ul', {
        class: 'uk-nav-sub'
      }, children)
    ])
  }
}