import "@quasar/extras/material-icons/material-icons.css";
import { Quasar } from "quasar";
import { App, Plugin } from "vue";
import {
  KActionNavBar,
  KBreadcrumbs,
  KButtonToggleGroup,
  KCommonPopup,
  KFileManagerPopup,
  KFileUploaderProgress,
  KFileViewer,
  KMenuButtons,
  KTable,
} from "./components/plugins.ts";
import { registerPlugin, setVueInstance } from "./utils/plugins.ts";
import TranslateKeys from "./i18n/translateKeys.ts";

export {
  KActionNavBar,
  KBreadcrumbs,
  KButtonToggleGroup,
  KCommonPopup,
  KFileManagerPopup,
  KFileUploaderProgress,
  KFileViewer,
  KMenuButtons,
  KTable,
} from "./components/index.ts";

export type { TranslateKeys };
export type { KMenuButton } from "./components/index.ts";
// import plugins from "./components/plugins";
export * from "./i18n/messages.js";
export * from "./types";
export * from "./utils";
// Import Quasar css
import "./css/app.scss";
import i18n from "./i18n";

const plugin: Plugin = {
  install(app: App) {
    console.log("[Kettal Components] Installing...");
    setVueInstance(app);
    registerPlugin(app, KActionNavBar);
    registerPlugin(app, KCommonPopup);
    registerPlugin(app, KTable);
    registerPlugin(app, KMenuButtons);
    registerPlugin(app, KBreadcrumbs);
    registerPlugin(app, KButtonToggleGroup);
    registerPlugin(app, KFileUploaderProgress);
    registerPlugin(app, KFileViewer);
    registerPlugin(app, KFileManagerPopup);
    app.use(i18n);
    i18n.global.locale = "en";
    app.use(Quasar, {
      plugins: {}, // import Quasar plugins and add here
    });
    console.log("[Kettal Components] Installed");
  },
};
/*
 * This function is used to update the language of the Kettal Package
 * @param {string} lang - The language code of the desired language (es, en, fr, de, it)
 */
export function updateKettalPackageLanguage(
  lang: "es" | "en" | "fr" | "de" | "it"
) {
  i18n.global.locale = lang;
}

export { plugin as Kettal };