editPriorities

   <div @change="listPriorities">
              <div class="d-flex align-items-center">
                <h3 class="header-pretitle">
                  P1 Priorities
                </h3>
                <a
                  href="#"
                  class="btn btn-rounded-circle btn-white ml-auto mb-2"
                  @click="open(1)">+</a>
              </div>
              <b-list-group>

                <div
                  v-for="item in items"
                  v-if="item.status == 1"
                  :key="item.id">
                  <b-list-group-item
                    class="d-flex align-items-center">
                    <!-- ...................edit...................-->
                    <template
                      v-if="editingPriority"
                      :target="'formEdit-' + item.priorityID">
                      <p> {{ item.priorityID }}</p>
                      <b-form-group
                        :target="'formEdit-' + item.priorityID"
                        class="col-9 mr-auto">
                        <b-form-input
                          id="titlePriority"
                          v-model="formData.titleP1"
                          :state="!$v.formData.titleP1.$dirty ? null : !$v.formData.titleP1.$invalid"
                          type="text"
                          class="mt-4"
                          placeholder="Please edit a priority"
                          aria-describedby="priorityFirstTitleFeedback"
                          @input="delayFieldTouch($v.formData.titleP1)"/>
                        <b-form-invalid-feedback id="priorityFirstTitleFeedback">
                          <span v-if="!$v.formData.titleP1.required">Please type in a title for the priority.</span>
                          <span v-else-if="!$v.formData.titleP1.minLength">An priority title must be at least 3 characters long.</span>
                        </b-form-invalid-feedback>
                      </b-form-group>

                      <b-button
                        class="ml-auto mr-4"
                        variant="outline-primary"
                        size="sm"
                        @click="editPriority(1, formData.titleP1)">
                        Edit
                      </b-button>
                    </template>
                    <template v-else>
                      <p> {{ item.text }} </p>
                      <a
                        :id="'formEdit-' + item.priorityID"
                        href="#!"
                        class="btn btn-rounded-circle btn-white ml-auto mr-2"
                        @click="setEditingPriority(item.priorityID)">E</a>

                      <a
                        :id="'popoverDelete-' + item.priorityID"
                        href="#!"
                        class="btn btn-rounded-circle btn-white">D</a>

                    </template>
                    <!-- ...................delete...................-->