Dynamic Input vue

<template>
  <div>
    <div v-for="(line, index) in lines" :key="index" class="row">
      <div class="col-lg-6">
        <div class="row">
          <div class="col-2">
            <v-select
              v-model="line.countryCode"
              label="Country Code"
              :options="countryPhoneCodes"
            />
          </div>
          <div class="col-10">
            <v-input
              v-model="line.number"
              label="Phone Number"
              type="tel"
              placeholder="5551234567"
              value=""
            />
          </div>
        </div>
      </div>

      <div class="col-lg-4">
        <v-select
          v-model="line.phoneUsageType"
          label="Type of Usage"
          :options="phoneUsageTypes"
        />
      </div>

      <div class="col-lg-2">
        <div class="block float-right">
          <q-btn round @click="removeLine(index)" icon="delete" />
          <q-btn round v-if="index + 1 === lines.length" @click="addLine" icon="playlist-plus"/>
        </div>
      </div>
    </div>
  </div>
</template>