Skip to content

快速上手

完整接入

ts
// main.ts
import { createApp } from 'vue'
import App from './App.vue'

import '@luxeanor/ui/styles/tokens.css'
import '@luxeanor/ui/style.css'

createApp(App).mount('#app')
html
<!-- index.html -->
<html data-theme="amethyst" data-mode="light">

组件按需具名导入,无需全局注册:

vue
<script setup lang="ts">
import { LxButton, LxModal, useToast } from '@luxeanor/ui'
</script>

使用 useToast / useConfirm 前,需在应用根组件挂一次宿主:<LxToastHost /> / <LxConfirmHost />,详见 ToastConfirm

最小示例

下一步