From cc7fcaf1c9d82b2721a4f400bd39348a3ad50800 Mon Sep 17 00:00:00 2001
From: DarkWiiPlayer <darkwiiplayer@hotmail.com>
Date: Sun, 23 Feb 2025 19:23:35 +0100
Subject: [PATCH] Fix error in `component` helper function

---
 observable.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/observable.js b/observable.js
index fd2c6d0..65deadd 100644
--- a/observable.js
+++ b/observable.js
@@ -323,7 +323,8 @@ export const component = (name, generator, methods) => {
 		generator = name
 		name = camelToKebab(generator.name)
 	}
-	component[kebabToCamel(name)] = class extends HTMLElement{
+	const jsName = kebabToCamel(name)
+	component[jsName] = class extends HTMLElement{
 		/** @type {ObservableObject} */
 		state
 
@@ -344,11 +345,12 @@ export const component = (name, generator, methods) => {
 			if (content) this.replaceChildren(content)
 		}
 	}
+	const element = component[jsName]
 	if (methods) {
-		Object.defineProperties(Element.prototype, Object.getOwnPropertyDescriptors(methods))
+		Object.defineProperties(element.prototype, Object.getOwnPropertyDescriptors(methods))
 	}
-	customElements.define(name, Element)
-	return Element;
+	customElements.define(name, element)
+	return element;
 }
 
 class Composition extends ObservableValue {