diff --git a/examples/spa/nuxt.config.js b/examples/spa/nuxt.config.js
index 1ee2ae7dec..7040b5d3dc 100644
--- a/examples/spa/nuxt.config.js
+++ b/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'
   }
 }
diff --git a/lib/common/options.js b/lib/common/options.js
index 80b9e789f5..a232b2d62f 100755
--- a/lib/common/options.js
+++ b/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.'
   }
 }