Merge pull request #123 from owochlo/staging

src/component.ts

@@ -26,11 +26,11 @@ export class Component {
       typeof el === 'string'
         ? document.querySelector<HTMLElement>(el) || document.body
         : (el as HTMLElement);
-    const $render = (deps: string[] = Object.keys(this.state)) => this.render(deps);
+    const newState = { ...this.state, $render: this.render.bind(this) };
 
     this.ast = compile(rootEl, this.state);
     this.directives = { ...this.directives, ...directives };
-    this.state = reactive({ ...this.state, $render }, this.render.bind(this), this.watchers);
+    this.state = reactive(newState, this.render.bind(this), this.watchers);
 
     this.render();
 

src/core/compile.ts

@@ -10,8 +10,7 @@ export const isListRenderScope = (el: HTMLElement): boolean => {
 };
 
 export const isUnderListRenderScope = (el: HTMLElement): boolean => {
-  if (!el.parentElement) return false;
-  return el.parentElement.hasAttribute(`${DIRECTIVE_PREFIX}for`);
+  return el.parentElement && el.parentElement.hasAttribute(`${DIRECTIVE_PREFIX}for`);
 };
 
 export const createASTNode = (el: HTMLElement, state: State): ASTNode | undefined => {