app/assets/javascripts/tags/index.js


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

import Vue from 'vue';
import SortDropdown from './components/sort_dropdown.vue';

const mountDropdownApp = (el) => {
  const { sortOptions, filterTagsPath } = el.dataset;

  return new Vue({
    el,
    name: 'SortTagsDropdownApp',
    components: {
      SortDropdown,
    },
    provide: {
      sortOptions: JSON.parse(sortOptions),
      filterTagsPath,
    },
    render: (createElement) => createElement(SortDropdown),
  });
};

export default () => {
  const el = document.getElementById('js-tags-sort-dropdown');
  return el ? mountDropdownApp(el) : null;
};