Witify/formly

<template>
  <div>
    <v-input 
      v-for="(l, i) in $form.config.locales"
      :key="i"
      v-show="state.locale == i"
      :name="name + '.' + i" 
      :helpText="helpText" :label="getLabel" 
      :component="component" 
      :props="props" 
      locale
    ></v-input>
    <div></div>
  </div>
</template>

<script>

import { Form } from '../services/Form'
import store from '../store'

export default {
  props: {
    name: {
      required: true,
      type: String
    },
    helpText: {
      required: false,
      type: String
    },
    label: {
      required: false,
      type: String
    },
    component: {
      required: false,
      default: 'v-input-text'
    },
    props: {
      default () {
        return {}
      }
    }
  },
  data () {
      return {
          state: store.state
      }
  },
  computed: {
    getLabel () {
      if (this.label === undefined) {
        let parts = this.name.split('.')
        let last = parts.pop()
        return last.toLowerCase().capitalize()
      }
      return this.label
    }
  }
}
</script>