pug to html

website/client/src/components/settings/deleteModal.vue

@@ -1,19 +1,46 @@
-<template lang="pug">
-  b-modal#delete(:title="$t('deleteAccount')", :hide-footer='true' size='md')
-    .modal-body
-      br
-      strong(v-if='user.auth.local.email') {{ $t('deleteLocalAccountText') }}
-      strong(v-if='!user.auth.local.email') {{ $t('deleteSocialAccountText', {magicWord: 'DELETE'}) }}
-      .row.mt-3
-        .col-6
-          input.form-control(type='password', v-model='password')
-      .row.mt-3
-        #feedback.col-12.form-group
-          label(for='feedbackTextArea') {{ $t('feedback') }}
-          textarea#feedbackTextArea.form-control(v-model='feedback')
-    .modal-footer
-      button.btn.btn-primary(@click='close()') {{ $t('neverMind') }}
-      button.btn.btn-danger(@click='deleteAccount()', :disabled='!password') {{ $t('deleteDo') }}
+<template>
+  <b-modal
+    id="delete"
+    :title="$t('deleteAccount')"
+    :hide-footer="true"
+    size="md"
+  >
+    <div class="modal-body">
+      <br><strong v-if="user.auth.local.email">{{ $t('deleteLocalAccountText') }}</strong><strong v-if="!user.auth.local.email">{{ $t('deleteSocialAccountText', {magicWord: 'DELETE'}) }}</strong><div class="row mt-3">
+        <div class="col-6">
+          <input
+            v-model="password"
+            class="form-control"
+            type="password"
+          >
+        </div>
+      </div><div class="row mt-3">
+        <div
+          id="feedback"
+          class="col-12 form-group"
+        >
+          <label for="feedbackTextArea">{{ $t('feedback') }}</label><textarea
+            id="feedbackTextArea"
+            v-model="feedback"
+            class="form-control"
+          ></textarea>
+        </div>
+      </div>
+    </div><div class="modal-footer">
+      <button
+        class="btn btn-primary"
+        @click="close()"
+      >
+        {{ $t('neverMind') }}
+      </button><button
+        class="btn btn-danger"
+        :disabled="!password"
+        @click="deleteAccount()"
+      >
+        {{ $t('deleteDo') }}
+      </button>
+    </div>
+  </b-modal>
 </template>
 
 <script>