Add in examples for asciidoc frontmatter using using-asciidoc example

Author: halkeye

examples/using-asciidoc/gatsby-config.js

@@ -10,7 +10,14 @@ module.exports = {
         path: `${__dirname}/src`,
       },
     },
-    `gatsby-transformer-asciidoc`,
+    {
+      resolve: `gatsby-transformer-asciidoc`,
+      options: {
+        attributes: {
+          'skip-front-matter': true
+        }
+      }
+    },
     {
       resolve: `gatsby-plugin-typography`,
       options: {

examples/using-asciidoc/src/pages/front-matter.adoc

@@ -0,0 +1,16 @@
+---
+:layout: post
+source: halkeye
+---
+= Testing front matter
+Doc Writer <[email protected]>
+
+An introduction to http://asciidoc.org[AsciiDoc].
+
+== First Section
+
+* item 1
+* item 2
+
+[source,ruby]
+puts "Hello, World!"

examples/using-asciidoc/src/templates/article.js

@@ -66,6 +66,21 @@ class Article extends React.Component {
             </tbody>
           </table>
         )}
+        {this.props.data.asciidoc.frontmatter && (
+          <table>
+            <thead>
+              <tr>
+                <td colSpan="2">Frontmatter</td>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <th>frontmatter.source</th>
+                <td>{this.props.data.asciidoc.frontmatter.source}</td>
+              </tr>
+            </tbody>
+          </table>
+        )}
         <div
           dangerouslySetInnerHTML={{ __html: this.props.data.asciidoc.html }}
         />
@@ -98,6 +113,9 @@ export const pageQuery = graphql`
         authorInitials
         email
       }
+      frontmatter {
+        source
+      }
     }
   }
 `