Merge pull request #3 from gridsome/fix/update-docs-logo

Fix/update docs logo

Author: tomtev

gridsome.config.js

@@ -2,5 +2,6 @@
 // Learn more: https://gridsome.org/docs/config
 
 module.exports = {
+  siteName: 'Gridsome',
   plugins: []
-}
+}

package.json

@@ -6,6 +6,6 @@
     "build": "gridsome build"
   },
   "dependencies": {
-    "gridsome": "^0.3.0"
+    "gridsome": "^0.4.0"
   }
 }

src/components/README.md

@@ -0,0 +1,4 @@
+Add components that will be imported to Pages and Layouts to this folder.
+Learn more about components here: https://gridsome.org/docs/components
+
+You can delete this file.

src/favicon.png

@@ -2,7 +2,7 @@
   <div class="layout">
     <header class="header">
       <strong>
-        <g-link :to="{ name: 'home' }">Gridsome</g-link>
+        <g-link :to="{ name: 'home' }">{{ $static.metaData.siteName }}</g-link>
       </strong>
       <nav class="nav">
         <g-link class="nav__link" :to="{ name: 'home' }">Home</g-link>
@@ -13,6 +13,14 @@
   </div>
 </template>
 
+<static-query>
+query {
+  metaData {
+    siteName
+  }
+}
+</static-query>
+
 <style>
 body {
   font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
@@ -22,7 +30,7 @@ body {
 }
 
 .layout {
-  max-width: 600px;
+  max-width: 760px;
   margin: 0 auto;
   padding-left: 20px;
   padding-right: 20px;

src/layouts/Default.vue

@@ -0,0 +1,5 @@
+Layout components are used to wrap pages and templates. Layouts should contain components like headers, footers or sidebars that will be used across the site.
+
+Learn more about Layouts: https://gridsome.org/docs/layouts
+
+You can delete this file.

src/layouts/README.md

@@ -1,5 +1,9 @@
+// This is the main.js file. Import global CSS and scripts here.
+// The Client API can be used here. Learn more: gridsome.org/docs/client-api
+
 import DefaultLayout from '~/layouts/Default.vue'
 
-export default function (Vue) {
+export default function (Vue, {router, head, isClient}) {
+  // Set default layout as a global component
   Vue.component('Layout', DefaultLayout)
-}
+}

src/main.js

@@ -1,11 +1,31 @@
 <template>
   <Layout>
+    
+    <!-- Learn how to use images here: https://gridsome.org/docs/images -->
     <g-image alt="Example image" src="~/favicon.png" width="135" />
+    
     <h1>Hello, world!</h1>
-    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur excepturi labore tempore expedita, et iste tenetur suscipit explicabo! Dolores, aperiam non officia eos quod asperiores</p>
+   
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur excepturi labore tempore expedita, et iste tenetur suscipit explicabo! Dolores, aperiam non officia eos quod asperiores
+    </p>
+
+    <p class="home-links">
+      <a href="https://gridsome.org/docs" target="_blank">Gridsome Docs</a>
+      <a href="https://github.com/gridsome/gridsome" target="_blank">GitHub</a>
+    </p>
+
   </Layout>
 </template>
 
 <script>
-export default {}
+export default {
+ // ..
+}
 </script>
+
+<style>
+.home-links a {
+  margin-right: 1rem;
+}
+</style>

src/pages/Index.vue

@@ -0,0 +1,5 @@
+Pages are usually used for normal pages or for listing items from a GraphQL collection.
+Add .vue files here to create pages. For example **About.vue** will be **site.com/about**.
+Learn more about pages: https://gridsome.org/docs/pages
+
+You can delete this file.

src/pages/README.md

@@ -0,0 +1,7 @@
+Templates for **GraphQL collections** should be added here.
+To create a template for a collection called `WordPressPost`
+create a file named `WordPressPost.vue` in this folder.
+
+Learn more: https://gridsome.org/docs/templates
+
+You can delete this file.