refactor: merge CNavbarToggler and CSidebarToggler into CToggler

Author: woothu

src/components/Navbar/CNavbarToggler.vue

@@ -1,11 +1,9 @@
 import CNavbar from './CNavbar'
 import CNavbarNav from './CNavbarNav'
-import CNavbarToggler from './CNavbarToggler'
 import CNavbarBrand from './CNavbarBrand'
 
 export {
   CNavbar,
   CNavbarNav,
-  CNavbarToggler,
   CNavbarBrand
 }

src/components/Navbar/index.js

@@ -10,7 +10,6 @@ import CSidebarNavDivider from './CSidebarNavDivider'
 import CSidebarNavDropdown from './CSidebarNavDropdown'
 import CSidebarNavLink from './CSidebarNavLink'
 import CSidebarNavTitle from './CSidebarNavTitle'
-import CSidebarToggler from './CSidebarToggler'
 
 export {
   CSidebar,
@@ -24,6 +23,5 @@ export {
   CSidebarNavDivider,
   CSidebarNavDropdown,
   CSidebarNavLink,
-  CSidebarNavTitle,
-  CSidebarToggler
+  CSidebarNavTitle
 }

src/components/Navbar/tests/CNavbarToggler.spec.js

@@ -0,0 +1,32 @@
+<script>
+import { mergeData } from 'vue-functional-data-merge'
+export default {
+  name: 'CToggler',
+  functional: true,
+  props: {
+    tag: {
+      type: String,
+      default: 'button'
+    },
+    inHeader: Boolean,
+    inNavbar: Boolean
+  },
+  render (h, { data, props, slots }) {
+    const attrs = props.tag === 'button' ? { type: 'button' } : null
+    const type = props.inNavbar ? 'navbar' : props.inHeader ? 'header' : null 
+    const staticClass = type ? `${type}-toggler` : ''
+    const iconClass = type ? `${staticClass}-icon` : ''
+    return h(
+      props.tag,
+      mergeData({
+        staticClass,
+        attrs
+      }, data),
+      [ 
+        slots().default || 
+        h('span', { class: iconClass })
+      ]
+    )
+  }
+}
+</script>

src/components/Navbar/tests/__snapshots__/CNavbarToggler.spec.js.snap

@@ -0,0 +1,5 @@
+import CToggler from './CToggler'
+
+export {
+  CToggler
+}