fix #254

Author: Ethosa

src/happyx/spa/components.nim

@@ -1036,7 +1036,11 @@ macro importComponent*(body: untyped): untyped =
   # Template
   if templateSource.len > 0:
     var
-      tagData =  initTagVm("div", @[tagFromStringVm(componentData[templateSource[0].group(0)])], true)
+      tagData = 
+        when defined(js):
+          initTagVm("div", @[tagFromStringVm(componentData[templateSource[0].group(0)])], true)
+        else:
+          initTag("div", @[tagFromString(componentData[templateSource[0].group(0)])], true)
       statements = newStmtList()
 
     proc inCreatedComponents(tag: string): string =
@@ -1047,6 +1051,11 @@ macro importComponent*(body: untyped): untyped =
           return key
       ""
 
+    when defined(js):
+      discard
+    else:
+      type VmTagRef = TagRef
+    
     proc handle(tag: VmTagRef, parent: var NimNode) =
       var ifStartIndex = -1
       for child in tag.children:

src/happyx/spa/tag.nim

@@ -539,6 +539,9 @@ func `$`*(self: TagRef): string =
 
 
 when defined(js):
+  proc `$`*(self: Node): string =
+    $self.outerHTML
+
   func add*(self: VmTagRef, tags: varargs[VmTagRef]) =
     ## Adds `other` tag into `self` tag
     runnableExamples: