spa loading defaults

more design agnostic for general usage

examples/spa/nuxt.config.js

@@ -23,23 +23,19 @@ module.exports = {
   */
   css: ['~/assets/main.css'],
   /*
-  ** Cutomize loading indicator
+  ** Customize loading indicator
   */
   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',
+    // 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: 'white'
+    // color: '#DBE1EC'
+    // background: 'white'
   }
 }

lib/common/options.js

@@ -60,8 +60,8 @@ Options.from = function (_options) {
 
   // Apply defaults to loadingIndicator
   options.loadingIndicator = Object.assign({
-    name: 'circle',
-    color: '#3B8070',
+    name: 'pulse',
+    color: '#dbe1rc',
     background: 'white'
   }, options.loadingIndicator)
 
@@ -274,5 +274,8 @@ Options.defaults = {
       ignored: /-dll/
     },
     chokidar: {}
+  },
+  messages: {
+    not_found: 'This page could not be found.'
   }
 }