import { createApp } from "vue";
import App from "@/App.vue";
import router from "@/router.js";
import pinia from "@store/pinia.js";
import customize from "@utility/customInstructions.js"

// 引入页面
import Page from "@components/layout/Page.vue";
import TranslationComponent from "@components/common/translationComponent.vue"

// 引入样式
import "@/style.scss";
import "@/assets/tailwind.css"
import "vant/es/image-preview/style";
import "vant/es/toast/style";
import 'vant/lib/index.css'

const app = createApp(App);

// 注册全局转译组件
app.component('TranslationComponent', TranslationComponent);

// 注册自定义指令
for (const [key, value] of Object.entries(customize)) {
   app.directive(value.key, value.directive)
 }

app.provide("global", {});

app.use(pinia)
   .use(router);

app.component("Page", Page);

app.mount("#app");