Skip to content
This repository was archived by the owner on Mar 14, 2024. It is now read-only.

Commit 7413b9b

Browse files
gdncomm-hidayat-febiansyahgdncomm-hidayat-febiansyah
committed
update demo
1 parent dded8af commit 7413b9b

File tree

8 files changed

+23
-23
lines changed

8 files changed

+23
-23
lines changed

‎config/webpack.prod.conf.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ function resolve (dir) {
99

1010
const commonConfig = {
1111
resolve: {
12-
extensions: ['.js', '.vue'],
12+
extensions: ['.vue', '.js'],
1313
alias: {
1414
vue: 'vue/dist/vue.js',
1515
'@': resolve('src')
@@ -63,7 +63,7 @@ module.exports = [
6363
output: {
6464
filename: 'vue-rangedate-picker.min.js',
6565
libraryTarget: 'window',
66-
library: 'VueRangedatePicker',
66+
library: 'VueRangedatePicker'
6767
}
6868
}),
6969
merge(commonConfig, {

‎demo/index.html‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
77
<meta name="language" content="en-EN" />
88

9-
<title>Vue-Rangedate-Picker | Demo</title>
9+
<title>vue-rangedate-picker | Demo</title>
1010

1111
<!-- VENDOR CSS start -->
1212
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.5.1/css/bulma.min.css">
@@ -37,7 +37,7 @@
3737
</figure>
3838

3939
<h1 class="title">
40-
Vue-Rangedate-Picker
40+
vue-rangedate-picker
4141
</h1>
4242
<h2 class="subtitle">
4343
Range date picker with simple usage
@@ -62,8 +62,8 @@ <h2 class="subtitle">
6262

6363
<div class="card-content">
6464
<div class="daterange-wrapper">
65-
<rangedate-picker @selected="onDateSelected" i18n="EN">
66-
</rangedate-picker>
65+
<vue-rangedate-picker @selected="onDateSelected" i18n="EN">
66+
</vue-rangedate-picker>
6767
</div>
6868
</div>
6969

@@ -79,8 +79,8 @@ <h2 class="subtitle">
7979

8080
<div class="card-content">
8181
<div class="daterange-wrapper">
82-
<rangedate-picker @selected="onDateSelected" i18n="EN" format="YYYY-MM-DD hh:mm:ss">
83-
</rangedate-picker>
82+
<vue-rangedate-picker @selected="onDateSelected" i18n="EN" format="YYYY-MM-DD hh:mm:ss">
83+
</vue-rangedate-picker>
8484
</div>
8585
</div>
8686

@@ -96,8 +96,8 @@ <h2 class="subtitle">
9696

9797
<div class="card-content">
9898
<div class="daterange-wrapper">
99-
<rangedate-picker @selected="onDateSelected" i18n="EN" righttoleft="true">
100-
</rangedate-picker>
99+
<vue-rangedate-picker @selected="onDateSelected" i18n="EN" righttoleft="true">
100+
</vue-rangedate-picker>
101101
</div>
102102
</div>
103103

@@ -116,8 +116,8 @@ <h2 class="subtitle">
116116

117117
<div class="card-content">
118118
<div class="compact-wrapper">
119-
<rangedate-picker @selected="onDateSelected" compact="true" i18n="EN">
120-
</rangedate-picker>
119+
<vue-rangedate-picker @selected="onDateSelected" compact="true" i18n="EN">
120+
</vue-rangedate-picker>
121121
</div>
122122
</div>
123123

@@ -144,7 +144,7 @@ <h2 class="subtitle">
144144

145145
<script src="https://unpkg.com/[email protected]/dist/vue.js" type="text/javascript"></script>
146146
<script src="../dist/vue-rangedate-picker.min.js" type="text/javascript"></script>
147-
<script src="src/main.js" type="text/javascript"></script>
147+
<script src="./src/main.js" type="text/javascript"></script>
148148
</body>
149149

150150
</html>

‎demo/src/main.js‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
VueRangedatePicker.default.install(Vue)
2+
13
var app = new Vue({
24
el: '#app',
35
data () {
@@ -12,8 +14,5 @@ var app = new Vue({
1214
onDateSelected: function (daterange) {
1315
this.selectedDate = daterange
1416
}
15-
},
16-
components: {
17-
VueRangedatePicker
1817
}
1918
})

‎dist/vue-rangedate-picker.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/vue-rangedate-picker.min.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/demo.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,19 +10,19 @@
1010
// Vue.config.debug = true
1111
// */
1212

13-
import RangedatePicker from './RangedatePicker.vue'
13+
import VueRangeDatePicker from './RangedatePicker.vue'
1414

1515
new window.Vue({
1616
el: 'app',
1717
template: `<div id="demo">
1818
<div>
1919
<strong>Full form</strong>
20-
<rangedate-picker></rangedate-picker>
20+
<vue-rangedate-picker></vue-rangedate-picker>
2121
</div>
2222
<div style="height: 300px">
2323
<strong>Compact (mobile)</strong>
24-
<rangedate-picker compact="true"></rangedate-picker>
24+
<vue-rangedate-picker compact="true"></vue-rangedate-picker>
2525
</div>
2626
</div>`,
27-
components: { RangedatePicker }
27+
components: { VueRangeDatePicker }
2828
})

‎src/index.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,6 @@ import plugin from '@/RangedatePicker.vue'
22

33
export default {
44
install: function (Vue, options) {
5-
Vue.component('rangedate-picker', plugin)
5+
Vue.component(plugin.name, plugin)
66
}
77
}

‎src/js/rangedate-picker.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -117,6 +117,7 @@ const defaultPresets = function (i18n = defaultI18n) {
117117
}
118118

119119
export default {
120+
name: 'vue-rangedate-picker',
120121
props: {
121122
configs: {
122123
type: Object,

0 commit comments

Comments
 (0)