Merge pull request #4 from coderdiaz/build

Build

Author: coderdiaz

.gitignore

@@ -1,7 +1,6 @@
 .DS_Store
 node_modules/
-dist/
-public/
+public/dist/
 coverage/
 npm-debug.log
 yarn-error.log

README.md

@@ -34,7 +34,7 @@ $ npm i -S vue-tiny-pagination
       @tiny:change-page="changePage"></tiny-pagination>
 </div>
 ```
-
+You can import the component and define this in specific section:
 ```javascript
 import {TinyPagination} from 'vue-tiny-pagination'
 
@@ -56,6 +56,18 @@ new Vue({
   }
 });
 ```
+or define the component on Global application
+```javascript
+import TinyPagination from 'vue-tiny-pagination'
+Vue.use(TinyPagination)
+```
+
+For use in browser can you use Unpkg:
+```
+https://unpkg.com/vue-tiny-pagination@latest/dist/vue-tiny-pagination.min.js
+```
+
+Example in browser here: https://jsfiddle.net/coderdiaz/g5vLex83/3/
 
 ### Documentation
 

build/rollup.config.js

@@ -0,0 +1,19 @@
+import vue from 'rollup-plugin-vue'
+import buble from 'rollup-plugin-buble'
+import uglify from 'rollup-plugin-uglify-es'
+
+export default {
+  input: 'index.js',
+  output: {
+    name: 'VueTinyPagination',
+    exports: 'named'
+  },
+  plugins: [
+    vue({
+      css: true,
+      compileTemplate: true
+    }),
+    buble(),
+    uglify()
+  ]
+}

dist/vue-tiny-pagination.esm.js

@@ -0,0 +1,24 @@
+import TinyPagination from './src/components/TinyPagination.vue'
+
+export function install (Vue) {
+  if (install.installed) return
+  install.installed = true
+  Vue.component('TinyPagination', TinyPagination)
+}
+
+const plugin = {
+  install
+}
+
+let GlobalVue = null
+if (typeof window !== 'undefined') {
+	GlobalVue = window.Vue
+} else if (typeof global !== 'undefined') {
+	GlobalVue = global.Vue
+}
+if (GlobalVue) {
+	GlobalVue.use(plugin)
+}
+
+export { TinyPagination }
+export default plugin