<template>
  <div class="container">
    <p class="is-size-2">Editar información del responsable</p>
    <b-field label="Nombre">
      <b-input
        type="email"
        v-model="nuevo.nombre"
        :placeholder="viejo.nombre">
      </b-input>
    </b-field>
    <b-field label="Correo eletrónico">
      <b-input
        type="email"
        v-model="nuevo.correo"
        :placeholder="viejo.correo">
      </b-input>
    </b-field>
    <b-loading :is-full-page="true" v-model="isLoading" :can-cancel="true"></b-loading>
  </div>
</template>

<script>
export default {
  data () {
    return {
      viejo: {
        nombre: 'Marco',
        correo: 'correo1@gmail.com'
      },
      nuevo: {},
      idServicio: localStorage.getItem('idServicio'),
      isLoading: false
    }
  }
}
</script>
