vue3-plugin.js

import { components } from "./src/index.js";
import messages from "./src/i18n/index.js";
import service from "./src/service.js";

/**
 * BCF Components library plugin for Vue 3.
 * The plugin will perform the following actions in order:
 *  - initialize library service
 *  - register components translations
 *  - globally register BCF components
 * 
 * @param {
 *  {
 *    apiClient: Object,
 *    fetchUsers?: Promise,
 *    i18nPlugin?: Object,
 *  } 
 * }
 */
const pluginFactory = ({
  apiClient,
  fetchUsers,
  i18nPlugin,
} = {}) => {
  return {
    install(app) {
      if (apiClient) {
        service.setup({ apiClient, fetchUsers });
      } else {
        console.error(
          "[BCF Components Plugin] No api client provided. " +
          "You must provide an api client for the components to work properly."
        );
      }

      if (i18nPlugin) {
        Object.entries(messages).forEach(([locale, translations]) => {
          i18nPlugin.global.mergeLocaleMessage(locale, translations);
        });
      } else {
        console.warn(
          "[BCF Components Plugin] No i18n instance provided. " +
          "You should either provide an i18n instance or define " +
          "your own translations in order have text displayed properly."
        );
      }

      Object.entries(components).forEach(([name, component]) => {
        app.component(name, component);
      });
    },
  };
};

export default pluginFactory;