src/components/read.nim

@@ -0,0 +1,10 @@
+import happyx, os
+
+component Read:
+  title: string
+
+  if !fileExists("/public/Blog/{self.title}.html"):
+    route "/404"
+
+  `template`:
+    tIframe(src="/public/Blog/{self.title}.html", class="flex items-center flex-1 m-14 max-md:m-7 max-sm:m-0 rounded-3xl max-sm:rounded-none")

src/main.nim

@@ -1,7 +1,7 @@
 import
   happyx,
   path_params,
-  components/[nav, glass]
+  components/[nav, glass, read]
 
 appRoutes("app"):
   "/":
@@ -14,9 +14,7 @@ appRoutes("app"):
 
   "/<article>":
     component Nav
-    component Glass($article)
-    # TODO: pass article title to component which renders the article; modify Glass or a new component is needed
-    # TODO: check if article name exists otherwise route to /404
+    component Read($article)
 
   notfound:
     route "/404"