Add spa example

examples/spa/nuxt.config.js

@@ -0,0 +1,20 @@
+module.exports = {
+  mode: 'spa',
+  loadingIndicator: {
+    /*
+    ** See https://github.com/nuxt/nuxt.js/tree/dev/lib/app/views/loading for available loading indicators
+    ** You can add a custom indicator by giving a path
+    ** Default: 'circle'
+    */
+    name: 'folding-cube',
+    /*
+    ** You can give custom options given to the template
+    ** See https://github.com/nuxt/nuxt.js/blob/dev/lib/app/views/loading/folding-cube.html
+    ** Default:
+    ** - color: '#3B8070'
+    ** - background: 'white'
+    */
+    color: '#222',
+    background: '#eee'
+  }
+}

examples/spa/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "hello-nuxt",
+  "dependencies": {
+    "nuxt": "latest"
+  },
+  "scripts": {
+    "dev": "nuxt",
+    "build": "nuxt build",
+    "start": "nuxt"
+  }
+}

examples/spa/pages/about.vue

@@ -0,0 +1,16 @@
+<template>
+  <div>
+    <p>Hi from {{ name }}</p>
+    <nuxt-link to="/">Home page</nuxt-link>
+  </div>
+</template>
+
+<script>
+export default {
+  asyncData ({ isStatic, isServer }) {
+    return {
+      name: isStatic ? 'static' : (isServer ? 'server' : 'client')
+    }
+  }
+}
+</script>

examples/spa/pages/index.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <h1>Welcome!</h1>
+    <nuxt-link to="/about">About page</nuxt-link>
+  </div>
+</template>