<script>
export default {
  name: "StringValue",
  props: {
    id: {
      type: String,
      default: '',
    },
    value: Object
  },
  methods: {
    focus() {
      this.$refs.input.focus();
    }
  },
  computed: {
    inputValue: {
      set(value) {
        this.value.String = value
      },
      get() {
        return this.value.String;
      }
    }
  }
};
</script>

<template>
  <input ref="input" class="form-input input-inline" type="text" :id="id" v-model="inputValue">
</template>
