release v1.0.1

Author: meteorlxy

.npmignore

@@ -0,0 +1 @@
+docs/

build/webpack.dev.conf.js

@@ -5,9 +5,9 @@ var merge = require('webpack-merge')
 var baseWebpackConfig = require('./webpack.base.conf')
 var HtmlWebpackPlugin = require('html-webpack-plugin')
 var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
-var isDocs = process.argv.indexOf('--docs') > 0
+
 baseWebpackConfig.entry = {
-  app: isDocs ? './docs/main.js' : './dev/main.js'
+  app: './dev/main.js'
 }
 
 // add hot-reload related code to entry chunks
@@ -31,7 +31,7 @@ module.exports = merge(baseWebpackConfig, {
     // https://github.com/ampedandwired/html-webpack-plugin
     new HtmlWebpackPlugin({
       filename: 'index.html',
-      template: isDocs ? 'docs/index.html' : 'dev/index.html',
+      template: 'dev/index.html',
       inject: true
     }),
     new FriendlyErrorsPlugin()

build/webpack.docs.conf.js

@@ -13,7 +13,7 @@ var env = config.docs.env
 
 var webpackConfig = merge(baseWebpackConfig, {
   entry: {
-    app: './docs/main.js'
+    app: './dev/main.js'
   },
   module: {
     rules: utils.styleLoaders({
@@ -55,7 +55,7 @@ var webpackConfig = merge(baseWebpackConfig, {
     // see https://github.com/ampedandwired/html-webpack-plugin
     new HtmlWebpackPlugin({
       filename: config.docs.index,
-      template: 'docs/index.html',
+      template: 'dev/index.html',
       inject: true,
       minify: {
         removeComments: true,

config/index.js

@@ -4,8 +4,8 @@ var path = require('path')
 module.exports = {
   docs: {
     env: require('./prod.env'),
-    assetsRoot: path.resolve(__dirname, '../gh-pages'),
-    index: path.resolve(__dirname, '../gh-pages/index.html'),
+    assetsRoot: path.resolve(__dirname, '../docs'),
+    index: path.resolve(__dirname, '../docs/index.html'),
     assetsSubDirectory: 'static',
     assetsPublicPath: '',
     productionSourceMap: true,

dev/App.vue

@@ -1,31 +1,44 @@
 <template>
   <div id="app">
     <header class="jumbotron text-center">
+      <img src="static/img/logo.png">
       <h1>Bootstrap Pagination for Vue</h1>
-      <br>
-      <p class="text-muted">Dev Mode</p>
+      <p class="text-muted">A very simple vue component - bootstrap pagination</p>
+      <p class="text-muted">Compatible with Vue 2.x & Bootstrap 3/4-beta</p>
+      <a class="btn btn-outline-secondary btn-lg" href="https://github.com/meteorlxy/vue-bs-pagination" target="_blank"><i class="fa fa-github"></i> GitHub</a>
     </header>
     <main class="container">
-      <div class="form-group">
-        <label for="input-total">Total Pages</label>
-        <input type="number" class="form-control" id="input-total" v-model.number="total">
-        <small class="form-text text-muted">prop: <code>total</code>, type: <code>Number</code>, required: <code>true</code></small>
-      </div>
-      <div class="form-group">
-        <label for="input-each-side">Each Side</label>
-        <input type="number" class="form-control" id="input-each-side" v-model.number="eachSide">
-        <small class="form-text text-muted">prop: <code>eachSide</code>, type: <code>Number</code>, default: <code>1</code></small>
-      </div>
-      <div class="form-group">
-        <label for="input-current-page">Current Page</label>
-        <input type="number" class="form-control" id="input-current-page" :value="currentPage" readonly>
-        <small class="form-text text-muted">v-model: <code>currentPage</code></small>
-      </div>
-      <div>
-        <p>Result</p>
-        <v-pagination v-model="currentPage" :total="total" :each-side="eachSide"></v-pagination>
+      <div id="demo">
+        <h3>Demo</h3>
+        <hr>
+        <div class="form-group">
+          <label for="input-total">Total Pages</label>
+          <input type="number" class="form-control" id="input-total" v-model.number="total">
+          <small class="form-text text-muted">prop: <code>total</code>, type: <code>Number</code>, required: <code>true</code></small>
+        </div>
+        <div class="form-group">
+          <label for="input-each-side">Each Side</label>
+          <input type="number" class="form-control" id="input-each-side" v-model.number="eachSide">
+          <small class="form-text text-muted">prop: <code>eachSide</code>, type: <code>Number</code>, default: <code>1</code></small>
+        </div>
+        <div class="form-group">
+          <label for="input-current-page">Current Page</label>
+          <input type="number" class="form-control" id="input-current-page" :value="currentPage" readonly>
+          <small class="form-text text-muted">v-model: <code>currentPage</code></small>
+        </div>
+        <div>
+          <p>Result</p>
+          <v-pagination v-model="currentPage" :total="total" :each-side="eachSide"></v-pagination>
+        </div>
       </div>
     </main>
+    <footer class="text-center text-muted">
+      <hr>
+      <p>vue-bs-pagination</p>
+      <div class="h3 mb-5">
+        <a href="https://github.com/meteorlxy/vue-bs-pagination" target="_blank"><i class="fa fa-github"></i></a>
+      </div>
+    </footer>
   </div>
 </template>
 

dev/index.html

@@ -3,6 +3,7 @@
   <head>
     <meta charset="utf-8">
     <title>vue-bs-pagination</title>
+    <link rel="icon" href="static/img/logo.png" type="image/png">
     <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
   </head>