feat: allow to configure router mode

src/index.js

@@ -3,7 +3,7 @@ import {sync} from 'vuex-router-sync'
 import PluginAPI from './PluginAPI'
 import Root from './components/Root.vue'
 import store from './store'
-import router from './router'
+import createRouter from './router'
 import alternativeComponents from './utils/alternativeComponents'
 import ImageZoom from './components/ImageZoom.vue'
 import Badge from './components/Badge.vue'
@@ -13,8 +13,6 @@ import i18nPlugin from './plugins/i18n'
 import evaluateContentPlugin from './plugins/evaluateContent'
 import versionsPlugin from './plugins/versions'
 
-sync(store, router)
-
 Vue.component(ImageZoom.name, ImageZoom)
 Vue.component(Badge.name, Badge)
 Vue.use(alternativeComponents)
@@ -30,6 +28,9 @@ Vue.mixin({
 
 class Docute {
   constructor(config = {}) {
+    const router = createRouter({routerMode: config.routerMode})
+    sync(store, router)
+
     store.commit('SET_ORIGINAL_CONFIG', {
       title: document.title,
       ...config

src/router.js

@@ -4,19 +4,19 @@ import Home from './views/Home.vue'
 
 Vue.use(Router)
 
-const router = new Router({
-  routes: [
-    {
-      path: '*',
-      component: Home
+export default ({routerMode}) =>
+  new Router({
+    mode: routerMode,
+    routes: [
+      {
+        path: '*',
+        component: Home
+      }
+    ],
+    scrollBehavior(to, from, savedPosition) {
+      if (savedPosition) {
+        return savedPosition
+      }
+      return {x: 0, y: 0}
     }
-  ],
-  scrollBehavior(to, from, savedPosition) {
-    if (savedPosition) {
-      return savedPosition
-    }
-    return {x: 0, y: 0}
-  }
-})
-
-export default router
+  })