initial commit

Author: hjvedvik

.gitignore

@@ -0,0 +1,5 @@
+*.log
+.DS_Store
+src/.temp
+node_modules
+dist

README.md

@@ -0,0 +1 @@
+# Default starter for Gridsome

gridsome.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  plugins: []
+}

package.json

@@ -0,0 +1,17 @@
+{
+  "private": true,
+  "scripts": {
+    "develop": "gridsome develop",
+    "explore": "gridsome explore",
+    "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"
+  }
+}

src/layouts/Default.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="layout">
+    <header class="header">
+      <strong>
+        <router-link :to="{ name: 'home' }">Gridsome</router-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>
+      </nav>
+    </header>
+    <slot/>
+  </div>
+</template>
+
+<style>
+body {
+  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
+}
+.layout {
+  max-width: 600px;
+  margin: 0 auto;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+.header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 20px;
+}
+.nav__link {
+  margin-left: 20px;
+}
+</style>

src/main.js

@@ -0,0 +1,16 @@
+<template>
+  <Layout>
+    <h1>About us</h1>
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error doloremque omnis animi, eligendi magni a voluptatum, vitae, consequuntur rerum illum odit fugit assumenda rem dolores inventore iste reprehenderit maxime! Iusto.</p>
+  </Layout>
+</template>
+
+<script>
+import Layout from '@/layouts/Default.vue'
+
+export default {
+  components: {
+    Layout
+  }
+}
+</script>

src/pages/About.vue

@@ -0,0 +1,16 @@
+<template>
+  <Layout>
+    <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 ab harum aliquid dignissimos neque.</p>
+  </Layout>
+</template>
+
+<script>
+import Layout from '@/layouts/Default.vue'
+
+export default {
+  components: {
+    Layout
+  }
+}
+</script>