<H1 align="center">sorix-ui</H1>

- 基于 Vue3 的UI组件库

## 快速开始

### Vue 版本

vue >= 3.5.35

### 安装

```shell
pnpm add sorix-ui
```

### 完整引入

```ts
import { createApp } from "vue";
import App from "./App.vue";
import SorixUI from "sorix-ui";

import "sorix-ui/theme/index.scss";

const app = createApp(App);
app.use(SorixUI);
app.mount("#app");
```

### 调整主题

主题可以通过使用 `s-config-provider` 组件调整。

```html
<template>
  <s-config-provider :theme="theme">
    <RouterView />
  </s-config-provider>
</template>

<script lang="ts" setup>
  import { reactive } from "vue";

  const theme = reactive({
    lightTheme: {
      colorPrimary: "#1890ff",
    },
    darkTheme: {
      colorPrimary: "#1890ff",
    },
  });
</script>
```
