From 8bf3111ea2d4162f61f7cfe3e4a9e840dfd43637 Mon Sep 17 00:00:00 2001
From: Azri Kahar <42867097+azrikahar@users.noreply.github.com>
Date: Wed, 22 Jun 2022 21:49:01 +0800
Subject: [PATCH] Prevent hyphens in auto generated operation keys (#14041)

---
 .../settings/routes/flows/components/operation-detail.vue     | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/src/modules/settings/routes/flows/components/operation-detail.vue b/app/src/modules/settings/routes/flows/components/operation-detail.vue
index 5ddcb9fb23..71ebec250b 100644
--- a/app/src/modules/settings/routes/flows/components/operation-detail.vue
+++ b/app/src/modules/settings/routes/flows/components/operation-detail.vue
@@ -153,7 +153,9 @@ const selectedOperation = computed(() => getOperation(operationType.value));
 const generatedName = computed(() => (selectedOperation.value ? selectedOperation.value?.name : t('operation_name')));
 
 const generatedKey = computed(() =>
-	selectedOperation.value ? selectedOperation.value?.id + '_' + generateSuffix() : t('operation_key')
+	selectedOperation.value
+		? slugify(selectedOperation.value?.id + '_' + generateSuffix(), { separator: '_' })
+		: t('operation_key')
 );
 
 const { operations } = getOperations();