Vue.js - SFC generic components

DefaultButton.vue

<template>
  <component
    :is="tag"
    class="small-button-component"
    :disabled="isDisabled"
    v-bind="attrs"
    v-on="$listeners"
  >
    {{ text }}
  </component>
</template>

<script>
export default {
  inheritAttrs: false,
  props: {
    tag: {
      type: String, // 'button' | 'a' | 'nuxt-link'
      default: 'button'
    },
    text: {
      type: String,
      required: true
    },
    isDisabled: {
      type: Boolean,
      default: false
    }
  },
  computed: {
    attrs() {
      const obj = {}
      if (this.tag === 'button') {
        obj.type = 'button'
      }
      return Object.assign(obj, this.$attrs)
    }
  }
}
</script>