docs: demo for globals, for #286

harttle · Dec 22, 2020 · 8a85005 · 8a85005
1 parent 626f911
commit 8a85005
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 7 deletions.
diff --git a/demo/nodejs/footer.liquid b/demo/nodejs/footer.liquid
@@ -0,0 +1 @@
+<small>{{title}}</small>
diff --git a/demo/nodejs/html.liquid b/demo/nodejs/html.liquid
@@ -0,0 +1,7 @@
+<html>
+  <head><meta name="title" content="{{title}}"></head>
+  <body>
+    {% block %}{% endblock %}
+    {% render "footer.liquid" %}
+  </body>
+</html>
diff --git a/demo/nodejs/index.js b/demo/nodejs/index.js
@@ -1,8 +1,9 @@
-const { Liquid } = require('liquidjs')
+const { Liquid } = require('../..')
 
 const engine = new Liquid({
   root: __dirname,
-  extname: '.liquid'
+  extname: '.liquid',
+  globals: {title: 'LiquidJS Demo'}
 })
 
 engine.registerTag('header', {
@@ -17,8 +18,7 @@ engine.registerTag('header', {
 })
 
 const ctx = {
-  todos: ['fork and clone', 'make it better', 'make a pull request'],
-  title: 'Welcome to liquidjs!'
+  todos: ['fork and clone', 'make it better', 'make a pull request']
 }
 
 engine.renderFile('todolist', ctx)

diff --git a/demo/nodejs/todolist.liquid b/demo/nodejs/todolist.liquid
@@ -1,7 +1,7 @@
-{%header content: "welcome to liquid" | capitalize%}
-
+{% layout 'html.liquid' %}
+{%header content: title | capitalize%}
 <ul>
   {% for todo in todos %}
   <li>{{forloop.index}} - {{todo}}</li>
   {% endfor %}
-</ul>
+</ul>