diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index ccc6be41..9df04619 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -53,6 +53,7 @@ const {
   fetchListService,
   fetchListServiceById,
   createService,
+  deleteService,
 } = productServiceStore;
 
 import ItemCard from 'src/components/ItemCard.vue';
@@ -274,6 +275,23 @@ const itemCard = [
   },
 ];
 
+async function deleteServiceById(serviceId?: string) {
+  dialog({
+    color: 'negative',
+    icon: 'mdi-alert',
+    title: t('deleteConfirmTitle'),
+    actionText: t('ok'),
+    persistent: true,
+    message: t('deleteConfirmMessage'),
+    action: async () => {
+      await deleteService(serviceId ?? currentIdService.value);
+
+      await fetchListOfService();
+    },
+    cancel: () => {},
+  });
+}
+
 async function deleteProductById(productId?: string) {
   dialog({
     color: 'negative',