summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/search_settings/mount.js
blob: b727b55781a5abf15659ab188b8aa03f4c594faf (plain)
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 SearchSettings from '~/search_settings/components/search_settings.vue';
import { expandSection, closeSection, isExpanded } from '~/settings_panels';

const mountSearch = ({ el }) =>
  new Vue({
    el,
    render: (h) =>
      h(SearchSettings, {
        ref: 'searchSettings',
        props: {
          searchRoot: document.querySelector('#content-body'),
          sectionSelector: '.js-search-settings-section, section.settings',
          hideWhenEmptySelector: '.js-hide-when-nothing-matches-search',
          isExpandedFn: isExpanded,
        },
        on: {
          collapse: closeSection,
          expand: expandSection,
        },
      }),
  });

export default mountSearch;