vue-types
Version:
Prop types utility for Vue
49 lines (34 loc) • 1.24 kB
Markdown
# vue-types
> Prop type definitions for [Vue.js](http://vuejs.org).
`vue-types` is a collection of configurable [prop validators](https://vuejs.org/guide/components/props.html#prop-validation) for Vue.js inspired by React's `prop-types`. It offers a compact and fluent interface to define your component props.
**Starting from v6, `vue-types` is only compatible with Vue 3.** For older versions, see the [v2~v5 documentation](https://vue-types-v5.codeful.dev/).
[Try it now!](https://stackblitz.com/edit/vitejs-vite-exfrzex6?embed=1&file=src%2FApp.vue) or learn more at the [official documentation site](https://vue-types.codeful.dev/).
## Installation
```bash
npm install vue-types --save
```
## Usage
```ts
import { defineComponent } from 'vue'
import { number, string, integer } from 'vue-types'
export default defineComponent({
props: {
id: number().def(10),
name: string().isRequired,
age: integer().def(0),
nationality: string(),
},
})
```
It works with `<script setup>` too:
```ts
defineProps({
id: number().def(10),
name: string().isRequired,
age: integer().def(0),
nationality: string(),
})
```
## License
[MIT](http://opensource.org/licenses/MIT)
Copyright (c) 2016 - present Marco Solazzi