Rosi

Rosi is an early incubation project, developed using Vue3 + Vite + TSX

English | 简体中文

✨ Features：

• 🎨 Beautiful Components - Beautifully designed components come right out of the box for rapid prototyping.
• 🔑 TypeScript - Rosi is written using TSX
• ⚡ Support for on-demand import.

🔨: Install

pnpm

pnpm install rosi-ui

yarn

yarn add rosi-ui

🔧 Usage

Then import RosiUi in the main.ts file:

import { createApp } from 'vue'
import App from './App.vue'
// Import Vue RosiUi component and style
import RosiUi from 'rosi-ui'
import 'rosi-ui/style.css'
createApp(App).use(RosiUi).mount('#app')

Then you can use the vue rosiui component(such as <r-button>) in the App.vue file:

<template>
  <r-button>Hi Rosi</r-button>
</template>

🧩: Structure

in the building

🎯 Supported Browsers

Since Vue 3 no longer supports IE11, Rosi no longer supports Internet Explorer

Edge	Firefox	Chrome	Safari
Edge ≥ 79	Firefox ≥ 78	Chrome ≥ 64	Safari ≥ 12