From 2c04be8607b4f6a54e929b7e1716417f76c02331 Mon Sep 17 00:00:00 2001
From: Astrian Zheng <happy.wheel6743@astrian.moe>
Date: Wed, 21 May 2025 20:57:24 +1000
Subject: [PATCH] chore: modify the function calling

---
 src/main.ts                                   |  2 +-
 src/utils/index.ts                            |  2 +-
 ...plateMarco.ts => processTemplateMarcos.ts} | 22 +++----------------
 3 files changed, 5 insertions(+), 21 deletions(-)
 rename src/utils/{processTemplateMarco.ts => processTemplateMarcos.ts} (97%)

diff --git a/src/main.ts b/src/main.ts
index 499645b..9a7f186 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -155,7 +155,7 @@ export default (options: ComponentOptions) => {
 					this._extractStatePathsFromExpression.bind(this),
 				states: this._states,
 				triggerFunc: this.triggerFunc.bind(this),
-				setupArrowFunctionHandler: utils.setupArrowFunctionHandler.bind(this),
+				// setupArrowFunctionHandler: utils.setupArrowFunctionHandler.bind(this),
 			})
 		}
 
diff --git a/src/utils/index.ts b/src/utils/index.ts
index e7cae5b..04e0aef 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,5 +1,5 @@
 import parseTemplate from './parseTemplate'
-import processTemplateMacros from './processTemplateMarco'
+import processTemplateMacros from './processTemplateMarcos'
 import setupArrowFunctionHandler from './setupArrowFunctionHandler'
 import triggerDomUpdates from './triggerDomUpdates'
 
diff --git a/src/utils/processTemplateMarco.ts b/src/utils/processTemplateMarcos.ts
similarity index 97%
rename from src/utils/processTemplateMarco.ts
rename to src/utils/processTemplateMarcos.ts
index 74b0f09..fa250c9 100644
--- a/src/utils/processTemplateMarco.ts
+++ b/src/utils/processTemplateMarcos.ts
@@ -1,3 +1,5 @@
+import setupArrowFunctionHandler from './setupArrowFunctionHandler'
+
 export default function processTemplateMacros(
 	element: Element,
 	context: CustomElement,
@@ -9,24 +11,6 @@ export default function processTemplateMacros(
 			expr: string,
 			attrValue: string,
 		) => void
-		setupArrowFunctionHandler: (
-			element: Element,
-			eventName: string,
-			handlerValue: string,
-			ops: {
-				createHandlerContext: (
-					event: Event,
-					element: Element,
-				) => {
-					states: Record<string, unknown>
-					stateToElementsMap: Record<string, Set<HTMLElement>>
-					statesListeners: Record<string, (value: unknown) => void>
-					setState: (keyPath: string, value: unknown) => void
-					getState: (keyPath: string) => unknown
-					triggerFunc: (eventName: string, ...args: unknown[]) => void
-				}
-			},
-		) => void
 		setupFunctionCallHandler: (
 			element: Element,
 			eventName: string,
@@ -162,7 +146,7 @@ export default function processTemplateMacros(
 				// Handle different types of event handlers
 				if (handlerValue.includes('=>')) {
 					// Handle arrow function: @click="e => setState('count', count + 1)"
-					options.setupArrowFunctionHandler(
+					setupArrowFunctionHandler(
 						currentElementNode,
 						eventName,
 						handlerValue,