Rename demo to examples

Author: ankurk91

.eslintignore

@@ -2,5 +2,5 @@
 /node_modules/*
 /build/*
 /dist/*
-/demo/*
+/examples/*
 /docs/*

.npmignore

@@ -1,6 +1,8 @@
-.idea
-.github
-demo
+# Don't publish these files and folders
+/.idea/
+/.github/
+/examples/
+/docs/
 .babelrc
 bower.json
 npm-shrinkwrap.json

README.md

@@ -154,7 +154,7 @@ The component accepts these props
 ```
 * Unfortunately above example works only in ``flatpickr@next`` version, [see](https://github.com/chmln/flatpickr/commit/9392c76685b229b545e76abd3b2082da26e3ce60)
 
-## Run demo on localhost
+## Run examples on your localhost
 * Clone this repo
 * Make sure you have node-js >=6.10
 * Install dependencies

bower.json

@@ -10,6 +10,7 @@
   "keywords": [
     "vue",
     "flatpickr",
+    "vue-flatpickr",
     "datepicker"
   ],
   "homepage": "https://github.com/ankurk91/vue-flatpickr-component",
@@ -19,7 +20,8 @@
     "bower_components",
     "test",
     "tests",
-    "demo"
+    "examples",
+    "docs"
   ],
   "dependencies": {
     "flatpickr": "^2.6.3"

demo/App.vue renamed to examples/App.vue

@@ -1,6 +1,6 @@
 <template>
   <section class="container">
-    <h1 class="page-header">Vue.js flatPicker Demo</h1>
+    <h1 class="page-header">Vue.js flatPicker Examples</h1>
     <div class="row">
       <div class="col-md-8">
         <form method="post" action="/" onsubmit="return false">
@@ -9,14 +9,14 @@
             <div class="col-md-4">
               <div class="form-group">
                 <button type="button" class="btn btn-default" @click.prevent="setNewDate()">
-                  Set new date
+                  Set new date programmatically
                 </button>
               </div>
             </div>
             <div class="col-md-4">
               <div class="form-group">
                 <button type="button" class="btn btn-default" @click.prevent="updateConfig()">
-                  Change mode
+                  Reactive configs (Change mode)
                 </button>
               </div>
             </div>
@@ -195,7 +195,7 @@
       },
       methods: {
         onChange (selectedDates, dateStr, instance) {
-          console.log('Date change hook');
+          console.log('Date change hook was called');
         }
       },
     }

demo/index.html renamed to examples/index.html

@@ -5,11 +5,11 @@ const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 module.exports = {
-  context: __dirname, //home directory for webpack
+  context: __dirname,
   resolve: {
     modules: [
       path.resolve(__dirname, 'src'),
-      path.resolve(__dirname, 'demo'),
+      path.resolve(__dirname, 'examples'),
       'node_modules'
     ],
     alias: {
@@ -18,7 +18,7 @@ module.exports = {
     extensions: ['.js', '.jsx', '.json', '.vue'],
   },
   entry: {
-    app: './demo/index.js',
+    app: './examples/index.js',
     vendor: ['vue', 'flatpickr', 'jquery', 'bootstrap']
   },
   output: {
@@ -57,7 +57,7 @@ module.exports = {
     new HtmlWebpackPlugin({
       inject: true,
       hash: false,
-      template: './demo/index.html',
+      template: './examples/index.html',
       minify: {
         removeComments: false,
         collapseWhitespace: false,
@@ -81,7 +81,7 @@ module.exports = {
   ],
   // Dev server related configs
   devServer: {
-    contentBase: path.resolve(__dirname, 'demo'),
+    contentBase: path.resolve(__dirname, 'examples'),
     port: 9000,
     host: 'localhost',
     open: true,

demo/index.js renamed to examples/index.js

@@ -5,7 +5,7 @@ const path = require('path');
 const CleanWebpackPlugin = require('clean-webpack-plugin');
 
 module.exports = {
-  context: __dirname, //home directory for webpack
+  context: __dirname,
   resolve: {
     modules: [
       path.resolve(__dirname, 'src'),