@zairakai/vue-components

Collection of reusable Vue 3 components — TypeScript, v-model, WAI-ARIA.

Install

npm install @zairakai/vue-components

Usage

Plugin

import { createApp } from 'vue'
import VueComponentsPlugin from '@zairakai/vue-components'

const app = createApp(App)
app.use(VueComponentsPlugin)
app.mount('#app')

With a custom prefix:

app.use(VueComponentsPlugin, { prefix: 'Zk' })
// ZkFormInput, ZkLayoutContainer, etc.

Import by category

import { FormInput, FormButton } from '@zairakai/vue-components/Form'
import { LayoutContainer, LayoutRow } from '@zairakai/vue-components/Layout'
import { ContentHeading, ContentParagraph } from '@zairakai/vue-components/Content'
import { MediaImage, MediaVideo } from '@zairakai/vue-components/Medias'

Categories

| Category | Components | | --------- | -------------------------------------------------------- | | Form | Input, Button, Select, Textarea, Checkbox, Radio, etc. | | Layout | Container, Grid, Flex, Header, Footer, Nav, etc. | | Content | Heading, Paragraph, Link, List, Blockquote, Msr | | Medias | Image, Figure, Audio, Video, Iframe, Canvas, etc. |

Development

npm install
make ci              # full CI validation
make test-coverage   # run vitest with coverage

See CONTRIBUTING.md for the full development workflow.

Getting Help

Made with ❤️ by Zairakai