diff --git a/client/src/lib.ts b/client/src/lib.ts
index b27b599b..81aefd27 100644
--- a/client/src/lib.ts
+++ b/client/src/lib.ts
@@ -19,6 +19,19 @@ import Members from '~/components/members.vue'
 import Emotes from '~/components/emotes.vue'
 import About from '~/components/about.vue'
 import Header from '~/components/header.vue'
+import Chat from '~/components/chat.vue'
+import Clipboard from '~/components/clipboard.vue'
+import Emoji from '~/components/emoji.vue'
+import Emote from '~/components/emote.vue'
+import Context from '~/components/context.vue'
+import Markdown from '~/components/markdown'
+import Avatar from '~/components/avatar.vue'
+
+// Vue
+import Vue from 'vue'
+import ToolTip from 'v-tooltip'
+
+Vue.use(ToolTip)
 
 const exportMixin = {
   computed: {
@@ -49,17 +62,22 @@ function extend (component: any) {
     .extend(exportMixin)
 }
 
-export const components = {
-  'neko-connect': extend(Connect),
-  'neko-video': extend(Video),
-  'neko-menu': extend(Menu),
-  'neko-side': extend(Side),
-  'neko-controls': extend(Controls),
-  'neko-members': extend(Members),
-  'neko-emotes': extend(Emotes),
-  'neko-about': extend(About),
-  'neko-header': extend(Header),
-}
+export const NekoConnect = extend(Connect)
+export const NekoVideo = extend(Video)
+export const NekoMenu = extend(Menu)
+export const NekoSide = extend(Side)
+export const NekoControls = extend(Controls)
+export const NekoMembers = extend(Members)
+export const NekoEmotes = extend(Emotes)
+export const NekoAbout = extend(About)
+export const NekoHeader = extend(Header)
+export const NekoChat = extend(Chat)
+export const NekoClipboard = extend(Clipboard)
+export const NekoEmoji = extend(Emoji)
+export const NekoEmote = extend(Emote)
+export const NekoMarkdown = extend(Markdown)
+export const NekoContext = extend(Context)
+export const NekoAvatar = extend(Avatar)
 
 neko.initialise()
 export default neko
diff --git a/client/src/locale/es-sp.ts b/client/src/locale/es-sp.ts
new file mode 100644
index 00000000..89733917
--- /dev/null
+++ b/client/src/locale/es-sp.ts
@@ -0,0 +1,97 @@
+export const logout = 'salir'
+export const unsupported = 'este navegador no soporta webrtc'
+export const admin_loggedin = 'Registrado como admin'
+export const you = 'Tú'
+export const send_a_message = 'Enviar un mensaje'
+
+export const side = {
+  chat: 'Chat',
+  settings: 'Configuración',
+}
+
+export const connect = {
+  login_title: 'Por favor regístrate',
+  invitation_title: 'Te han invitado a esta sala',
+  displayname: 'Introduce tu nombre',
+  password: 'Contraseña',
+  connect: 'Conectar',
+  error: 'Error de login',
+}
+
+export const context = {
+  ignore: 'Ignorar',
+  unignore: 'No ignorar',
+  mute: 'Silenciar',
+  unmute: 'No silenciar',
+  release: 'Forzar liberar los controles',
+  take: 'Forzar obtener los controles',
+  give: 'Dar los controles',
+  kick: 'Echar',
+  ban: 'Bloquear IP',
+  confirm: {
+    kick_title: 'Echar a {name}?',
+    kick_text: 'Seguro que quiere echar a {name}?',
+    ban_title: 'Bloquear a {name}?',
+    ban_text: 'Seguroq ue quieres bloquear a {name}? Necesitarás reiniciar el servidor para deshacer esta acción.',
+    mute_title: 'Silenciar a {name}?',
+    mute_text: 'Seguro que quieres silenciar a {name}?',
+    unmute_title: 'Dejar de silenciar a {name}?',
+    unmute_text: 'Seguro que quieres dejar de silenciar a {name}?',
+    button_yes: 'Sí',
+    button_cancel: 'Cancelar',
+  },
+}
+
+export const controls = {
+  release: 'Controles liberador',
+  request: 'Controles solicitados',
+  lock: 'Controles bloqueados',
+  unlock: 'Controles desbloqueados',
+}
+
+export const room = {
+  lock: 'Bloquear sala (para usuarios)',
+  unlock: 'Desbloquear sala (para usuarios)',
+  locked: 'Sala bloqueada (para usuarios)',
+  unlocked: 'Sala desbloqueada (para usuarios)',
+}
+
+export const setting = {
+  scroll: 'Sensibilidad del Scroll',
+  scroll_invert: 'Invertir Scroll',
+  autoplay: 'Auto Reproducir Video',
+  ignore_emotes: 'Ignorar Emotes',
+  chat_sound: 'Reproducir Sonidos Chat',
+  keyboard_layout: 'Keyboard Layout',
+  broadcast_is_active: 'Habilitar Broadcast',
+  broadcast_url: 'RTMP url',
+}
+
+export const connection = {
+  logged_out: 'Has salido!',
+  connected: 'Connectado correctamente',
+  disconnected: 'Has sido desconectado',
+  button_confirm: 'De acuerdo',
+}
+
+export const notifications = {
+  connected: '{name} se ha conectado',
+  disconnected: '{name} se ha desconnectado',
+  controls_taken: '{name} tiene los controles',
+  controls_taken_force: 'controles confiscados',
+  controls_taken_steal: 'cogió los controles de {name}',
+  controls_released: '{name} ha liberado los controles',
+  controls_released_force: 'controles liberados',
+  controls_released_steal: 'controles liberados de {name}',
+  controls_given: 'controles asignados a {name}',
+  controls_has: '{name} tiene los controles',
+  controls_has_alt: 'Pero le diré que quieres los controles',
+  controls_requesting: '{name} quiere los controles',
+  resolution: 'resolución cambiada a {width}x{height}@{rate}',
+  banned: '{name} bloqueado',
+  kicked: '{name} expulsado',
+  muted: '{name} silenciado',
+  unmuted: '{name} no silenciado',
+  room_locked: 'bloqueó la sala',
+  room_unlocked: 'desbloqueó la sala',
+}
diff --git a/client/src/locale/index.ts b/client/src/locale/index.ts
index a72e383a..2a762136 100644
--- a/client/src/locale/index.ts
+++ b/client/src/locale/index.ts
@@ -1,5 +1,7 @@
 import * as en from './en-us'
+import * as es from './es-sp'
 
 export const messages = {
   en,
+  es,
 }
diff --git a/client/src/store/remote.ts b/client/src/store/remote.ts
index 70b6f3d7..0089eb77 100644
--- a/client/src/store/remote.ts
+++ b/client/src/store/remote.ts
@@ -81,7 +81,7 @@ export const actions = actionTree(
     },
 
     request({ getters }) {
-      if (!accessor.connected || !getters.hosting) {
+      if (!accessor.connected || getters.hosting) {
         return
       }
 
@@ -89,7 +89,7 @@ export const actions = actionTree(
     },
 
     release({ getters }) {
-      if (!accessor.connected || getters.hosting) {
+      if (!accessor.connected || !getters.hosting) {
         return
       }