Skip to content

Commit 0fdf445

Browse files
committed
chore: Update README.md
1 parent 4b5f451 commit 0fdf445

File tree

1 file changed

+19
-10
lines changed

1 file changed

+19
-10
lines changed

README.md

+19-10
Original file line numberDiff line numberDiff line change
@@ -40,14 +40,20 @@
4040
## Install
4141

4242
```shell
43+
# npm
44+
npm install @vuepic/vue-datepicker
45+
46+
# yarn
4347
yarn add @vuepic/vue-datepicker
4448

45-
# or
49+
# pnpm
50+
pnpm add @vuepic/vue-datepicker
4651

47-
npm install @vuepic/vue-datepicker
52+
# bun
53+
bun add @vuepic/vue-datepicker
4854
```
4955

50-
Import and register component
56+
### Import and register component
5157

5258
**Global**
5359

@@ -65,13 +71,16 @@ app.component('VueDatePicker', VueDatePicker);
6571
**Local**
6672

6773
```vue
68-
<script>
69-
import VueDatePicker from '@vuepic/vue-datepicker';
70-
import '@vuepic/vue-datepicker/dist/main.css';
71-
72-
export default {
73-
components: { VueDatePicker }
74-
}
74+
<template>
75+
<VueDatePicker v-model="date" />
76+
</template>
77+
78+
<script setup>
79+
import { ref } from 'vue';
80+
import VueDatePicker from '@vuepic/vue-datepicker';
81+
import '@vuepic/vue-datepicker/dist/main.css';
82+
83+
const date = ref(null);
7584
</script>
7685
```
7786

0 commit comments

Comments
 (0)