fix: value not returning during computation

src/core/compile.ts

@@ -17,10 +17,7 @@ export const isUnderListRenderScope = (el: HTMLElement): boolean => {
 export const createASTNode = (el: HTMLElement, state: State): ASTNode | null => {
   const [directives, deps] = collectAndInitDirectives(el, state);
 
-  // Check if there are directives
   const hasDirectives = Object.keys(directives).length > 0;
-
-  // Check if there are affected props in state
   const hasDepInDirectives = Object.values(directives).some(({ value }) =>
     Object.keys(state).some((prop) => expressionPropRE(prop).test(value))
   );
@@ -55,7 +52,7 @@ export const collectAndInitDirectives = (
     const deps: string[] = propsInState.filter((prop) => {
       const hasDep = expressionPropRE(prop).test(String(value));
 
-      // Compare toString value of function
+      // Check for dependencies inside functions
       if (typeof state[prop] === 'function' && hasDep) {
         const depsInFunction = propsInState.filter((p) =>
           expressionPropRE(p).test(String(state[prop]))

src/core/directives/for.ts

@@ -61,8 +61,7 @@ export const forDirective = ({ el, data, state, node }: DirectiveProps) => {
 
   if (!marker) {
     adjustDeps(ast, data.deps, node, 'for');
-    setElementCustomProp(el, '__l_for_ast', compile(el, state));
   }
 
-  render(getElementCustomProp(el, '__l_for_ast'), directives, state, node.deps);
+  render(compile(el, state), directives, state, node.deps);
 };

src/core/utils/computeExpression.ts

@@ -12,7 +12,7 @@ export const computeExpression = (
       const value = state[expression];
       if (value) {
         // @ts-expect-error
-        typeof value === 'function' ? state[expression]() : value;
+        return typeof value === 'function' ? state[expression]() : value;
       } else {
         const emit = (name: string, options?: CustomEventInit, dispatchGlobal: boolean = true) => {
           const event = new CustomEvent(name, options);