Format

Author: chrisflatley

.github/workflows/main.yml

@@ -18,7 +18,7 @@ jobs:
       - name: Set up Node
         uses: actions/setup-node@v1
         with:
-          node-version: "16"
+          node-version: '16'
       - uses: actions/cache@v2
         with:
           path: ~/.npm

.github/workflows/pr.yml

@@ -16,7 +16,7 @@ jobs:
       - name: Set up Node
         uses: actions/setup-node@v1
         with:
-          node-version: "16"
+          node-version: '16'
       - uses: actions/cache@v2
         with:
           path: ~/.npm

.vscode/settings.json

@@ -1,2 +1 @@
-{
-}
+{}

README.md

@@ -45,18 +45,18 @@ and configure in `gatsby-config.js` with your site metadata e.g.
 ```javascript
 module.exports = {
   siteMetadata: {
-    title: "Title",
-    author: "Author",
-    description: "Description",
-    siteUrl: "https://your.site.url",
+    title: 'Title',
+    author: 'Author',
+    description: 'Description',
+    siteUrl: 'https://your.site.url',
   },
   plugins: [
     {
       resolve: `@committed/gatsby-theme-docs`,
       options: {},
     },
   ],
-};
+}
 ```
 
 Put your markdown docs in `/docs/` and run:

example/docs/example1.md

@@ -1,8 +1,8 @@
 ---
-title: "Example md"
-order: "1"
-metaTitle: "Example Markdown"
-metaDescription: "This is an example of markdown docs"
+title: 'Example md'
+order: '1'
+metaTitle: 'Example Markdown'
+metaDescription: 'This is an example of markdown docs'
 ---
 
 # (H1) Example Markdown
@@ -16,7 +16,7 @@ Some examples are below.
 The following is a code block with JavaScript language syntax highlighting by [prism](https://prismjs.com/).
 
 ```javascript
-import React from "react";
+import React from 'react'
 ```
 
 ### (H3) Links
@@ -37,11 +37,11 @@ If in a folder you can use relative links so to link from page `example/1.md` to
 
 ##### (H5) Images
 
-Images (PNG and JPEG) ![Example Image](./CommittedSoftware.png "Committed Software")
+Images (PNG and JPEG) ![Example Image](./CommittedSoftware.png 'Committed Software')
 
 SVG
 
-![Example Image](./CommittedSoftware.svg "Committed Software")
+![Example Image](./CommittedSoftware.svg 'Committed Software')
 
 ###### (H6) Lists
 

example/docs/example2.mdx

@@ -1,12 +1,11 @@
 ---
-title: "Example mdx"
-order: "2"
-metaTitle: "This is meta title"
-metaDescription: "This is the meta description"
+title: 'Example mdx'
+order: '2'
+metaTitle: 'This is meta title'
+metaDescription: 'This is the meta description'
 ---
 
-import React from "react"
-
+import React from 'react'
 
 # Example MDX
 
@@ -18,28 +17,35 @@ Elements can use state:
 
 <Card my={3}>
   <CardContent>
-  {React.createElement(() =>  {
-    const [open, setOpen] = React.useState(false)
-    return (
-      <>
-      <FormControl component="fieldset">
-      <FormLabel component="legend">Example</FormLabel>
-      <FormGroup aria-label="position" row>
-        <FormControlLabel
-          control={<Checkbox checked={open} onChange={() => setOpen(!open)} color="primary" />}
-          label="Open"
-          labelPlacement="end"
-          onChange={() => setOpen()}
-        />
-      </FormGroup>
-    </FormControl>
-    <Collapse in={open}>
-      <Box p={4}>
-       <Loader color="primary" variant={'spin'} size={100}/>
-      </Box>
-    </Collapse>
-    </>
-    )})}
+    {React.createElement(() => {
+      const [open, setOpen] = React.useState(false)
+      return (
+        <>
+          <FormControl component="fieldset">
+            <FormLabel component="legend">Example</FormLabel>
+            <FormGroup aria-label="position" row>
+              <FormControlLabel
+                control={
+                  <Checkbox
+                    checked={open}
+                    onChange={() => setOpen(!open)}
+                    color="primary"
+                  />
+                }
+                label="Open"
+                labelPlacement="end"
+                onChange={() => setOpen()}
+              />
+            </FormGroup>
+          </FormControl>
+          <Collapse in={open}>
+            <Box p={4}>
+              <Loader color="primary" variant={'spin'} size={100} />
+            </Box>
+          </Collapse>
+        </>
+      )
+    })}
   </CardContent>
 </Card>
 

example/docs/example3.mdx

@@ -1,6 +1,6 @@
 ---
-title: "Example mermaid"
-order: "3"
+title: 'Example mermaid'
+order: '3'
 ---
 
 # Example Mermaid

example/docs/index.mdx

@@ -1,11 +1,11 @@
 ---
-title: "Welcome"
-metaTitle: "@committed/gatsgy-theme-docs"
-metaDescription: "This is a gatsby theme for documentation"
+title: 'Welcome'
+metaTitle: '@committed/gatsgy-theme-docs'
+metaDescription: 'This is a gatsby theme for documentation'
 ---
 
-import { Flex, Button } from "@committed/components";
-import { navigate } from "gatsby";
+import { Flex, Button } from '@committed/components'
+import { navigate } from 'gatsby'
 
 # @committed/gatsby-theme-docs
 
@@ -26,7 +26,7 @@ This is meant for Committed's documentation site, but feel free to use it, or co
     my={3}
     size="large"
     color="primary"
-    onClick={() => navigate("/instructions")}
+    onClick={() => navigate('/instructions')}
   >
     Get Started
   </Button>

example/docs/instructions.md

@@ -1,8 +1,8 @@
 ---
-title: "Instructions"
-order: "0"
-metaTitle: "Instructions"
-metaDescription: "Instructions to create documentation using Committed docs-theme"
+title: 'Instructions'
+order: '0'
+metaTitle: 'Instructions'
+metaDescription: 'Instructions to create documentation using Committed docs-theme'
 ---
 
 # Instructions
@@ -24,18 +24,18 @@ and configure in `gatsby-config.js` with your site metadata e.g.
 ```javascript
 module.exports = {
   siteMetadata: {
-    title: "Title",
-    author: "Author",
-    description: "Description",
-    siteUrl: "https://your.site.url",
+    title: 'Title',
+    author: 'Author',
+    description: 'Description',
+    siteUrl: 'https://your.site.url',
   },
   plugins: [
     {
       resolve: `@committed/gatsby-theme-docs`,
       options: {},
     },
   ],
-};
+}
 ```
 
 Further options are available to customize, detailed below.

example/docs/nested/index.md

@@ -1,5 +1,5 @@
 ---
-order: "4"
+order: '4'
 ---
 
 # Nested