change main script

.npmignore

@@ -14,11 +14,11 @@ test
 .travis.yml
 http-dist.js
 index.html
+index-dev.html
 npm-debug.log
 screenshoot.PNG
 yarn-error.log
 yarn.lock
 src/App.vue
 src/custom-style.scss
-src/main.js
-src/vue2-simplert.js
+src/main.js

build/webpack.dist.conf.js

@@ -13,14 +13,15 @@ var env = process.env.NODE_ENV === 'testing'
   ? require('../config/test.env')
   : config.build.env
 
-var webpackConfig = merge(baseWebpackConfig, {  
+var webpackConfig = merge(baseWebpackConfig, {
   entry: {
     app: './src/main-dist.js'
   },
   output: {
-    path: config.build.assetsRoot,
+    path: path.resolve(__dirname, '../dist'),
+    publicPath: '/dist',
     filename: 'simplert.bundle.js',
-    library: 'simplert',
+    library: 'Simplert',
     libraryTarget: 'umd',
     umdNamedDefine: true
   },
@@ -30,7 +31,11 @@ var webpackConfig = merge(baseWebpackConfig, {
       extract: false
     })
   },
-  devtool: config.build.productionSourceMap ? '#source-map' : false,
+  devtool: '#source-map',
+  externals: {
+    // Use external version of Vue
+    "vue": "Vue",
+  },
   plugins: [
     // http://vuejs.github.io/vue-loader/en/workflow/production.html
     new webpack.DefinePlugin({

package.json

@@ -1,11 +1,11 @@
 {
   "name": "vue2-simplert",
   "description": "Vue 2 Alert Component (SweetAlert Inspired)",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "license": "MIT",
   "author": "Irfan Maulana (https://github.com/mazipan/)",
   "homepage": "https://mazipan.github.io/vue2-simplert/",
-  "main": "./dist/simplert.bundle.js",
+  "main": "./src/main-dist.js",
   "keywords": [
     "vue2 alert",
     "vue2 sweet alert",
@@ -34,76 +34,80 @@
     "test": "npm run unit && npm run e2e",
     "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
   },
-  "dependencies": {},
+  "files": [
+    "dist",
+    "src/main-dist.js",
+    "src/Simplert.vue"
+  ],
   "devDependencies": {
-    "autoprefixer": "^6.7.2",
-    "babel-core": "^6.22.1",
-    "babel-eslint": "^7.1.1",
-    "babel-loader": "^6.2.10",
-    "babel-plugin-istanbul": "^3.1.2",
-    "babel-plugin-transform-runtime": "^6.22.0",
-    "babel-preset-es2015": "^6.22.0",
-    "babel-preset-stage-2": "^6.22.0",
-    "babel-register": "^6.22.0",
-    "chai": "^3.5.0",
-    "chalk": "^1.1.3",
-    "chromedriver": "^2.27.2",
-    "compression": "^1.6.2",
-    "compression-webpack-plugin": "^0.3.2",
+    "autoprefixer": "^7.1.2",
+    "babel-core": "^6.25.0",
+    "babel-eslint": "^7.2.3",
+    "babel-loader": "^7.1.1",
+    "babel-plugin-istanbul": "^4.1.4",
+    "babel-plugin-transform-runtime": "^6.23.0",
+    "babel-preset-es2015": "^6.24.1",
+    "babel-preset-stage-2": "^6.24.1",
+    "babel-register": "^6.24.1",
+    "chai": "^4.1.0",
+    "chalk": "^2.0.1",
+    "chromedriver": "^2.30.1",
+    "compression": "^1.7.0",
+    "compression-webpack-plugin": "^0.4.0",
     "concat-files": "^0.1.1",
     "connect-history-api-fallback": "^1.3.0",
-    "cross-env": "^3.1.4",
-    "cross-spawn": "^5.0.1",
-    "css-loader": "^0.26.1",
-    "eslint": "^3.14.1",
-    "eslint-config-standard": "^6.2.1",
-    "eslint-friendly-formatter": "^2.0.7",
-    "eslint-loader": "^1.6.1",
-    "eslint-plugin-html": "^2.0.0",
-    "eslint-plugin-promise": "^3.4.0",
-    "eslint-plugin-standard": "^2.0.1",
+    "cross-env": "^5.0.1",
+    "cross-spawn": "^5.1.0",
+    "css-loader": "^0.28.4",
+    "eslint": "^4.2.0",
+    "eslint-config-standard": "^10.2.1",
+    "eslint-friendly-formatter": "^3.0.0",
+    "eslint-loader": "^1.9.0",
+    "eslint-plugin-html": "^3.1.0",
+    "eslint-plugin-promise": "^3.5.0",
+    "eslint-plugin-standard": "^3.0.1",
     "eventsource-polyfill": "^0.9.6",
-    "express": "^4.14.1",
-    "extract-text-webpack-plugin": "^2.0.0-rc.2",
-    "file-loader": "^0.10.0",
-    "friendly-errors-webpack-plugin": "^1.1.3",
+    "express": "^4.15.3",
+    "extract-text-webpack-plugin": "^3.0.0",
+    "file-loader": "^0.11.2",
+    "friendly-errors-webpack-plugin": "^1.6.1",
     "function-bind": "^1.1.0",
-    "html-webpack-plugin": "^2.28.0",
-    "http-proxy-middleware": "^0.17.3",
-    "inject-loader": "^2.0.1",
-    "karma": "^1.4.1",
+    "html-webpack-plugin": "^2.29.0",
+    "http-proxy-middleware": "^0.17.4",
+    "inject-loader": "^3.0.0",
+    "karma": "^1.7.0",
     "karma-coverage": "^1.1.1",
     "karma-mocha": "^1.3.0",
-    "karma-phantomjs-launcher": "^1.0.2",
-    "karma-sinon-chai": "^1.2.4",
+    "karma-phantomjs-launcher": "^1.0.4",
+    "karma-sinon-chai": "^1.3.1",
     "karma-sourcemap-loader": "^0.3.7",
-    "karma-spec-reporter": "0.0.26",
-    "karma-webpack": "^2.0.2",
-    "lolex": "^1.5.2",
-    "mocha": "^3.2.0",
-    "nightwatch": "^0.9.12",
-    "node-sass": "^4.5.0",
-    "opn": "^4.0.2",
-    "ora": "^1.1.0",
+    "karma-spec-reporter": "0.0.31",
+    "karma-webpack": "^2.0.4",
+    "lolex": "^2.0.0",
+    "mocha": "^3.4.2",
+    "nightwatch": "^0.9.16",
+    "node-sass": "^4.5.3",
+    "opn": "^5.1.0",
+    "ora": "^1.3.0",
     "phantomjs-prebuilt": "^2.1.14",
-    "sass-loader": "^6.0.0",
-    "selenium-server": "^3.0.1",
+    "sass-loader": "^6.0.6",
+    "selenium-server": "^3.4.0",
     "semver": "^5.3.0",
-    "shelljs": "^0.7.6",
-    "sinon": "^1.17.7",
-    "sinon-chai": "^2.8.0",
-    "url-loader": "^0.5.7",
-    "vue": "^2.1.10",
-    "vue-loader": "^10.3.0",
-    "vue-resource": "^1.2.0",
-    "vue-router": "^2.2.0",
-    "vue-style-loader": "^2.0.0",
-    "vue-template-compiler": "^2.1.10",
-    "webpack": "^2.2.1",
-    "webpack-bundle-analyzer": "^2.2.1",
-    "webpack-dev-middleware": "^1.10.0",
-    "webpack-hot-middleware": "^2.16.1",
-    "webpack-merge": "^2.6.1",
+    "shelljs": "^0.7.8",
+    "sinon": "^2.3.8",
+    "sinon-chai": "^2.11.0",
+    "url-loader": "^0.5.9",
+    "vue": "^2.4.1",
+    "vue-loader": "^12.2.2",
+    "vue-resource": "^1.3.4",
+    "vue-router": "^2.7.0",
+    "vue-style-loader": "^3.0.1",
+    "vue-template-compiler": "^2.4.1",
+    "webpack": "^3.2.0",
+    "webpack-bundle-analyzer": "^2.8.3",
+    "webpack-dev-middleware": "^1.11.0",
+    "webpack-hot-middleware": "^2.18.2",
+    "webpack-merge": "^4.1.0",
     "webpack-shell-plugin": "^0.5.0"
   }
 }

src/App.vue

@@ -326,7 +326,7 @@
 </template>
 
 <script>
-  import Simplert from '../dist/simplert.bundle.js'
+  import Simplert from './Simplert.vue'
 
   export default {
     components: {