Release 0.2.0

dist/vue-mq.cjs.js

@@ -66,24 +66,28 @@ function selectBreakpoints(breakpoints, currentBreakpoint) {
   return breakpoints.slice(index);
 }
 
+function isArray(arg) {
+  return Object.prototype.toString.call(arg) === '[object Array]';
+}
+
 // USAGE
 // mq-layout(mq="lg")
 //   p I’m lg
 var component = {
   props: {
     mq: {
       required: true,
-      type: String
+      type: [String, Array]
     }
   },
   computed: {
     plusModifier: function plusModifier() {
-      return this.mq.slice(-1) === '+';
+      return !isArray(this.mq) && this.mq.slice(-1) === '+';
     },
     activeBreakpoints: function activeBreakpoints() {
       var breakpoints = Object.keys(this.$mqAvailableBreakpoints);
-      var mq = this.plusModifier ? this.mq.slice(0, -1) : this.mq;
-      return this.plusModifier ? selectBreakpoints(breakpoints, mq) : [this.mq];
+      var mq = this.plusModifier ? this.mq.slice(0, -1) : isArray(this.mq) ? this.mq : [this.mq];
+      return this.plusModifier ? selectBreakpoints(breakpoints, mq) : mq;
     }
   },
   render: function render(h, props) {

dist/vue-mq.es.js

@@ -62,24 +62,28 @@ function selectBreakpoints(breakpoints, currentBreakpoint) {
   return breakpoints.slice(index);
 }
 
+function isArray(arg) {
+  return Object.prototype.toString.call(arg) === '[object Array]';
+}
+
 // USAGE
 // mq-layout(mq="lg")
 //   p I’m lg
 var component = {
   props: {
     mq: {
       required: true,
-      type: String
+      type: [String, Array]
     }
   },
   computed: {
     plusModifier: function plusModifier() {
-      return this.mq.slice(-1) === '+';
+      return !isArray(this.mq) && this.mq.slice(-1) === '+';
     },
     activeBreakpoints: function activeBreakpoints() {
       var breakpoints = Object.keys(this.$mqAvailableBreakpoints);
-      var mq = this.plusModifier ? this.mq.slice(0, -1) : this.mq;
-      return this.plusModifier ? selectBreakpoints(breakpoints, mq) : [this.mq];
+      var mq = this.plusModifier ? this.mq.slice(0, -1) : isArray(this.mq) ? this.mq : [this.mq];
+      return this.plusModifier ? selectBreakpoints(breakpoints, mq) : mq;
     }
   },
   render: function render(h, props) {

dist/vue-mq.js

@@ -126,24 +126,28 @@ function selectBreakpoints(breakpoints, currentBreakpoint) {
   return breakpoints.slice(index);
 }
 
+function isArray(arg) {
+  return Object.prototype.toString.call(arg) === '[object Array]';
+}
+
 // USAGE
 // mq-layout(mq="lg")
 //   p I’m lg
 var component = {
   props: {
     mq: {
       required: true,
-      type: String
+      type: [String, Array]
     }
   },
   computed: {
     plusModifier: function plusModifier() {
-      return this.mq.slice(-1) === '+';
+      return !isArray(this.mq) && this.mq.slice(-1) === '+';
     },
     activeBreakpoints: function activeBreakpoints() {
       var breakpoints = Object.keys(this.$mqAvailableBreakpoints);
-      var mq = this.plusModifier ? this.mq.slice(0, -1) : this.mq;
-      return this.plusModifier ? selectBreakpoints(breakpoints, mq) : [this.mq];
+      var mq = this.plusModifier ? this.mq.slice(0, -1) : isArray(this.mq) ? this.mq : [this.mq];
+      return this.plusModifier ? selectBreakpoints(breakpoints, mq) : mq;
     }
   },
   render: function render(h, props) {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-mq",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "description": "Handle media queries easily & build responsive design with Vue",
   "main": "dist/vue-mq.js",
   "module": "dist/vue-mq.es.js",
@@ -11,7 +11,7 @@
     "prepublishOnly": "yarn deploy:gh-pages",
     "deploy:gh-pages": "yarn build:example && yarn gh-pages -d examples/dist",
     "build": "npx rimraf dist && bili",
-    "release": "yarn test && yarn build && npx release-it"
+    "release": "yarn test && yarn build && npx release-it --no-requireCleanWorkingDir"
   },
   "bili": {
     "moduleName": "vueMq",