The vue version repo of Casual UI Include these parts:
- The ui components source code
- The docs site
- The vuepress relative plugins
- Install
# via npm npm install @casual-ui/vue # via yarn yarn add @casual-ui/vue # via pnpm pnpm install @casual-ui/vue
- Import style in entry file
// main.js import '@casual-ui/vue/dist/style.css'
- Global usage
// main.js import { createApp } from 'vue' import CasualUI from '@casual-ui/vue' const app = createApp() app.use(CasualUI)
Then in .vue file
<template> <CButton label="A Button" /> </template>
- Single usage
<script setup> import { CButton } from '@casual-ui/vue' </script> <template> <CButton label="A Button" /> </template>