Update site metadata and make it display in header/footer

data/admin.yml

@@ -8,9 +8,8 @@ site:
   navigation: true
 
 social_media:
-  facebook: 'gridsome'
-  twitter: 'gridsome'
-  patreon: 'mittalyashu'
+  facebook: 'snipette'
+  twitter: 'snipettemag'
 
 nav_home:
   - title: Home

src/components/Footer.vue

@@ -3,7 +3,7 @@
   <footer class="site-footer outer">
     <div class="site-footer-content inner">
       <section class="copyright">
-        <a href="/">{{ Admin.site.title }}</a> &copy; {{ new Date().getFullYear() }}
+        <a href="/">{{ $static.metadata.siteName || Admin.site.title }}</a> &copy; {{ new Date().getFullYear() }}
         </section>
       <nav class="site-footer-nav">
           <g-link to="/">Latest Posts</g-link>
@@ -27,3 +27,23 @@
     }  
   }
 </script>
+
+<static-query>
+  query Admin {
+    metadata {
+      siteName
+      siteDescription
+      siteUrl
+      ghost {
+        title
+        url
+        logo
+        description
+        navigation {
+          url
+          label
+        }
+      }
+    }
+  }
+</static-query>