app/assets/javascripts/pages/projects/shared/permissions/index.js


1
2
3
4
5
6
7
8
9
10
11
12
13

import Vue from 'vue';
import settingsPanel from './components/settings_panel.vue';

export default function initProjectPermissionsSettings() {
  const mountPoint = document.querySelector('.js-project-permissions-form');
  const componentPropsEl = document.querySelector('.js-project-permissions-form-data');
  const componentProps = JSON.parse(componentPropsEl.innerHTML);

  return new Vue({
    el: mountPoint,
    render: createElement => createElement(settingsPanel, { props: { ...componentProps } }),
  });
}