• 基于 Vue3 的UI组件库，仅支持 Vue Vapor 模式

快速开始

Vue 版本

vue >= 3.6.0-beta.11

安装

pnpm add savor-ui

完整引入

import { createVaporApp } from "vue";
import App from "./App.vue";
import SavorUI from "savor-ui";

import "savor-ui/theme/index.scss";

const app = createVaporApp(App);
app.use(SavorUI);
app.mount("#app");

调整主题

主题可以通过使用 s-config-provider 组件调整。

<template>
  <s-config-provider :theme="theme">
    <VaporRouterView />
  </s-config-provider>
</template>

<script lang="ts" setup vapor>
  import { reactive } from "vue";
  import { VaporRouterView } from "vue-router";

  const theme = reactive({
    lightTheme: {
      colorPrimary: "#1890ff",
    },
    darkTheme: {
      colorPrimary: "#1890ff",
    },
  });
</script>