<template>
  <div
    class="q-gutter-y-md bg-white q-px-lg q-pb-md q-pt-sm q-mt-md q-mx-md rounded-borders"
  >
    <div class="col q-pa-sm">
      <q-btn @click="start" :disable="isButtonDisable">start</q-btn>
    </div>
    <div v-if="errorIdsArr.length">
      Формы не прошедшие проверку : {{ errorIdsArr }}
    </div>
    <span> обновление свойства dictionary в ЭФ</span>
    <q-icon v-if="done" name="done" size="3em" color="positive" />
    <br />
    <!--     v-show="inProgress || done" -->
    <q-linear-progress
      v-show="isButtonDisable"
      :value="progress"
      class="q-mt-md"
    />
  </div>
</template>

<script lang="ts" src="./index.ts"></script>
<style scoped>
details {
  cursor: pointer;
}
</style>
