Make description optional (and tweak prettier config)

.prettierrc

@@ -1,5 +1,6 @@
 {
-  "printWidth": 120,
+  "jsxSingleQuote": true,
+  "printWidth": 100,
   "quoteProps": "as-needed",
   "semi": false,
   "singleQuote": true,

app/layouts/DefaultLayout.js

@@ -2,12 +2,12 @@ import React from 'react'
 import { Helmet } from 'react-helmet'
 import favicon from './favicon.png'
 
-export default function DefaultLayout ({ meta, children }) {
+export default function DefaultLayout({ meta, children }) {
   return (
     <div role='main'>
       <Helmet>
         <title>{meta.title}</title>
-        <meta name='description' content={meta.description} />
+        {meta.description ? <meta name='description' content={meta.description} /> : null}
         <meta name='viewport' content='width=device-width, initial-scale=1' />
         <link rel='alternate' href='/feed.json' type='application/json' />
         <link rel='icon' href={favicon} />

app/pages/example-post.mdx

@@ -1,8 +1,12 @@
 <!--
 Example of a page written in Markdown (MDX) in a .mdx file.
 
-Every page should export a `meta` object with at least a `title` and `description`.
-This one also exports a `collection` and `date` to signify it's part of the "posts" collection.
+Every page should export a `meta` object with at least a `title`.
+This one also exports:
+
+- `description` (used in the meta description tag)
+- `collection` with a value of 'posts' (so its included in the built-in 'posts' collection. You can create other collections too!)
+- `date` (used to order the 'posts' collection)
 -->
 export const meta = {
   title: 'Example Post',

app/pages/index.js

@@ -1,9 +1,8 @@
 // Example of a page written as a React component in a .js file.
 
-// Every page should export a `meta` object with at least a title and description.
+// Every page should export a `meta` object with at least a title.
 export const meta = {
-  title: 'Your Tropical site',
-  description: ''
+  title: 'Your Tropical site'
 }
 
 import React from 'react'