updated for history mode

fixed button on onboarding to stop Safari refresh

app/src/components/BaseButton.vue

 <template>
   <div>
     <!-- FIXME: Maybe need to use $attrs at somepoint -->
-    <button v-on="$listeners" class="button" :class="buttonClass">
+    <button v-on="$listeners" class="button" :class="buttonClass" type="button">
       <slot>DEFAULT</slot>
     </button>
   </div>

app/src/components/OnBoard.vue

@@ -4,7 +4,9 @@
       nodenogg.in is a
       <span>work in progress</span> collaborative co-creation research and
       design thinking tool, read more details and links in the
-      <a href="/#/about">about</a> section.
+      <a
+        href="/about"
+      >about</a> section.
     </p>
 
     <form v-show="parta">
@@ -25,9 +27,7 @@
         autocapitalize="none"
         autofocus
       />
-      <BaseButton buttonClass="onboard" @click="createMicrocosm(), setFocus()"
-        >+</BaseButton
-      >
+      <BaseButton buttonClass="onboard" @click="createMicrocosm(), setFocus()">+</BaseButton>
     </form>
 
     <form v-show="partb">
@@ -82,8 +82,8 @@ export default {
 
   methods: {
     createMicrocosm() {
-      ;(this.partb = true),
-        this.$store.dispatch('createMicrocosm', this.localmicrocosm)
+      this.partb = true
+      this.$store.dispatch('createMicrocosm', this.localmicrocosm)
       localStorage.setItem('mylastMicrocosm', this.localmicrocosm)
     },
     setClient() {

app/src/router/index.js

@@ -22,6 +22,7 @@ const routes = [
 ]
 
 const router = new VueRouter({
+  mode: 'history',
   routes
 })