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)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy