refactor: CNavbar: change toggleable prop to expandable

- fix navbar-expand class suffix generation

Author: woothu

src/components/Navbar/CNavbar.vue

@@ -8,10 +8,9 @@ export const props = {
   },
   light: Boolean,
   variant: String,
-  toggleable: {
+  expandable: {
     type: [Boolean, String],
-    default: false,
-    validator: val => ['', false, true, 'sm', 'md', 'lg', 'xl'].includes(val)
+    default: false
   },
   fixed: {
     type: String,
@@ -26,7 +25,7 @@ export default {
   functional: true,
   props,
   render (h, { props, data, children }) {
-    const expandClassSuffix = props.toggleable === true ? '' : props.toggleable
+    const expandClassSuffix = props.expandable === true ? '' : `-${props.expandable}`
     return h(
       props.tag,
       mergeData(data, {
@@ -38,7 +37,7 @@ export default {
             'sticky-top': props.sticky,
             [`bg-${props.variant}`]: Boolean(props.variant),
             [`fixed-${props.fixed}`]: Boolean(props.fixed),
-            [`navbar-expand-${expandClassSuffix}`]: Boolean(props.toggleable)
+            [`navbar-expand${expandClassSuffix}`]: Boolean(props.expandable)
           }
         ],
         attrs: {

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

@@ -10,7 +10,7 @@ const customWrapper = mount(Component, {
     pills: true,
     vertical: true,
     fixed: 'top',
-    toggleable: true,
+    expandable: true,
     light: true,
     tag: 'div'
   },

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

@@ -8,7 +8,7 @@ exports[`CNavbar renders correctly 1`] = `
 
 exports[`CNavbar renders correctly 2`] = `
 <div
-  class="navbar navbar-light fixed-top navbar-expand-"
+  class="navbar navbar-light fixed-top navbar-expand"
   fill="true"
   justified="true"
   pills="true"

src/components/index.d.ts

@@ -400,7 +400,7 @@ export declare class CNavbar extends Vue {
   tag: string
   light: boolean
   variant: string
-  toggleable: [boolean, string]
+  expandable: [boolean, string]
   fixed: string
   sticky: boolean
   print: boolean