Implemented fixed build

package.json

@@ -2,36 +2,24 @@
   "name": "sky-video",
   "version": "1.2.1",
   "description": "Vue component for easy video service embedding",
-  "main": "dist/skyvideo.js",
+  "main": "dist/skyvideo.min.js",
   "scripts": {
     "build": "rimraf ./dist && webpack --config ./webpack.config.js",
-    "dist": "yarn install && yarn run build"
+    "dist": "yarn install && yarn run build",
+    "update": "rimraf ./node_modules && yarn run dist"
   },
+  "build": "plugin",
   "author": "Skybrud.dk",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/skybrud/sky-video.git"
+    "url": "https://github.com/skybrud/sky-reveal.git"
   },
   "devDependencies": {
-    "babel-core": "^6.26.0",
-    "babel-loader": "^7.1.2",
-    "babel-plugin-transform-runtime": "^6.9.0",
-    "babel-preset-es2015": "^6.9.0",
-    "babel-preset-stage-2": "^6.11.0",
-    "babel-runtime": "^6.9.2",
-    "css-loader": "^0.28.10",
-    "node-sass": "^4.7.2",
-    "postcss-loader": "^2.1.1",
-    "rimraf": "^2.6.1",
-    "sass-loader": "^6.0.6",
-    "uglifyjs-webpack-plugin": "^1.2.2",
-    "vue": "^2.5.11",
-    "vue-html-loader": "^1.2.3",
-    "vue-loader": "^11.1.4",
-    "vue-style-loader": "^2.0.3",
-    "vue-template-compiler": "^2.5.11",
-    "webpack": "^3.11.0",
-    "webpack-merge": "^4.1.0"
+    "np": "*",
+    "sky-build-setup": "https://github.com/skybrud/sky-build-setup.git#^1.0.0"
+  },
+  "peerDependencies": {
+    "vue": "^2.5.0"
   }
 }

src/index.js

@@ -0,0 +1,20 @@
+import SkyVideo from './SkyVideo.vue';
+
+const defaults = {
+	registerComponents: true,
+};
+
+export {
+	SkyVideo,
+};
+
+export default {
+	install(Vue, options) {
+		const { registerComponents } = Object.assign({}, defaults, options);
+
+		if (registerComponents) {
+			// Main component
+			Vue.component(SkyVideo.name, SkyVideo);
+		}
+	},
+};

webpack.config.js

@@ -1,73 +1,9 @@
-const webpack = require('webpack');
-const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
-const merge = require('webpack-merge');
+const SkyBuildSetup = require('sky-build-setup');
+const PackageJson = require('./package.json');
 const path = require('path');
-const packageJson = require('./package.json');
 
-const name = (() => {
-	const capitalise = (string) => string.charAt(0).toUpperCase() + string.slice(1);
-	const nameArray = packageJson.name.split('-');
-
-	return `${capitalise(nameArray[0])}${capitalise(nameArray[1])}`;
-})();
-
-const config = {
-	output: {
-		path: path.resolve(__dirname + '/dist/'),
-	},
-	module: {
-		loaders: [
-			{
-				test: /\.js$/,
-				loader: 'babel-loader',
-				include: __dirname,
-				exclude: /node_modules/,
-			},
-			{
-				test: /\.vue$/,
-				loader: 'vue-loader',
-				options: {
-					preserveWhitespace: false,
-					postcss: [
-						require('autoprefixer')(),
-					],
-					loaders: {
-						css: 'vue-style-loader!css-loader!sass-loader',
-					},
-				},
-			},
-		],
-	},
-	plugins: [
-		new UglifyJsPlugin({
-			sourceMap: false,
-			uglifyOptions: {
-				mangle: true,
-				compress: {
-					warnings: false,
-				},
-			},
-		}),
-	],
-};
-
-module.exports = [
-	merge(config, {
-		entry: path.resolve(__dirname + '/src/plugin.js'),
-		output: {
-			filename: name.toLowerCase() + '.min.js',
-			libraryTarget: 'window',
-			library: name,
-		},
-	}),
-	merge(config, {
-		target: 'node',
-		entry: path.resolve(__dirname + '/src/' + name + '.vue'),
-		output: {
-			filename: name.toLowerCase() + '.js',
-			libraryTarget: 'umd',
-			library: name,
-			umdNamedDefine: true,
-		},
-	}),
-];
+module.exports = SkyBuildSetup(
+	PackageJson.name,
+	PackageJson.build,
+	path.resolve(__dirname)
+);