File tree 1 file changed +19
-10
lines changed
1 file changed +19
-10
lines changed Original file line number Diff line number Diff line change 40
40
## Install
41
41
42
42
``` shell
43
+ # npm
44
+ npm install @vuepic/vue-datepicker
45
+
46
+ # yarn
43
47
yarn add @vuepic/vue-datepicker
44
48
45
- # or
49
+ # pnpm
50
+ pnpm add @vuepic/vue-datepicker
46
51
47
- npm install @vuepic/vue-datepicker
52
+ # bun
53
+ bun add @vuepic/vue-datepicker
48
54
```
49
55
50
- Import and register component
56
+ ### Import and register component
51
57
52
58
** Global**
53
59
@@ -65,13 +71,16 @@ app.component('VueDatePicker', VueDatePicker);
65
71
** Local**
66
72
67
73
``` 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);
75
84
</script>
76
85
```
77
86
You can’t perform that action at this time.
0 commit comments