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 'ant-design-vue/dist/reset.css';
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 { message } from 'ant-design-vue';
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
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.provide('$message', message)

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