refactor: CDropdown: rename nav prop to inNav

Author: woothu

src/components/Dropdown/CDropdown.vue

@@ -1,6 +1,6 @@
 <template>
   <component 
-    :is="nav ? 'li' : 'div'" 
+    :is="inNav ? 'li' : 'div'" 
     :class="computedDropdownClasses"
     v-on-clickaway="hide"
   >
@@ -21,7 +21,10 @@
         v-bind="togglerAttrs"
       />
     </slot>
-     <div ref="menu" :class="computedMenuClasses">
+    <div 
+      ref="menu"
+      :class="computedMenuClasses"
+    >
       <slot></slot>
     </div>
   </component>
@@ -45,7 +48,7 @@ export default {
     disabled: Boolean,
     addMenuClasses: [String, Array, Object],
     addTogglerClasses: [String, Array, Object],
-    nav: Boolean,
+    inNav: Boolean,
     noCaret: Boolean,
     variant: String,
     size: {
@@ -148,29 +151,29 @@ export default {
         this.carretClass,
         {
           'show': this.visible,
-          'nav-item': this.nav,
+          'nav-item': this.inNav,
           'btn-group': this.splittedToggler
         }
       ]
     },
 
     togglerTag () {
-      return this.nav ? CLink : 'button'
+      return this.inNav ? CLink : 'button'
     },
 
     splittedToggler () {
-      return this.split && !this.nav
+      return this.split && !this.inNav
     },
 
     computedTogglerClasses () {
       return [
         this.addTogglerClasses,
-        this.nav ? 'nav-link' : 'btn',
+        this.inNav ? 'nav-link' : 'btn',
         {
           'dropdown-toggle': !this.noCaret && !this.split,
-          [`btn-${this.size}`]: this.size && !this.nav,
+          [`btn-${this.size}`]: this.size && !this.inNav,
           'disabled' : this.disabled,
-          [`${ this.nav ? 'bg' : 'btn'}-${ this.variant }`]: this.variant
+          [`${ this.inNav ? 'bg' : 'btn'}-${ this.variant }`]: this.variant
         }
       ]
     },

src/components/Dropdown/tests/CDropdown.spec.js

@@ -29,7 +29,7 @@ const customWrapper = mount(Component, {
     show: true,
     addMenuClasses: 'additional-menu-class',
     addTogglerClasses: 'additional-toggler-class',
-    nav: false,
+    inNav: false,
     noCaret: true,
     variant: 'success',
     size: 'lg',
@@ -48,7 +48,7 @@ const navWrapper = mount(Component, {
     togglerText: 'Dropdown button',
     addMenuClasses: 'additional-menu-class',
     addTogglerClasses: 'additional-toggler-class',
-    nav: true,
+    inNav: true,
     noCaret: true,
     variant: 'success',
     offset: 20,
@@ -71,7 +71,7 @@ describe(ComponentName, () => {
   it('renders custom wrapper correctly', () => {
     expect(customWrapper.element).toMatchSnapshot()
   })
-  it('renders correctly in nav mode', () => {
+  it('renders correctly inNav', () => {
     expect(navWrapper.element).toMatchSnapshot()
   })
   it('properly toggle dropdown', () => {

src/components/Dropdown/tests/__snapshots__/CDropdown.spec.js.snap

@@ -20,7 +20,7 @@ exports[`CDropdown renders correctly 1`] = `
 </div>
 `;
 
-exports[`CDropdown renders correctly in nav mode 1`] = `
+exports[`CDropdown renders correctly inNav 1`] = `
 <li
   class="dropleft nav-item"
 >

src/components/index.d.ts

@@ -136,7 +136,7 @@ export declare class CDropdown extends Vue {
   disabled: boolean
   addMenuClasses: [string, Array<any>, object]
   addTogglerClasses: [string, Array<any>, object]
-  nav: boolean
+  inNav: boolean
   noCaret: boolean
   variant: string
   size: string