add site description

gridsome.config.js

@@ -6,6 +6,7 @@
 
 module.exports = {
   siteName: 'Gridsome Blog Starter',
+  siteDescription: 'A simple, hackable & minimalistic starter for Gridsome that uses Markdown for content.',
 
   plugins: [
     {

src/components/Author.vue

@@ -3,8 +3,8 @@
 
 		<g-image class="author__image" src="~/assets/images/author.jpg" width="180" height="180" blur="5" />
 
-		<h1 v-if="siteTitle" class="author__site-title">
-			{{ siteTitle }}
+		<h1 v-if="showTitle" class="author__site-title">
+			{{ $static.metaData.siteName }}
 		</h1>
 
 		<p class="author__intro">
@@ -19,9 +19,17 @@
 	</div>
 </template>
 
+<static-query>
+query {
+  metaData {
+    siteName
+  }
+}
+</static-query>
+
 <script>
 export default {
-	props: ['siteTitle']
+	props: ['showTitle']
 }
 </script>
 

src/pages/Index.vue

@@ -1,7 +1,7 @@
 <template>
   <Layout :show-logo="false">
     <!-- Author intro -->
-    <Author :site-title="$static.metaData.siteName" />
+    <Author :show-title="true" />
     
     <!-- List posts -->
     <div class="posts">
@@ -11,14 +11,6 @@
   </Layout>
 </template>
 
-<static-query>
-query {
-  metaData {
-    siteName
-  }
-}
-</static-query>
-
 <page-query>
 {
   posts: allPost {