update gridsome apis

Author: hjvedvik

.gitignore

@@ -1,4 +1,5 @@
 *.log
+.cache
 .DS_Store
 src/.temp
 node_modules

package.json

@@ -6,12 +6,6 @@
     "build": "gridsome build"
   },
   "dependencies": {
-    "gridsome": "^0.0.1",
-    "vue": "^2.5.17",
-    "vue-router": "^3.0.1"
-  },
-  "devDependencies": {
-    "vue-server-renderer": "^2.5.17",
-    "vue-template-compiler": "^2.5.17"
+    "gridsome": "^0.0.5"
   }
 }

src/layouts/Default.vue

@@ -2,11 +2,11 @@
   <div class="layout">
     <header class="header">
       <strong>
-        <router-link :to="{ name: 'home' }">Gridsome</router-link>
+        <g-link :to="{ name: 'home' }">Gridsome</g-link>
       </strong>
       <nav class="nav">
-        <router-link class="nav__link" :to="{ name: 'home' }">Home</router-link>
-        <router-link class="nav__link" :to="{ name: 'about' }">About</router-link>
+        <g-link class="nav__link" :to="{ name: 'home' }">Home</g-link>
+        <g-link class="nav__link" :to="{ name: 'about' }">About</g-link>
       </nav>
     </header>
     <slot/>

src/main.js

@@ -0,0 +1,5 @@
+import DefaultLayout from '~/layouts/Default.vue'
+
+export default function (Vue) {
+  Vue.component('Layout', DefaultLayout)
+}

src/pages/About.vue

@@ -6,11 +6,5 @@
 </template>
 
 <script>
-import Layout from '@/layouts/Default.vue'
-
-export default {
-  components: {
-    Layout
-  }
-}
+export default {}
 </script>

src/pages/Index.vue

@@ -6,11 +6,5 @@
 </template>
 
 <script>
-import Layout from '@/layouts/Default.vue'
-
-export default {
-  components: {
-    Layout
-  }
-}
+export default {}
 </script>