diff --git a/client/components/Reader/Reader.vue b/client/components/Reader/Reader.vue
index 314d2a5a..961ddcbc 100644
--- a/client/components/Reader/Reader.vue
+++ b/client/components/Reader/Reader.vue
@@ -111,6 +111,10 @@ export default @Component({
                 this.loadBook({url: newValue, bookPos: this.routeParamPos});
             }
         },
+        settings: function(newValue) {
+            this.allowUrlParamBookPos = newValue.allowUrlParamBookPos;
+            this.updateRoute();
+        },
     },
 })
 class Reader extends Vue {
@@ -208,6 +212,10 @@ class Reader extends Vue {
         return result;
     }
 
+    get settings() {
+        return this.$store.state.reader.settings;
+    }
+
     toolBarToggle() {
         this.commit('reader/setToolBarActive', !this.toolBarActive);
         this.$root.$emit('resize');