feat: remove nested div from dummy element

Author: TheAlexLichter

src/index.js

@@ -1,10 +1,19 @@
 export default {
   functional: true,
-  render (h, { children, props: { regex, invert } }) {
+  render (h, { children, slots, props: { regex, invert } }) {
+    const dummyEl = h('div', {}, [])
+    if (process.server) {
+      return dummyEl
+    }
+
     const botRegex = regex || /bot|googlebot|crawler|spider|robot|crawling/i
-    const isBot = process.server ? true : navigator.userAgent && botRegex.test(navigator.userAgent)
+    const isBot = navigator.userAgent && botRegex.test(navigator.userAgent)
     const shouldShow = invert ? isBot : !isBot
 
-    return h('div', {}, shouldShow ? children : [h('div')])
+    if (!shouldShow) {
+      return dummyEl
+    }
+
+    return h('div', {}, slots().default)
   }
 }

test/VueIsBot.spec.js

@@ -10,13 +10,13 @@ const mockUserAgent = userAgent => {
 
 const testCanSeeOrNot = (can, wrapper) => {
   expect(wrapper.isVueInstance()).toBe(true)
-  expect(wrapper.html()).toBe(`<div>${can ? slotContent : '<div></div>'}</div>`)
+  expect(wrapper.html()).toBe(`<div>${can ? slotContent : ''}</div>`)
 }
 
 const testCanSee = curry(w => testCanSeeOrNot(true, w))
 const testCanNotSee = curry(w => testCanSeeOrNot(false, w))
 
-const testSsr = html => { expect(html).toBe(`<div data-server-rendered="true"><div></div></div>`) }
+const testSsr = html => { expect(html).toBe(`<div data-server-rendered="true"></div>`) }
 
 describe('VueIfBot', () => {
   afterEach(() => { mockUserAgent('Normal user here') })