diff --git a/.eslintrc.yml b/.eslintrc.yml
index 312af4bc..477f4501 100644
--- a/.eslintrc.yml
+++ b/.eslintrc.yml
@@ -90,6 +90,7 @@ rules:
yoda: error
vue/html-indent: [error, tab]
vue/require-default-prop: off
+ vue/no-v-html: off
plugins:
- vue
diff --git a/client/components/App.vue b/client/components/App.vue
index 96e4dc61..2f4eed48 100644
--- a/client/components/App.vue
+++ b/client/components/App.vue
@@ -16,7 +16,7 @@
+ :active-channel="activeChannel" />
-
+
+ :channel="activeChannel.channel" />
+ aria-label="Sign-in" />
+ aria-label="Connect" />
+ aria-label="Settings" />
+ aria-label="Help" />
+ aria-label="Changelog" />
diff --git a/client/components/Channel.vue b/client/components/Channel.vue
index a61396c6..7b6f30eb 100644
--- a/client/components/Channel.vue
+++ b/client/components/Channel.vue
@@ -17,7 +17,7 @@
aria-label="Leave">
+ aria-label="Leave" />
@@ -26,7 +26,7 @@
aria-label="Close">
+ aria-label="Close" />
diff --git a/client/components/ChannelWrapper.vue b/client/components/ChannelWrapper.vue
index af96d0bb..c9e4ba95 100644
--- a/client/components/ChannelWrapper.vue
+++ b/client/components/ChannelWrapper.vue
@@ -9,12 +9,11 @@
:aria-controls="'#chan-' + channel.id"
:aria-selected="activeChannel && channel === activeChannel.channel"
class="chan"
- role="tab"
- >
+ role="tab">
+ :activeChannel="activeChannel" />
diff --git a/client/components/Chat.vue b/client/components/Chat.vue
index 4b75177d..0b54d5fb 100644
--- a/client/components/Chat.vue
+++ b/client/components/Chat.vue
@@ -9,38 +9,35 @@
'hide-motd': !settings.motd,
'colored-nicks': settings.coloredNicks,
'show-seconds': settings.showSeconds,
- }"
- >
+ }">
+ role="tabpanel">
+ :channel="channel" />
@@ -63,17 +60,17 @@
+ :settings="settings" />
+ :channel="channel" />
-
+
+ :channel="channel" />
diff --git a/client/components/ChatInput.vue b/client/components/ChatInput.vue
index 7aca7ef9..e69dd74a 100644
--- a/client/components/ChatInput.vue
+++ b/client/components/ChatInput.vue
@@ -13,8 +13,7 @@
:aria-label="getInputPlaceholder(channel)"
:disabled="!$root.connected"
class="mousetrap"
- @keypress.enter.exact.prevent="onSubmit"
- />
+ @keypress.enter.exact.prevent="onSubmit" />
+ aria-label="Send message" />
diff --git a/client/components/ChatUserList.vue b/client/components/ChatUserList.vue
index 0f079e2e..ca1aa8c6 100644
--- a/client/components/ChatUserList.vue
+++ b/client/components/ChatUserList.vue
@@ -1,13 +1,12 @@