import { createApp } from "vue";
// import './style.css'
import "./style/rest.css";
import "normalize.css";
import "@/assets/text/text.css";
import "./index.css"; // 导入 Tailwind CSS 样式
import Antd from "ant-design-vue";
// import "ant-design-vue/dist/antd.css";
// import pinia from "@/store";
import router from "./router/index";
import VueAnimXyz from "@animxyz/vue3";
import "@animxyz/core"; // Import css here if you haven't elsewhere
import App from "./App.vue";
import vue3dLoader from "vue-3d-loader";
import VueClipboard from "vue3-clipboard";
import Vue3Autocounter from 'vue3-autocounter';
import { notification } from 'ant-design-vue';
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
import {PassportWallet} from '@/wallet/passPort';
const passPortCallback = new PassportWallet()
console.log(passPortCallback,'---')
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)

notification.config({
  placement: 'topRight',
  top: '90px',
  duration: 100,
  rtl: true,
});
const app = createApp(App);

app.config.globalProperties.$log = console.log.bind(console);

app
  .use(pinia)
  // .use(piniaL)
  .use(VueClipboard)
  .use(VueAnimXyz)
  .use(vue3dLoader)
  .use(Antd)
  .use(passPortCallback)
  .use(router)
  .mount("#app");