default options

lib/index.js

@@ -1,7 +1,18 @@
 import directive from './v-blur'
 
+export const defaultOptions = {
+  opacity: 0.5,
+  filter: 'blur(1.5px)',
+  transition: 'all .2s linear'
+}
+
 const plugin = {
-  install (Vue) {
+  install (Vue, options) {
+    if (options && typeof options === 'object') {
+      Object.keys(defaultOptions).forEach((optionKey) => {
+        defaultOptions[optionKey] = options[optionKey] || defaultOptions[optionKey]
+      })
+    }
     Vue.directive('blur', directive)
   }
 }

lib/v-blur.js

@@ -1,3 +1,5 @@
+import { defaultOptions } from './index'
+
 const directive = {}
 
 directive.blur = function (el, bindingValue) {
@@ -12,9 +14,9 @@ directive.blur = function (el, bindingValue) {
     bindingValue = { isBlurred: bindingValue }
   }
 
-  const opacity = bindingValue.opacity || 0.5
-  const filter = bindingValue.filter || 'blur(1.5px)'
-  const transition = bindingValue.transition || 'all .2s linear'
+  const opacity = bindingValue.opacity || defaultOptions.opacity
+  const filter = bindingValue.filter || defaultOptions.filter
+  const transition = bindingValue.transition || defaultOptions.transition
 
   el.style.opacity = bindingValue.isBlurred ? opacity : 1
   el.style.filter = bindingValue.isBlurred ? filter : 'none'

package.json

@@ -38,7 +38,8 @@
     "rollup-plugin-filesize": "^6.2.0",
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-uglify": "^6.0.3",
-    "standard": "^14.3.1"
+    "standard": "^14.3.1",
+    "vue": "^2.6.10"
   },
   "jest": {
     "collectCoverage": true,

test/index.test.js

@@ -0,0 +1,18 @@
+/* global describe, it, expect */
+
+import plugin, { defaultOptions } from '../lib'
+import Vue from 'vue'
+
+describe('v-blur:index', () => {
+  it('should use if there has options parameter on install', () => {
+    const options = {
+      opacity: 0.2,
+      filter: 'blur(0.3px)'
+    }
+    Vue.use(plugin, options)
+
+    expect(typeof defaultOptions).toEqual('object')
+    expect(defaultOptions.opacity).toEqual(options.opacity)
+    expect(defaultOptions.filter).toEqual(options.filter)
+  })
+})