app/assets/javascripts/vue_shared/components/url_sync.vue


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<script>
import { historyPushState } from '~/lib/utils/common_utils';
import { mergeUrlParams } from '~/lib/utils/url_utility';

export default {
  props: {
    query: {
      type: Object,
      required: true,
    },
  },
  watch: {
    query: {
      immediate: true,
      deep: true,
      handler(newQuery) {
        historyPushState(mergeUrlParams(newQuery, window.location.href, { spreadArrays: true }));
      },
    },
  },
  render() {
    return this.$slots.default;
  },
};
</script>