quasar-framework/src/components/list/QItem.js

Build responsive SPA, SSR, PWA, Hybrid Mobile Apps and Electron apps, all simultaneously using the same codebase

import ItemMixin from '../../mixins/item.js'

export default {
  name: 'QItem',
  mixins: [ ItemMixin ],
  props: {
    active: Boolean,
    link: Boolean
  },
  computed: {
    classes () {
      return [
        this.to !== void 0
          ? 'q-link'
          : {active: this.active},
        this.itemClasses
      ]
    }
  },
  render (h) {
    if (this.to !== void 0) {
      return h('router-link', {
        props: Object.assign({}, this.$props, { tag: 'a' }),
        'class': this.classes
      }, this.$slots.default)
    }

    return h(
      this.tag,
      { 'class': this.classes },
      this.$slots.default
    )
  }
}