安装使用步骤

安装组件插件的依赖

npm i element-plus@2.7.7 remixicon@4.5.0 v-viewer@3.0.10 vue@3.4.31 vxe-table@4.3.5 xe-utils@3.5.7 svgo@3.3.2

npm i sass@1.58.0 --save-dev

安装组件插件

npm i y9plugin-components@3

在 main.ts 文件注册插件

1、不需要应用国际化语言,默认是中文，请复制以下代码

import y9pluginComponents from "y9plugin-components";
const app: any = createApp(App);
app.use(y9pluginComponents);
app.mount("#app");

2、需要应用国际化语言，请复制以下代码

import { createApp } from "vue";
import { setupStore } from "@/store";
import y9pluginComponents from "y9plugin-components";
import y9_zhCn from "y9plugin-components/src/language/zh-cn"; //默认的y9组件插件中文包
import y9_en from "y9plugin-components/src/language/en"; //默认的y9组件插件英文包
import { useSettingStore } from "@/store/modules/settingStore";
const app: any = createApp(App);
setupStore(app);
let opts = ref({});
watch(
  () => useSettingStore().getWebLanguage,
  (newLang) => {
    opts.value.locale = newLang === "en" ? y9_en : y9_zhCn;
  },
  {
    immediate: true,
  }
);
app.use(y9pluginComponents, opts.value);
app.mount("#app");

运行项目

npm run serve

运行成功后，根据组件说明文档使用组件即可