From c7152e382f0f3454d8fd1751e0cb0565a956297c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?F=C3=A9lix=20Girault?= <felix.girault@gmail.com>
Date: Fri, 13 Sep 2024 16:48:25 +0200
Subject: [PATCH] Fixed props aliasing

HTML elements require dataset props to be camelCased.
---
 src/core/utils/updatePurposeElements.ts | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/core/utils/updatePurposeElements.ts b/src/core/utils/updatePurposeElements.ts
index b2cce681..f05bda54 100644
--- a/src/core/utils/updatePurposeElements.ts
+++ b/src/core/utils/updatePurposeElements.ts
@@ -1,4 +1,12 @@
-const backupName = (attribute: string) => `orejime-${attribute}`;
+const backupName = (attribute: string) => {
+	const name = `orejime-${attribute}`;
+	const camelCased = name.replace(
+		/[-_](.)/g,
+		(_, char) => char.toUpperCase()
+	);
+
+	return camelCased;
+}
 
 const backupAttribute = <T extends HTMLElement>(element: T, name: string) => {
 	if (element.getAttribute(name) && !element.dataset?.[name]) {