chore(tab-bar): hyphenate a camelCase props

example/pages/tab-bar/tab-bar.vue

@@ -14,7 +14,7 @@
       <div class="section">
         <cube-tab-bar
           v-model="selectedLabelSlots"
-          showSlider
+          show-slider
           @click="clickHandler"
           @change="changeHandler">
           <cube-tab v-for="(item, index) in tabs" :icon="item.icon" :label="item.label" :key="item.label">
@@ -25,7 +25,7 @@
       <div class="section">
         <cube-tab-bar
           v-model="selectedLabelInline"
-          showSlider
+          show-slider
           inline
           @click="clickHandler"
           @change="changeHandler">

example/pages/tab-bar/tab-basic.vue

 <template>
   <cube-page type="tabs-basic-view" title="tab-basic">
     <div slot="content">
-      <cube-tab-bar v-model="selectedLabel" showSlider>
+      <cube-tab-bar v-model="selectedLabel" show-slider>
         <cube-tab v-for="(item, index) in tabs" :label="item.label" :icon="item.icon" :key="item.label"></cube-tab>
       </cube-tab-bar>
       <cube-tab-panels v-model="selectedLabel">

example/pages/tab-bar/tab-composite.vue

@@ -2,7 +2,7 @@
   <cube-page type="tab-composite-view" title="tab-composite">
     <div slot="content">
       <cube-tab-bar v-model="selectedLabel"
-                    showSlider
+                    show-slider
                     :useTransition="disabled"
                     ref="tabNav"
                     :data="tabLabels">

test/unit/specs/tab-bar.spec.js

@@ -16,7 +16,7 @@ describe('TabBar', () => {
   it('props', (done) => {
     vm = createVue({
       template: `
-      <cube-tab-bar v-model="selectedLabel" :data="tabs" showSlider>
+      <cube-tab-bar v-model="selectedLabel" :data="tabs" show-slider>
       </cube-tab-bar>
     `,
       data: {
@@ -112,7 +112,7 @@ describe('TabBar', () => {
 function createTabBar (options) {
   const vm = createVue({
     template: `
-      <cube-tab-bar v-model="selectedLabel" showSlider @click="clickHandler" @change="changeHandler">
+      <cube-tab-bar v-model="selectedLabel" show-slider @click="clickHandler" @change="changeHandler">
         <cube-tab v-for="(item, index) in tabs" :label="item.label" :key="index" >
           <i slot="icon" :class="item.icon"></i>
           {{item.label}}