<commit_before><template>
  <form class="form-inline">
    <div class="form-group">
      <label for="umlWidth">size</label>
      <input type="number" id="umlWidth" step="10" max="100" min="10" v-model="umlWidth" class="form-control">
    </div>
    <div class="form-group">
      <label for="umlExtension">img</label>
      <select id="umlExtension" v-model="umlExtension" class="form-control">
        <option v-for="option in umlExtensions" :value="option.value">
          {{ option.text }}
        </option>
      </select>
    </div>
  </form>
</template>

<script>
export default {
  name: 'uml',
  computed: {
    umlWidth: {
      get () {
        return this.$store.state.plantumlEditor.umlWidth
      },
      set (value) {
        this.$store.commit('setUmlWidth', value)
      }
    },
    umlExtension: {
      get () {
        return this.$store.state.plantumlEditor.umlExtension
      },
      set (value) {
        this.$store.commit('setUmlExtension', value)
        this.$store.dispatch('renderUML', this.$store.state.plantumlEditor.text)
      }
    }
  },
  data () {
    return {
      umlExtensions: [
        {
          text: 'svg',
          value: 'svg'
        },<commit_msg>コンポーネント名を間違えていたので修正<commit_after><template>
  <form class="form-inline">
    <div class="form-group">
      <label for="umlWidth">size</label>
      <input type="number" id="umlWidth" step="10" max="100" min="10" v-model="umlWidth" class="form-control">
    </div>
    <div class="form-group">
      <label for="umlExtension">img</label>
      <select id="umlExtension" v-model="umlExtension" class="form-control">
        <option v-for="option in umlExtensions" :value="option.value">
          {{ option.text }}
        </option>
      </select>
    </div>
  </form>
</template>

<script>
export default {
  name: 'parameters',
  computed: {
    umlWidth: {
      get () {
        return this.$store.state.plantumlEditor.umlWidth
      },
      set (value) {
        this.$store.commit('setUmlWidth', value)
      }
    },
    umlExtension: {
      get () {
        return this.$store.state.plantumlEditor.umlExtension
      },
      set (value) {
        this.$store.commit('setUmlExtension', value)
        this.$store.dispatch('renderUML', this.$store.state.plantumlEditor.text)
      }
    }
  },
  data () {
    return {
      umlExtensions: [
        {
          text: 'svg',
          value: 'svg'
        },
{'fraction_non_alphanumeric': 0.16687319289549774, 'fraction_numerical': 0.0057827344072697235, 'mean_word_length': 2.3499308437067774, 'pattern_counts': {'":': 0, '<': 39, '<?xml version=': 0, '>': 39, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5190994', 'n_tokens_mistral': 818, 'n_tokens_neox': 807, 'n_words': 132}