Add examples for the Pug snippets

ch08-templates/pug-snippets/data-example.js

@@ -0,0 +1,5 @@
+const pug = require('pug');
+const template = 'strong #{message}';
+const context = { message: 'Hello template!' };
+const fn = pug.compile(template);
+console.log(fn(context));

ch08-templates/pug-snippets/iteration-example.js

@@ -0,0 +1,11 @@
+const pug = require('pug');
+const fs = require('fs');
+const template = fs.readFileSync('./template.pug');
+const context = {
+  messages: [
+    'You have logged in successfully.',
+    'Welcome back!'
+  ]
+};
+const fn = pug.compile(template);
+console.log(fn(context));

ch08-templates/pug-snippets/link-example.js

@@ -0,0 +1,5 @@
+const pug = require('pug');
+const template = 'a(href = url)';
+const context = { url: 'http://google.com' };
+const fn = pug.compile(template);
+console.log(fn(context));

ch08-templates/pug-snippets/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "pug-snippets",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "pug": "^2.0.0-beta6"
+  }
+}

ch08-templates/pug-snippets/template.pug

@@ -0,0 +1,3 @@
+- messages.forEach(message => {
+  p= message
+- })