Merge branch 'develop'

* develop:
  chore(release): 1.1.0
  feat(debug): Add proper render condition and console warnings

Author: apertureless

CHANGELOG.md

@@ -0,0 +1,12 @@
+# Change Log
+
+All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
+
+<a name="1.1.0"></a>
+# [1.1.0](https://github.com/apertureless/vue-breakpoints/compare/v1.0.0...v1.1.0) (2018-04-05)
+
+
+### Features
+
+* **debug:** Add proper render condition and console warnings ([3afe976](https://github.com/apertureless/vue-breakpoints/commit/3afe976))
+* **render:** Remove surrounding divs in render function ([9395fab](https://github.com/apertureless/vue-breakpoints/commit/9395fab))

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-breakpoints",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Vue.js utility component to show and hide components based on breakpoints",
   "author": "Jakub Juszczak <[email protected]>",
   "license": "MIT",

src/components/hideAt.vue

@@ -44,7 +44,7 @@
       }
 
       if (shouldRender) {
-        return this.$slots.default[0]
+        return this.$slots.default ? this.$slots.default[0] : null
       }
       return null
     }

src/components/showAt.vue

@@ -44,7 +44,7 @@
       }
 
       if (shouldRender) {
-        return this.$slots.default[0]
+        return this.$slots.default ? this.$slots.default[0] : null
       }
       return null
     }

src/components/withBreakpoint.vue

@@ -25,6 +25,11 @@
     mounted () {
       window.addEventListener('resize', this.handleResize)
       this.handleResize()
+      if (this.$slots.default && this.$slots.default.length > 1) {
+        console.warn('[✋ vue-breakpoints] You may only wrap one element in a <showAt> or <hideAt/> component.')
+      } else if (!this.$slots.default || this.$slots.default.length < 1) {
+        console.warn('[✋ vue-breakpoints] You must have one child inside a <showAt> or <hideAt/> component.')
+      }
     },
 
     beforeDestroy () {