Move query get/set into mixin

1 files changed, 22 insertions, 0 deletions

diff --git a/src/RouterParamMixin.js b/src/RouterParamMixin.js
new file mode 100644
index 0000000..92b698d
--- /dev/null
+++ b/src/RouterParamMixin.js
@@ -0,0 +1,22 @@
+export default {
+  computed: {
+    selectedActor: {
+      get: function() {
+        return this.$route.query.actor;
+      },
+      set: function(value) {
+        const query = Object.assign({}, this.$route.query, { actor: value });
+        this.$router.push({ query });
+      },
+    },
+    selectedMode: {
+      get: function() {
+        return this.$route.query.mode;
+      },
+      set: function(value) {
+        const query = Object.assign({}, this.$route.query, { mode: value });
+        this.$router.push({ query });
+      },
+    },
+  },
+};