From cf3300a5ef33837f81c1e12e51b08619df1868c6 Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Mon, 22 Feb 2021 17:00:03 +0800
Subject: [PATCH] refactor(webui): use color attribute instead of class

---
 .../src/components/dialogs/CollectionDeleteDialog.vue      | 7 +++----
 komga-webui/src/components/dialogs/LibraryDeleteDialog.vue | 2 +-
 .../src/components/dialogs/ReadListDeleteDialog.vue        | 2 +-
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/komga-webui/src/components/dialogs/CollectionDeleteDialog.vue b/komga-webui/src/components/dialogs/CollectionDeleteDialog.vue
index bddf448e8..1ecc104de 100644
--- a/komga-webui/src/components/dialogs/CollectionDeleteDialog.vue
+++ b/komga-webui/src/components/dialogs/CollectionDeleteDialog.vue
@@ -16,7 +16,7 @@
               <v-col>
                 <v-checkbox v-model="confirmDelete" color="red">
                   <template v-slot:label>
-                    {{ $t('dialog.delete_collection.confirm_delete', { name: collection.name}) }}
+                    {{ $t('dialog.delete_collection.confirm_delete', {name: collection.name}) }}
                   </template>
                 </v-checkbox>
               </v-col>
@@ -27,7 +27,7 @@
         <v-card-actions>
           <v-spacer/>
           <v-btn text @click="dialogCancel">{{ $t('dialog.delete_collection.button_cancel') }}</v-btn>
-          <v-btn text class="red--text"
+          <v-btn text color="error"
                  @click="dialogConfirm"
                  :disabled="!confirmDelete"
           >{{ $t('dialog.delete_collection.button_confirm') }}
@@ -45,8 +45,7 @@
       <v-btn
         text
         @click="snackbar = false"
-      >
-        Close
+      >{{ $t('common.close') }}
       </v-btn>
     </v-snackbar>
   </div>
diff --git a/komga-webui/src/components/dialogs/LibraryDeleteDialog.vue b/komga-webui/src/components/dialogs/LibraryDeleteDialog.vue
index 21f1ea92d..af5ce5b16 100644
--- a/komga-webui/src/components/dialogs/LibraryDeleteDialog.vue
+++ b/komga-webui/src/components/dialogs/LibraryDeleteDialog.vue
@@ -25,7 +25,7 @@
         <v-card-actions>
           <v-spacer/>
           <v-btn text @click="dialogCancel">{{ $t('dialog.delete_library.button_cancel') }}</v-btn>
-          <v-btn text class="red--text"
+          <v-btn text color="error"
                  @click="dialogConfirm"
                  :disabled="!confirmDelete"
           >{{ $t('dialog.delete_library.button_confirm') }}
diff --git a/komga-webui/src/components/dialogs/ReadListDeleteDialog.vue b/komga-webui/src/components/dialogs/ReadListDeleteDialog.vue
index cd972163f..ec9a19bdf 100644
--- a/komga-webui/src/components/dialogs/ReadListDeleteDialog.vue
+++ b/komga-webui/src/components/dialogs/ReadListDeleteDialog.vue
@@ -27,7 +27,7 @@
         <v-card-actions>
           <v-spacer/>
           <v-btn text @click="dialogCancel">{{ $t('dialog.delete_readlist.button_cancel') }}</v-btn>
-          <v-btn text class="red--text"
+          <v-btn text color="error"
                  @click="dialogConfirm"
                  :disabled="!confirmDelete"
           >{{ $t('dialog.delete_readlist.button_confirm') }}</v-btn>