data management: improve delete prompt

frontend/pages/group/data/foods.vue

@@ -150,7 +150,10 @@
       @confirm="deleteFood"
     >
       <v-card-text>
+        <div class="mb-4">
           {{ $t("general.confirm-delete-generic") }}
+        </div>
+        <p v-if="deleteTarget" class="ml-4">{{ deleteTarget.name }}</p>
       </v-card-text>
     </BaseDialog>
 
@@ -394,6 +397,7 @@ export default defineComponent({
       deleteEventHandler,
       deleteDialog,
       deleteFood,
+      deleteTarget,
       // Alias Manager
       aliasManagerDialog,
       aliasManagerEventHandler,

frontend/pages/group/data/labels.vue

@@ -38,7 +38,10 @@
       @confirm="deleteLabel"
     >
       <v-card-text>
+        <div class="mb-4">
           {{ $t("general.confirm-delete-generic") }}
+        </div>
+        <MultiPurposeLabel v-if="deleteTarget" class="ml-4" :label="deleteTarget" />
       </v-card-text>
     </BaseDialog>
 
@@ -231,13 +234,19 @@ export default defineComponent({
       labels: labelStore.labels,
       validators,
 
-      deleteEventHandler,
+      // create
-      deleteLabel,
+      createLabel,
+      createLabelData: labelData.data,
+
+      // edit
       editLabel,
       editEventHandler,
       editSaveLabel,
-      createLabel,
+
-      createLabelData: labelData.data,
+      // delete
+      deleteEventHandler,
+      deleteLabel,
+      deleteTarget,
 
       // Seed
       seedDatabase,

frontend/pages/group/data/units.vue

@@ -124,7 +124,10 @@
       @confirm="deleteUnit"
     >
       <v-card-text>
+        <div class="mb-4">
           {{ $t("general.confirm-delete-generic") }}
+        </div>
+        <p v-if="deleteTarget" class="ml-4">{{ deleteTarget.name }}</p>
       </v-card-text>
     </BaseDialog>
 
@@ -421,6 +424,7 @@ export default defineComponent({
       deleteEventHandler,
       deleteDialog,
       deleteUnit,
+      deleteTarget,
       // Alias Manager
       aliasManagerDialog,
       aliasManagerEventHandler,