| @@ -44,13 +44,17 @@ | ||
| 44 | 44 | }, |
| 45 | 45 | '@keydown.arrow-left.prevent'(event) { |
| 46 | 46 | this.navigateTabs(event); |
| 47 | 47 | }, |
| 48 | + '@keydown.arrow-down.prevent'(event) { | |
| 49 | + this.navigateTabs(event); | |
| 50 | + }, | |
| 51 | + '@keydown.arrow-up.prevent'(event) { | |
| 52 | + this.navigateTabs(event); | |
| 53 | + }, | |
| 48 | 54 | ':class'() { |
| 49 | 55 | const id = this.$el.id; |
| 50 | - return { | |
| 51 | - [SELECTED_CLASS]: this.activeTab === id | |
| 52 | - }; | |
| 56 | + return this.activeTab === id ? SELECTED_CLASS : ''; | |
| 53 | 57 | }, |
| 54 | 58 | ':aria-selected'() { |
| 55 | 59 | const id = this.$el.id; |
| 56 | 60 | return this.activeTab === id ? 'true' : 'false'; |