tests/testjs14.nim

import ../src/happyx


component CTestChild:
  id: int
  color: cstring
  `template`:
    tDiv(style=fmt"color:{self.color};"):
      "subcomponent ID: {self.id}"

var ctest1 = use component CTestChild(id=1, color = "green")

component CTest:
  id: int
  newId: cstring = "newId: " & $id
  message: cstring = ""
  child: CTestChild = use component CTestChild(id = self.id.val, color ="red")
  `template`:
    self.child.val
    script: """
    var x = 0
    """
   #component self.child
    tDiv: "template: {self.id} {self.newId}"

var test1 = use component CTest(id = 1)


var catStatus: string
var catLife: bool = false

if catLife:
  catStatus = "alive"
else:
  catStatus = "dead"


component Container:
  `template`:
    tSpan:
      slot

var grandCount: int = 0

proc nextCount(): int =
  grandCount += 1
  result = grandCount

component Counter:
  n: int = nextCount()
  `template`:
    "{self.n} )"

component withCounter:
  n: int = 9
  `template`:
    component Container:
    # tSpan:
      for i in 1..self.n.val:
        component Counter


appRoutes("app"):
  "/":
    tDiv: test1
    tDiv: CTest(id = 7)
    tDiv: CTest(9)
    tDiv:
      CTest(id = 0):
        "hello"
  
  @GetUserAgent
  "/issue154":
    tDiv:
      "Your user agent is"
      {userAgent}
    tDiv: {catStatus}
    var
      dogStatus = "superposition"
      dogLife: bool = false
    if dogLife:
      dogStatus = "alive"
    else:
      dogStatus = "dead"
    tDiv(style="color:red;"):  # <- for this
      {dogStatus}
      # Attrs declaration for tDiv with `style`
      myAttr := "asd"
      myAttr1 := 1123
  
  "/issue171":
    for i in 1..10:
      component withCounter