Label Bone

Introducción

Componente lógico.

Código fuente

<script>
const props = {
  label: {
    type: String,
    required: true
  },
  size: {
    type: String,
    default: '14px'
  }
}
import {
  normalizeProps,
  assignCamelToSnake
} from '../../../helpers/propsGenerator'
import { labelComponentName } from '../../../constants'
const mergedProps = normalizeProps(props)
export default {
  name: labelComponentName + 'Bone',
  props: mergedProps,
  data() {
    return {
    }
  },
  created() {
    assignCamelToSnake(mergedProps, this)
  },
  computed:{
    isRequiredLabel () {
      let splittedLabel = this.label.split('*')
      return splittedLabel.length > 1;
    },
    labelText () {
      let splittedLabel = this.label.split('*')
      return splittedLabel[0];
    }
  },
  mounted() {
    this.$propError(props, this.$props, labelComponentName)
  },
  render() {
    return this.$scopedSlots.default({
      label: this.labelText,
      isRequiredLabel: this.isRequiredLabel,
      size: this.size
    })
  }
}
</script>