import { defineClientConfig } from "@vuepress/client";
import { hasGlobalComponent } from "C:/Users/Administrator/WebstormProjects/xfg-dev-tech-blog/node_modules/vuepress-shared/lib/client/index.js";
import { h } from "vue";

import { useScriptTag } from "C:/Users/Administrator/WebstormProjects/xfg-dev-tech-blog/node_modules/@vueuse/core/index.mjs";
import Badge from "C:/Users/Administrator/WebstormProjects/xfg-dev-tech-blog/node_modules/vuepress-plugin-components/lib/client/components/Badge.js";
import FontIcon from "C:/Users/Administrator/WebstormProjects/xfg-dev-tech-blog/node_modules/vuepress-plugin-components/lib/client/components/FontIcon.js";
import BackToTop from "C:/Users/Administrator/WebstormProjects/xfg-dev-tech-blog/node_modules/vuepress-plugin-components/lib/client/components/BackToTop.js";

import "C:/Users/Administrator/WebstormProjects/xfg-dev-tech-blog/node_modules/vuepress-plugin-components/lib/client/styles/sr-only.scss";

export default defineClientConfig({
  enhance: ({ app }) => {
    if(!hasGlobalComponent("Badge")) app.component("Badge", Badge);
    if(!hasGlobalComponent("FontIcon")) app.component("FontIcon", FontIcon);
    
  },
  setup: () => {
    useScriptTag(
  `https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6/js/brands.min.js`,
  () => {},
  { attrs: { "data-auto-replace-svg": "nest" } }
);

    useScriptTag(
  `https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6/js/solid.min.js`,
  () => {},
  { attrs: { "data-auto-replace-svg": "nest" } }
);

    useScriptTag(
  `https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6/js/fontawesome.min.js`,
  () => {},
  { attrs: { "data-auto-replace-svg": "nest" } }
);

  },
  rootComponents: [
    () => h(BackToTop, {}),
  ],
});