https://github.com/blackman99/v-rap
A Vue3 lib to help you embed the rap video of the author of Vue.js
https://github.com/blackman99/v-rap
rap vue3 vuejs
Last synced: about 1 year ago
JSON representation
A Vue3 lib to help you embed the rap video of the author of Vue.js
- Host: GitHub
- URL: https://github.com/blackman99/v-rap
- Owner: Blackman99
- License: mit
- Created: 2023-02-17T02:22:34.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-07T04:02:37.000Z (about 3 years ago)
- Last Synced: 2024-08-01T13:17:39.852Z (almost 2 years ago)
- Topics: rap, vue3, vuejs
- Language: Vue
- Homepage: https://blackman99.github.io/v-rap/
- Size: 383 KB
- Stars: 29
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
V Rap
> Do you know that a good framework designer can also be a good rapper?
## Introduction
A Vue3 lib to help you embed the rap video of the author of Vue.js
[Preview](https://blackman99.github.io/v-rap/)
## Install
```sh
# via npm
npm install --save v-rap
# via yarn
yarn add v-rap
# via pnpm
pnpm install v-rap
```
## Rap component
```vue
import { Rap } from 'v-rap'
```
## Rap directive
```vue
import { vRap } from 'v-rap'
```
## Rap component props & v-rap directive values
* `source`
The play source. Can be `'bilibili'` or `'youtube'`.
Default is `'bilibili'`
* `ratio`
The video ratio. Default is `16 / 9`.
The width of video container is 100%. So just set the width of parent container to change the width.
And the height can be auto computed based on `ratio`.
## LICENSE
[MIT](./LICENSE)