Merge pull request #9 from websmurf/webpack-2-jest

Webpack 2 + Jest tests

Author: websmurf

.babelrc

@@ -1,5 +1,18 @@
 {
   "presets": [
-    ["env", { "modules": false }]
-  ]
+    ["env", {
+      "modules": false,
+      "targets": {
+        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
+      }
+    }],
+    "stage-2"
+  ],
+  "plugins": ["transform-vue-jsx", "transform-runtime"],
+  "env": {
+    "test": {
+      "presets": ["env", "stage-2"],
+      "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]
+    }
+  }
 }

.editorconfig

@@ -6,4 +6,4 @@ indent_style = space
 indent_size = 2
 end_of_line = lf
 insert_final_newline = true
-trim_trailing_whitespace = true
+trim_trailing_whitespace = true

.eslintignore

@@ -1,2 +1 @@
 build/*.js
-dist/*.js

.eslintrc.js

@@ -1,26 +1,30 @@
-// http://eslint.org/docs/user-guide/configuring
+// https://eslint.org/docs/user-guide/configuring
+
 module.exports = {
   root: true,
-  parser: 'babel-eslint',
   parserOptions: {
-    sourceType: 'module'
+    parser: 'babel-eslint'
   },
   env: {
     browser: true,
   },
-  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
-  extends: 'standard',
+  extends: [
+    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
+    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
+    'plugin:vue/recommended',
+    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
+    'standard'
+  ],
   // required to lint *.vue files
   plugins: [
-    'html'
+    'vue'
   ],
   // add your custom rules here
-  'rules': {
-    // allow paren-less arrow functions
-    'arrow-parens': 0,
+  rules: {
     // allow async-await
-    'generator-star-spacing': 0,
+    'generator-star-spacing': 'off',
+    'vue/max-attributes-per-line': 'off',
     // allow debugger during development
-    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
   }
 }

.gitignore

@@ -1,3 +1,2 @@
 node_modules
-.idea
-test/coverage/
+test/unit/coverage/

.postcssrc.js

@@ -0,0 +1,8 @@
+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+  "plugins": {
+    // to edit target browsers: use "browserslist" field in package.json
+    "autoprefixer": {}
+  }
+}

README.md

@@ -14,7 +14,7 @@ Optional packages:
 ## Install
 
 ```
-$ npm install vue2-notify --save
+$ yarn add vue2-notify
 ```
 
 Then in your main.js:
@@ -123,7 +123,6 @@ const types = {
   error: { itemClass: 'is-danger' },
   warning: { itemClass: 'is-warning' },
   success: { itemClass: 'is-success', iconClass: 'fa fa-lg fa-check-circle' }
-
 }
 
 Vue.$notify.setTypes(types);

build/dev.js

@@ -1,5 +1,5 @@
 import Vue from 'vue'
-import Notify from '../src/install'
+import Notify from '../src/index.js'
 
 // Use Notify
 Vue.use(Notify)
@@ -13,6 +13,9 @@ new Vue({
   '<button class="btn btn-danger mr-1" @click="error">Error</button>' +
   '<button class="btn btn-secondary mr-1" @click="advanced">Advanced</button>' +
   '</div>',
+  components: {
+    Notify
+  },
   methods: {
     error () {
       this.$notify('This is an error message', 'error')
@@ -27,7 +30,7 @@ new Vue({
       this.$notify('This is a success message', 'success')
     },
     advanced () {
-      this.$notify('This is an advanced message', 'info', { visibility: 10000, iconClass: 'fa fa-lg fa-handshake-o' })
+      this.$notify('This is an advanced message', 'info', { visibility: 10000, iconClass: 'fa fa-lg fa-handshake-o', closeButtonClass: 'btn btn-default pull-right' })
     }
   }
 }).$mount('#app')

build/prod.js

@@ -1 +1 @@
-module.exports = require('../src/install.js')
+module.exports = require('../src/index.js')