modify wrong spelling visible

src/store/getters.js

   avatar: state => state.user.avatar,
   username: state => state.user.username,
   roles: state => state.user.roles,
-  visble: state => state.breadcrumb.visble
+  visible: state => state.breadcrumb.visible
 }
 export default getters

src/store/modules/breadcrumb.js

 const breadcrumb = {
   state: {
-    visble: true
+    visible: true
   },
   mutations: {
-    SET_VISBLE: (state, visble) => {
-      state.visble = visble
+    SET_VISIBLE: (state, visible) => {
+      state.visible = visible
     }
   },
   actions: {
-    SetVisble({ commit }, visble) {
-      commit('SET_VISBLE', visble)
+    SetVisible({ commit }, visible) {
+      commit('SET_VISIBLE', visible)
     }
   }
 }

src/views/gambleGameBucket/detail/index.vue

         this.roundOptions.push({ label: `第 ${i} 輪`, key: i })
       }
     })
-    this.SetVisble(false)
+    this.SetVisible(false)
     this.getList()
     fetchList({ page: 1, limit: 9999999999, chipsSort: 'DESC' }).then(response => {
       const { rows } = response.data
   },
   computed: {
     ...mapGetters([
-      'visble'
+      'visible'
     ])
   },
   methods: {
     ...mapActions([
-      'SetVisble'
+      'SetVisible'
     ]),
     getList() {
       this.listLoading = true
     }
   },
   destroyed() {
-    this.SetVisble(true)
+    this.SetVisible(true)
   }
 }
 </script>

src/views/gambleGameBucket/index.vue

 <template>
 <div class="app-container calendar-list-container">
-  <div class="app-container" v-show="visble">
+  <div class="app-container" v-show="visible">
     <el-table :data="list" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row
       style="width: 100%">
       <el-table-column label="ID" align="center">
   },
   created() {
     this.getList()
-    this.SetVisble(true)
+    this.SetVisible(true)
   },
   computed: {
     ...mapGetters([
-      'visble'
+      'visible'
     ])
   },
   methods: {
     ...mapActions([
-      'SetVisble'
+      'SetVisible'
     ]),
     getList() {
       this.listLoading = true
       fetchGameBid(row).then(response => {
         this.temp.bidChips = response.data
       })
-      this.SetVisble(false)
+      this.SetVisible(false)
       this.bucket = this.temp
       // fetchMemberRecords(row).then(response => {
       //   console.log(response.data)

src/views/gambleMember/history/index.vue

     }
   },
   created() {
-    this.SetVisble(false)
+    this.SetVisible(false)
     this.fetchData()
   },
   props: ['member'],
   methods: {
     ...mapActions([
-      'SetVisble'
+      'SetVisible'
     ]),
     fetchData() {
       this.listLoading = true
     }
   },
   destroyed() {
-    this.SetVisble(true)
+    this.SetVisible(true)
   }
 }
 </script>

src/views/gambleMember/index.vue

 <template>
 <div class="app-container calendar-list-container">
-  <div  v-show="visble">
+  <div  v-show="visible">
     <div class="app-container">
       <el-input @keyup.enter.native="handleFilter" style="width: 200px;" class="filter-item" placeholder="名稱" v-model="listQuery.name">
       </el-input>
     }
   },
   created() {
-    this.SetVisble(true)
+    this.SetVisible(true)
     this.getList()
   },
   computed: {
     ...mapGetters([
-      'visble'
+      'visible'
     ])
   },
   methods: {
     ...mapActions([
-      'SetVisble'
+      'SetVisible'
     ]),
     getList() {
       this.listLoading = true
     },
     handlePage(row) {
       const temp = Object.assign({}, row) // copy obj
-      this.SetVisble(false)
+      this.SetVisible(false)
       this.member = temp
     },
     handleFilter() {