import Vue from 'vue';

import Translate from '~/vue_shared/translate';

import deleteAccountModal from './components/delete_account_modal.vue';

Vue.use(Translate);

const deleteAccountButton = document.getElementById('delete-account-button');
const deleteAccountModalEl = document.getElementById('delete-account-modal');
// eslint-disable-next-line no-new
new Vue({
  el: deleteAccountModalEl,
  components: {
    deleteAccountModal,
  },
  mounted() {
    deleteAccountButton.classList.remove('disabled');
  },
  render(createElement) {
    return createElement('delete-account-modal', {
      props: {
        actionUrl: deleteAccountModalEl.dataset.actionUrl,
        confirmWithPassword: !!deleteAccountModalEl.dataset.confirmWithPassword,
        username: deleteAccountModalEl.dataset.username,
      },
    });
  },
});