fix(build): repair global usage (#10)

README.md

@@ -32,7 +32,7 @@ You may install Vue Carousel globally:
 import Vue from 'vue';
 import VueCarousel from '@ssense/vue-carousel';
 
-Vue.use(VueCarousel.default);
+Vue.use(VueCarousel);
 ```
 This will make **<carousel>** and **<slide>** available to all components within your Vue app.
 

docs/source/guide/index.md

@@ -16,7 +16,7 @@ You may install Vue Carousel globally:
 import Vue from 'vue';
 import VueCarousel from '@ssense/vue-carousel';
 
-Vue.use(VueCarousel.default);
+Vue.use(VueCarousel);
 ```
 This will make **<carousel>** and **<slide>** available to all components within your Vue app.
 

package.json

@@ -1,8 +1,8 @@
 {
   "name": "@ssense/vue-carousel",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "A flexible, responsive, touch-friendly carousel for Vue.js",
-  "main": "src/index.js",
+  "main": "dist/vue-carousel.min.js",
   "scripts": {
     "build": "webpack --config config/webpack.min.conf.js && npm run updateDocAssets",
     "coveralls": "cat coverage/client/lcov.info | ./node_modules/.bin/coveralls",

src/Carousel.vue

@@ -380,7 +380,9 @@
         if (this.$slots.default) {
           this.$slots.default.forEach((child) => {
             const slotChild = child
-            slotChild.child.width = width
+            if (slotChild && slotChild.child) {
+              slotChild.child.width = width
+            }
           })
         }
       },

src/index.js

@@ -1,15 +1,16 @@
-/* eslint-disable */
+import Carousel from "./Carousel.vue"
+import Slide from "./Slide.vue"
 
-var Carousel = require("./Carousel.vue")
-var Slide = require("./Slide.vue")
-
-var install = function(Vue) {
+const install = (Vue) => {
   Vue.component("carousel", Carousel)
   Vue.component("slide", Slide)
 }
 
-module.exports = {
-  'default': install,
-  'Carousel': Carousel,
-  'Slide': Slide
-};
+export default {
+  install,
+}
+
+export {
+  Carousel,
+  Slide
+}