import Router from "@/router";
import "normalize.css";
import { createPinia } from "pinia";
import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
import { createApp } from "vue";
// import { VueReCaptcha } from "vue-recaptcha-v3";
import "../css/app.scss";
import "./bootstrap";
import SMColumn from "./components/SMColumn.vue";
import SMContainer from "./components/SMContainer.vue";
import SMPage from "./components/SMPage.vue";
import SMRow from "./components/SMRow.vue";
import "./lib/prism";
import App from "./views/App.vue";

const pinia = createPinia();
pinia.use(piniaPluginPersistedstate);

createApp(App)
    .use(pinia)
    .use(Router)
    // .use(VueReCaptcha, {
    //     siteKey: import.meta.env.GOOGLE_RECAPTCHA_SITE_KEY,
    //     loaderOptions: {
    //         autoHideBadge: true,
    //     },
    // })
    .component("SMContainer", SMContainer)
    .component("SMRow", SMRow)
    .component("SMColumn", SMColumn)
    .component("SMPage", SMPage)
    .mount("#app");
