Allow overriding dialog content and buttons

aleksis/core/frontend/components/generic/dialogs/DeleteDialog.vue

@@ -10,15 +10,21 @@
       <v-dialog v-model="dialogOpen" max-width="500px">
         <v-card>
           <v-card-title class="text-h5">
-            {{ $t("actions.confirm_deletion") }}
+            <slot name="title">
+              {{ $t("actions.confirm_deletion") }}
+            </slot>
           </v-card-title>
           <v-card-text>
-            <p class="text-body-1">{{ nameOfObject }}</p>
+            <slot name="body">
+              <p class="text-body-1">{{ nameOfObject }}</p>
+            </slot>
           </v-card-text>
           <v-card-actions>
             <v-spacer></v-spacer>
             <v-btn text @click="close(false)" :disabled="loading">
-              {{ $t("actions.cancel") }}
+              <slot name="cancelContent">
+                {{ $t("actions.cancel") }}
+              </slot>
             </v-btn>
             <v-btn
               color="error"
@@ -27,7 +33,9 @@
               :loading="loading"
               :disabled="loading"
             >
-              {{ $t("actions.delete") }}
+              <slot name="deleteContent">
+                {{ $t("actions.delete") }}
+              </slot>
             </v-btn>
           </v-card-actions>
         </v-card>