text: import Vue from 'vue';
  import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
  import AdminUsersApp from './components/app.vue';
  import UsagePingDisabled from './components/usage_ping_disabled.vue';
  
  export const initAdminUsersApp = (el = document.querySelector('#js-admin-users-app')) => {
    if (!el) {
      return false;
    }
  
    const { users, paths } = el.dataset;
  
    return new Vue({
      el,
      render: (createElement) =>
        createElement(AdminUsersApp, {
          props: {
            users: convertObjectPropsToCamelCase(JSON.parse(users), { deep: true }),
            paths: convertObjectPropsToCamelCase(JSON.parse(paths)),
          },
        }),
    });
  };
  
  export const initCohortsEmptyState = (el = document.querySelector('#js-cohorts-empty-state')) => {
    if (!el) {
      return false;
    }
  
    const { emptyStateSvgPath, enableUsagePingLink, docsLink } = el.dataset;
  
    return new Vue({
      el,
      provide: {
        svgPath: emptyStateSvgPath,
        primaryButtonPath: enableUsagePingLink,
        docsLink,
      },
      render(h) {
        return h(UsagePingDisabled);
      },
    });
  };
  