app/assets/javascripts/deploy_keys/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
25
26

import Vue from 'vue';
import VueApollo from 'vue-apollo';
import DeployKeysApp from './components/app.vue';
import { createApolloProvider } from './graphql/client';

Vue.use(VueApollo);

export default () => {
  const el = document.getElementById('js-deploy-keys');
  return new Vue({
    el,
    apolloProvider: createApolloProvider({
      enabledKeysEndpoint: el.dataset.enabledEndpoint,
      availableProjectKeysEndpoint: el.dataset.availableProjectEndpoint,
      availablePublicKeysEndpoint: el.dataset.availablePublicEndpoint,
    }),
    render(createElement) {
      return createElement(DeployKeysApp, {
        props: {
          projectId: el.dataset.projectId,
          projectPath: el.dataset.projectPath,
        },
      });
    },
  });
};