Skip to content

Commit 92fecd8

Browse files
committed
Added Vue3 Support
1 parent fcd8606 commit 92fecd8

19 files changed

+4508
-3227
lines changed

.gitignore

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,4 +28,7 @@ package-lock.json
2828
# test
2929
coverage/lcov-report
3030
coverage/clover.xml
31-
coverage/lcov.info
31+
coverage/lcov.info
32+
33+
docs/.vuepress/.cache
34+
docs/.vuepress/.temp

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -153,7 +153,7 @@ DEMO (https://edisdev.github.io/vue-datepicker-ui)
153153
Firstly
154154

155155
```bash
156-
yarn add --peer vue
156+
yarn add --peer vue@next
157157
```
158158

159159
Because, Vue is peer dependency.

babel.config.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
module.exports = {
22
presets: [
3-
'@vue/app'
3+
'@vue/cli-plugin-babel/preset'
44
]
55
}

coverage/coverage-final.json

Lines changed: 4 additions & 4 deletions
Large diffs are not rendered by default.

docs/.vuepress/enhanceApp.js renamed to docs/.vuepress/clientAppEnhance.js

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,7 @@ import Calendar from '@/components/calendar.vue'
33

44
import './datepickerExample.css';
55

6-
7-
export default ({ Vue }) => {
8-
Vue.component('Datepicker', Datepicker)
9-
Vue.component('Calendar', Calendar)
6+
export default ({ app }) => {
7+
app.component('Datepicker', Datepicker)
8+
app.component('Calendar', Calendar)
109
};

docs/.vuepress/config.js

Lines changed: 7 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
const path = require('path');
1+
const { path } = require('@vuepress/utils')
22

33
module.exports = {
44
title: 'Vue Datepicker UI',
55
base: '/vue-datepicker-ui/',
66
dest: 'build',
77
description: 'A datepicker component for Vuejs.',
88
head: [['link', { rel: 'icon', href: 'favicon.ico' }]],
9-
theme: 'default-prefers-color-scheme',
10-
plugins: [
11-
[
12-
"@mr-hope/copy-code", {
13-
showInMobile: true
14-
}
15-
]
16-
],
179
themeConfig: {
1810
prefersTheme: 'dark',
1911
sidebar: {
@@ -40,11 +32,10 @@ module.exports = {
4032
docsBranch: 'dev',
4133
editLinks: true,
4234
},
43-
configureWebpack: {
44-
resolve: {
45-
alias: {
46-
'@': path.resolve('src'),
47-
},
48-
},
49-
},
35+
bundler: '@vuepress/webpack',
36+
bundlerConfig: {
37+
chainWebpack(config) {
38+
config.resolve.alias.set('@', '../../src')
39+
}
40+
}
5041
};

lib/demo.html

Lines changed: 2 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,5 @@
1-
<meta charset="utf-8">
2-
<title>vuedatepickerui demo</title>
3-
<script src="https://unpkg.com/vue"></script>
4-
<script src="./vuedatepickerui.umd.js"></script>
5-
6-
<link rel="stylesheet" href="./vuedatepickerui.css">
7-
8-
9-
<div id="app">
10-
<demo></demo>
11-
</div>
12-
13-
<script>
14-
new Vue({
1+
<!doctype html><meta charset="utf-8"><title>vuedatepickerui demo</title><script src="//unpkg.com/vue@3"></script><script src="./vuedatepickerui.umd.js"></script><link rel="stylesheet" href="./vuedatepickerui.css"><div id="app"><demo></demo></div><script>Vue.createApp({
152
components: {
163
demo: vuedatepickerui
174
}
18-
}).$mount('#app')
19-
</script>
5+
}).mount('#app')</script>

0 commit comments

Comments
 (0)