diff --git a/webapp/src/App.vue b/webapp/src/App.vue
index 6bdf70d5..a46d251c 100644
--- a/webapp/src/App.vue
+++ b/webapp/src/App.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-#app(:class="{'has-background-room': backgroundRoom, 'override-sidebar-collapse': overrideSidebarCollapse}", :style="[themeVariables, browserhackStyle, mediaConstraintsStyle]", :key="`${userLocale}-${userTimezone}`")
+#app(:class="{ 'has-background-room': backgroundRoom, 'override-sidebar-collapse': overrideSidebarCollapse }", :style="[themeVariables, browserhackStyle, mediaConstraintsStyle]", :key="`${userLocale}-${userTimezone}`")
 	.fatal-connection-error(v-if="fatalConnectionError")
 		template(v-if="fatalConnectionError.code === 'world.unknown_world'")
 			.mdi.mdi-help-circle
diff --git a/webapp/src/components/AVDevicePrompt.vue b/webapp/src/components/AVDevicePrompt.vue
index 498379c9..a0f315ca 100644
--- a/webapp/src/components/AVDevicePrompt.vue
+++ b/webapp/src/components/AVDevicePrompt.vue
@@ -15,7 +15,7 @@ prompt.c-av-device-prompt(@close="$emit('close')")
 import Prompt from 'components/Prompt'
 
 export default {
-	components: {Prompt},
+	components: { Prompt },
 	props: {},
 	data() {
 		return {
@@ -88,7 +88,7 @@ export default {
 			}
 			const constraints = {
 				audio: {},
-				video: {deviceId: this.videoInput ? {exact: this.videoInput} : undefined},
+				video: { deviceId: this.videoInput ? { exact: this.videoInput } : undefined },
 			}
 			navigator.mediaDevices.getUserMedia(constraints).then((stream) => {
 				this.stream = stream
diff --git a/webapp/src/components/AppBar.vue b/webapp/src/components/AppBar.vue
index 3ddd63a3..5eae691c 100644
--- a/webapp/src/components/AppBar.vue
+++ b/webapp/src/components/AppBar.vue
@@ -1,7 +1,7 @@
 <template lang="pug">
 .c-app-bar
 	bunt-icon-button(v-if="showActions", @click="$emit('toggleSidebar')", @touchend.native="$emit('toggleSidebar')") menu
-	router-link.logo(:to="{name: 'home'}", :class="{anonymous: isAnonymous}")
+	router-link.logo(:to="{ name: 'home' }", :class="{ anonymous: isAnonymous }")
 		img(:src="theme.logo.url", :alt="world.title")
 	.user(v-if="showUser")
 		p(v-if="isAnonymous") {{ $t('AppBar:user-anonymous') }}
diff --git a/webapp/src/components/Avatar.vue b/webapp/src/components/Avatar.vue
index 54e0b58c..3f19b7ff 100644
--- a/webapp/src/components/Avatar.vue
+++ b/webapp/src/components/Avatar.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-.c-avatar(:style="{'--avatar-size': size + 'px'}", :class="{deleted: user.deleted}")
+.c-avatar(:style="{ '--avatar-size': size + 'px' }", :class="{ deleted: user.deleted }")
 	img(v-if="imageUrl", :src="imageUrl")
 	identicon(v-else, :user="user")
 </template>
diff --git a/webapp/src/components/ChannelBrowser.vue b/webapp/src/components/ChannelBrowser.vue
index 42b15a8e..560c1d9c 100644
--- a/webapp/src/components/ChannelBrowser.vue
+++ b/webapp/src/components/ChannelBrowser.vue
@@ -19,7 +19,7 @@ prompt.c-channel-browser(@close="$emit('close')", :scrollable="false")
 			.no-results(v-if="search && searchedChannels.length === 0") {{ $t('ChannelBrowser:search:empty') }}
 </template>
 <script>
-import {mapGetters, mapState} from 'vuex'
+import { mapGetters, mapState } from 'vuex'
 import Prompt from 'components/Prompt'
 import fuzzysearch from 'lib/fuzzysearch'
 
@@ -37,7 +37,7 @@ export default {
 		channels() {
 			return this.rooms
 				.filter(room => room.modules.length === 1 && room.modules[0].type === 'chat.native')
-				.map(room => ({room, channelJoined: this.joinedChannels.some(channel => channel.id === room.modules[0].channel_id)}))
+				.map(room => ({ room, channelJoined: this.joinedChannels.some(channel => channel.id === room.modules[0].channel_id) }))
 		},
 		searchedChannels() {
 			if (!this.search) return this.channels
diff --git a/webapp/src/components/Chat.vue b/webapp/src/components/Chat.vue
index 25cfbba7..4b2cf568 100644
--- a/webapp/src/components/Chat.vue
+++ b/webapp/src/components/Chat.vue
@@ -9,7 +9,7 @@
 					chat-message(:message="message", :previousMessage="filteredTimeline[index - 1]", :nextMessage="filteredTimeline[index + 1]", :mode="mode", :key="message.event_id", @showUserCard="showUserCard")
 			.warning(v-if="mergedWarning")
 				.content
-					ChatContent(:content="$t('Chat:warning:missed-users', {count: mergedWarning.missed_users.length, missedUsers: mergedWarning.missed_users})", @clickMention="showUserCard")
+					ChatContent(:content="$t('Chat:warning:missed-users', { count: mergedWarning.missed_users.length, missedUsers: mergedWarning.missed_users })", @clickMention="showUserCard")
 				bunt-icon-button(@click="$store.dispatch('chat/dismissWarnings')") close
 			.chat-input
 				.no-permission(v-if="room && !room.permissions.includes('room:chat.join')") {{ $t('Chat:permission-block:room:chat.join') }}
@@ -102,7 +102,7 @@ export default {
 		connected(value) {
 			if (value) {
 				// resubscribe
-				this.$store.dispatch('chat/subscribe', {channel: this.module.channel_id, config: this.module.config})
+				this.$store.dispatch('chat/subscribe', { channel: this.module.channel_id, config: this.module.config })
 			}
 		},
 		async filteredTimeline() {
@@ -115,7 +115,7 @@ export default {
 		}
 	},
 	created() {
-		this.$store.dispatch('chat/subscribe', {channel: this.module.channel_id, config: this.module.config})
+		this.$store.dispatch('chat/subscribe', { channel: this.module.channel_id, config: this.module.config })
 	},
 	beforeDestroy() {
 		this.$store.dispatch('chat/unsubscribe')
@@ -140,7 +140,7 @@ export default {
 			this.$store.dispatch('chat/join')
 		},
 		send(content) {
-			this.$store.dispatch('chat/sendMessage', {content})
+			this.$store.dispatch('chat/sendMessage', { content })
 		},
 		async showUserCard(event, user, placement = 'left-start') {
 			console.log(user.id)
diff --git a/webapp/src/components/ChatInput.vue b/webapp/src/components/ChatInput.vue
index 7d14fae2..2ecb9ce8 100644
--- a/webapp/src/components/ChatInput.vue
+++ b/webapp/src/components/ChatInput.vue
@@ -23,7 +23,7 @@ bunt-input-outline-container.c-chat-input
 		.autocomplete-dropdown(:style="autocompleteCoordinates")
 			template(v-if="autocomplete.options")
 				template(v-for="option, index of autocomplete.options")
-					.user(:class="{selected: index === autocomplete.selected}", :title="option.profile.display_name", @mouseover="selectMention(index)", @click.stop="handleMention")
+					.user(:class="{ selected: index === autocomplete.selected }", :title="option.profile.display_name", @mouseover="selectMention(index)", @click.stop="handleMention")
 						avatar(:user="option", :size="24")
 						.name {{ option.profile.display_name }}
 			bunt-progress-circular(v-else, size="large", :page="true")
@@ -74,7 +74,7 @@ export default {
 			// TODO debounce?
 			if (!this.autocomplete) return
 			if (this.autocomplete.type === 'mention') {
-				const { results } = await api.call('user.list.search', {search_term: search, page: 1, include_banned: false})
+				const { results } = await api.call('user.list.search', { search_term: search, page: 1, include_banned: false })
 				this.autocomplete.options = results
 				// if (results.length === 1) {
 				// 	this.autocomplete.selected = 0
@@ -224,7 +224,7 @@ export default {
 					body: text
 				})
 			}
-			this.quill.setContents([{insert: '\n'}])
+			this.quill.setContents([{ insert: '\n' }])
 		},
 		async attachFiles(event) {
 			const files = Array.from(event.target.files)
@@ -251,7 +251,7 @@ export default {
 		addEmoji(emoji) {
 			// TODO skin color
 			const selection = this.quill.getSelection(true)
-			this.quill.updateContents(new Delta().retain(selection.index).delete(selection.length).insert({emoji: emoji.native}), 'user')
+			this.quill.updateContents(new Delta().retain(selection.index).delete(selection.length).insert({ emoji: emoji.native }), 'user')
 			this.quill.setSelection(selection.index + 1, 0)
 		},
 		removeFile(file) {
diff --git a/webapp/src/components/ChatMessage.vue b/webapp/src/components/ChatMessage.vue
index e21bfd07..5713cabf 100644
--- a/webapp/src/components/ChatMessage.vue
+++ b/webapp/src/components/ChatMessage.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-.c-chat-message(:class="[mode, {selected, readonly, 'system-message': isSystemMessage, 'merge-with-previous-message': mergeWithPreviousMessage, 'merge-with-next-message': mergeWithNextMessage, 'sender-deleted': sender.deleted}]")
+.c-chat-message(:class="[mode, { selected, readonly, 'system-message': isSystemMessage, 'merge-with-previous-message': mergeWithPreviousMessage, 'merge-with-next-message': mergeWithNextMessage, 'sender-deleted': sender.deleted }]")
 	.avatar-column(v-if="message.event_type !== 'channel.poll'")
 		avatar(v-if="!mergeWithPreviousMessage", :user="sender", :size="avatarSize", @click.native="$emit('showUserCard', $event, sender, 'right-start')", ref="avatar")
 		.timestamp(v-if="mergeWithPreviousMessage") {{ shortTimestamp }}
@@ -30,7 +30,7 @@
 				.title {{ message.content.preview_card.title }}
 				.description {{ message.content.preview_card.description }}
 			.reactions(v-if="Object.keys(message.reactions).length > 0")
-				.reaction(v-for="users, emoji of message.reactions", :class="{'reacted-by-me': users.includes(user.id)}", @click="toggleReaction(emoji, users)", @pointerenter="initReactionTooltip($event, {emoji, users})", @pointerleave="reactionTooltip = null")
+				.reaction(v-for="users, emoji of message.reactions", :class="{ 'reacted-by-me': users.includes(user.id) }", @click="toggleReaction(emoji, users)", @pointerenter="initReactionTooltip($event, { emoji, users })", @pointerleave="reactionTooltip = null")
 					span.emoji(:style="nativeEmojiToStyle(emoji)")
 					.count {{ users.length }}
 				emoji-picker-button(@selected="addReaction", strategy="fixed", placement="top-start", :offset="[0, 3]", icon-style="plus")
@@ -45,7 +45,7 @@
 		.actions(v-if="!readonly")
 			emoji-picker-button(@selected="addReaction", strategy="fixed", placement="bottom-end", :offset="[36, 3]", icon-style="plus")
 			menu-dropdown(v-if="(hasPermission('room:chat.moderate') || message.sender === user.id)", v-model="selected", placement="bottom-end", strategy="fixed", :offset="[0, 3]")
-				template(v-slot:button="{toggle}")
+				template(v-slot:button="{ toggle }")
 					bunt-icon-button(@click="toggle") dots-vertical
 				template(v-slot:menu)
 					.edit-message(v-if="message.sender === user.id && message.content.type !== 'call'", @click="startEditingMessage") {{ $t('ChatMessage:message-edit:label') }}
@@ -159,19 +159,19 @@ export default {
 	methods: {
 		getUserName,
 		addReaction(emoji) {
-			this.$store.dispatch('chat/addReaction', {message: this.message, reaction: emoji.native})
+			this.$store.dispatch('chat/addReaction', { message: this.message, reaction: emoji.native })
 		},
 		toggleReaction(emoji, users) {
 			if (users.includes(this.user.id)) {
 				if (users.length === 1) {
 					this.reactionTooltip = null
 				}
-				this.$store.dispatch('chat/removeReaction', {message: this.message, reaction: emoji})
+				this.$store.dispatch('chat/removeReaction', { message: this.message, reaction: emoji })
 			} else {
-				this.$store.dispatch('chat/addReaction', {message: this.message, reaction: emoji})
+				this.$store.dispatch('chat/addReaction', { message: this.message, reaction: emoji })
 			}
 		},
-		async initReactionTooltip(event, {emoji, users}) {
+		async initReactionTooltip(event, { emoji, users }) {
 			this.reactionTooltip = {
 				emoji,
 				// TODO 'and you'
@@ -193,7 +193,7 @@ export default {
 		},
 		editMessage(content) {
 			this.editing = false
-			this.$store.dispatch('chat/editMessage', {message: this.message, content})
+			this.$store.dispatch('chat/editMessage', { message: this.message, content })
 		},
 		deleteMessage() {
 			this.$store.dispatch('chat/deleteMessage', this.message)
diff --git a/webapp/src/components/ChatUserCard.vue b/webapp/src/components/ChatUserCard.vue
index 66dfa333..5da844cc 100644
--- a/webapp/src/components/ChatUserCard.vue
+++ b/webapp/src/components/ChatUserCard.vue
@@ -1,7 +1,7 @@
 <template lang="pug">
 .c-chat-user-card
 	.ui-background-blocker(v-if="!userAction", @click="$emit('close')")
-	.user-card(v-if="!userAction", :class="{deleted: user.deleted}", ref="card", @mousedown="showMoreActions=false")
+	.user-card(v-if="!userAction", :class="{ deleted: user.deleted }", ref="card", @mousedown="showMoreActions=false")
 		scrollbars(y)
 			avatar(:user="user", :size="128")
 			.name
@@ -14,7 +14,7 @@
 				bunt-button.btn-dm(v-if="hasPermission('world:chat.direct')", @click="openDM") {{ $t('UserAction:action.dm:label') }}
 				bunt-button.btn-call(v-if="hasPermission('world:chat.direct')", @click="startCall") {{ $t('UserAction:action.call:label') }}
 				menu-dropdown(v-model="showMoreActions", :blockBackground="false", @mousedown.native.stop="")
-					template(v-slot:button="{toggle}")
+					template(v-slot:button="{ toggle }")
 						bunt-icon-button(@click="toggle") dots-vertical
 					template(v-slot:menu)
 						.unblock(v-if="isBlocked", @click="userAction = 'unblock'") {{ $t('UserAction:action.unblock:label') }}
@@ -74,18 +74,18 @@ export default {
 		}
 	},
 	async created() {
-		this.onlineStatus = (await api.call('user.online_status', {ids: [this.user.id]}))[this.user.id]
+		this.onlineStatus = (await api.call('user.online_status', { ids: [this.user.id] }))[this.user.id]
 		this.blockedUsers = (await api.call('user.list.blocked')).users
 	},
 	methods: {
 		getUserName,
 		async openDM() {
 			// TODO loading indicator
-			await this.$store.dispatch('chat/openDirectMessage', {users: [this.user]})
+			await this.$store.dispatch('chat/openDirectMessage', { users: [this.user] })
 		},
 		async startCall() {
-			const channel = await this.$store.dispatch('chat/openDirectMessage', {users: [this.user]})
-			await this.$store.dispatch('chat/startCall', {channel})
+			const channel = await this.$store.dispatch('chat/openDirectMessage', { users: [this.user] })
+			await this.$store.dispatch('chat/startCall', { channel })
 		}
 	}
 }
diff --git a/webapp/src/components/ColorPicker.vue b/webapp/src/components/ColorPicker.vue
index 932f9a3a..3893f5b8 100644
--- a/webapp/src/components/ColorPicker.vue
+++ b/webapp/src/components/ColorPicker.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
 .c-color-picker
-	.color(:style="{'--color': value}")
+	.color(:style="{ '--color': value }")
 	bunt-input(v-bind="$attrs", :value="value", @input="$emit('input', $event)")
 
 	input.color-picker(type="color", :value="value", @change="$emit('input', $event.target.value)")
diff --git a/webapp/src/components/ContactExhibitorPrompt.vue b/webapp/src/components/ContactExhibitorPrompt.vue
index 92de1a04..c53a5b1e 100644
--- a/webapp/src/components/ContactExhibitorPrompt.vue
+++ b/webapp/src/components/ContactExhibitorPrompt.vue
@@ -6,7 +6,7 @@ prompt.c-contact-exhibitor-prompt(@close="cancel", :allowCancel="false")
 		template(v-if="timer > 0")
 			.timer-explanation {{ $t('ContactRequest:request:text') }}
 			.timer
-				svg.timer-ring(:style="{'--timer': 1 - timer / 30}")
+				svg.timer-ring(:style="{ '--timer': 1 - timer / 30 }")
 					circle(cx="75.5", cy="75.5", r="60")
 				.timer-text {{ timer }}s
 		.timer-explanation(v-else) {{ $t('ContactRequest:timeout:text') }}
@@ -31,7 +31,7 @@ export default {
 	async created() {
 		// TODO error handling
 		this.tickTimer()
-		this.request = (await api.call('exhibition.contact', {exhibitor: this.exhibitor.id})).contact_request
+		this.request = (await api.call('exhibition.contact', { exhibitor: this.exhibitor.id })).contact_request
 	},
 	beforeDestroy() {
 		clearTimeout(this.ticker)
@@ -42,11 +42,11 @@ export default {
 				this.timer--
 				this.ticker = setTimeout(this.tickTimer, 1000)
 			} else {
-				await api.call('exhibition.contact_cancel', {contact_request: this.request.id})
+				await api.call('exhibition.contact_cancel', { contact_request: this.request.id })
 			}
 		},
 		async cancel() {
-			if (this.timer > 0) await api.call('exhibition.contact_cancel', {contact_request: this.request.id})
+			if (this.timer > 0) await api.call('exhibition.contact_cancel', { contact_request: this.request.id })
 			this.$emit('close')
 		},
 	}
diff --git a/webapp/src/components/CopyableText.vue b/webapp/src/components/CopyableText.vue
index fa713d0c..70f6ed5f 100644
--- a/webapp/src/components/CopyableText.vue
+++ b/webapp/src/components/CopyableText.vue
@@ -2,7 +2,7 @@
 .c-copyable-text(@click="copy")
 	.text {{ text }}
 	.mdi.mdi-content-copy
-	.copy-success(v-if="copied", v-tooltip="{text: 'Copied!', show: true, placement: 'top', fixed: true}")
+	.copy-success(v-if="copied", v-tooltip="{ text: 'Copied!', show: true, placement: 'top', fixed: true }")
 </template>
 <script>
 export default {
diff --git a/webapp/src/components/CreateChatPrompt.vue b/webapp/src/components/CreateChatPrompt.vue
index dacf2f6c..a02c9ce8 100644
--- a/webapp/src/components/CreateChatPrompt.vue
+++ b/webapp/src/components/CreateChatPrompt.vue
@@ -10,11 +10,11 @@ prompt.c-create-chat-prompt(@close="$emit('close')")
 					.label {{ option.label }}
 			bunt-input(name="name", :label="$t('CreateChatPrompt:name:label')", :icon="selectedType.icon", :placeholder="$t('CreateChatPrompt:name:placeholder')", v-model="name")
 			bunt-input-outline-container(:label="$t('CreateChatPrompt:description:label')")
-				textarea(v-model="description", slot-scope="{focus, blur}", @focus="focus", @blur="blur")
+				textarea(v-model="description", slot-scope="{ focus, blur }", @focus="focus", @blur="blur")
 			bunt-button(type="submit", :loading="loading") {{ $t('CreateChatPrompt:submit:label') }}
 </template>
 <script>
-import {mapGetters} from 'vuex'
+import { mapGetters } from 'vuex'
 import Prompt from 'components/Prompt'
 
 export default {
diff --git a/webapp/src/components/CreateDmPrompt.vue b/webapp/src/components/CreateDmPrompt.vue
index 6a29b2ee..21572aaf 100644
--- a/webapp/src/components/CreateDmPrompt.vue
+++ b/webapp/src/components/CreateDmPrompt.vue
@@ -6,7 +6,7 @@ prompt.c-create-dm-prompt(:scrollable="false", @close="$emit('close')")
 		user-select(:button-label="$t('CreateDMPrompt:create-button:label')", @selected="create", :exclude="[this.user.id]")
 </template>
 <script>
-import {mapGetters, mapState} from 'vuex'
+import { mapGetters, mapState } from 'vuex'
 import Prompt from 'components/Prompt'
 import UserSelect from 'components/UserSelect'
 
@@ -24,7 +24,7 @@ export default {
 	methods: {
 		async create(users) {
 			// TODO error handling, progress
-			await this.$store.dispatch('chat/openDirectMessage', {users: users})
+			await this.$store.dispatch('chat/openDirectMessage', { users: users })
 			this.$emit('close')
 		}
 	}
diff --git a/webapp/src/components/CreateStagePrompt.vue b/webapp/src/components/CreateStagePrompt.vue
index bc14790d..7f3af921 100644
--- a/webapp/src/components/CreateStagePrompt.vue
+++ b/webapp/src/components/CreateStagePrompt.vue
@@ -6,7 +6,7 @@ prompt.c-create-stage-prompt(@close="$emit('close')")
 			bunt-input(name="name", :label="$t('CreateStagePrompt:name:label')", icon="theater", :placeholder="$t('CreateStagePrompt:name:placeholder')", v-model="name", :validation="$v.name")
 			bunt-input(name="url", :label="$t('CreateStagePrompt:url:label')", icon="link", placeholder="https://example.com/stream.m3u8", v-model="url", :validation="$v.url")
 			bunt-input-outline-container(:label="$t('CreateChatPrompt:description:label')")
-				textarea(v-model="description", slot-scope="{focus, blur}", @focus="focus", @blur="blur")
+				textarea(v-model="description", slot-scope="{ focus, blur }", @focus="focus", @blur="blur")
 			bunt-button(type="submit", :loading="loading", :error-message="error") {{ $t('CreateStagePrompt:submit:label') }}
 </template>
 <script>
diff --git a/webapp/src/components/Exhibition.vue b/webapp/src/components/Exhibition.vue
index f540e7f6..c153ab94 100644
--- a/webapp/src/components/Exhibition.vue
+++ b/webapp/src/components/Exhibition.vue
@@ -23,7 +23,7 @@ export default {
 	},
 	computed: {},
 	async created() {
-		this.exhibitors = (await api.call('exhibition.list', {room: this.room.id})).exhibitors
+		this.exhibitors = (await api.call('exhibition.list', { room: this.room.id })).exhibitors
 	},
 	mounted() {
 		this.$nextTick(() => {
diff --git a/webapp/src/components/FeedbackPrompt.vue b/webapp/src/components/FeedbackPrompt.vue
index ebe4b0fc..045ef7be 100644
--- a/webapp/src/components/FeedbackPrompt.vue
+++ b/webapp/src/components/FeedbackPrompt.vue
@@ -5,7 +5,7 @@ prompt.c-feedback-prompt(@close="$emit('close')")
 		p {{ $t('FeedbackPrompt:intro:text') }}
 		form(@submit.prevent="submit")
 			bunt-input-outline-container(:label="$t('FeedbackPrompt:message:label')")
-				textarea(v-model="message", slot-scope="{focus, blur}", @focus="focus", @blur="blur")
+				textarea(v-model="message", slot-scope="{ focus, blur }", @focus="focus", @blur="blur")
 			p.privacy {{ $t('FeedbackPrompt:privacy:text') }}
 			bunt-button(type="submit", :loading="loading") {{ $t('FeedbackPrompt:submit:label') }}
 </template>
diff --git a/webapp/src/components/IframePage.vue b/webapp/src/components/IframePage.vue
index 8cdd1413..d130a171 100644
--- a/webapp/src/components/IframePage.vue
+++ b/webapp/src/components/IframePage.vue
@@ -4,7 +4,7 @@
 	iframe-blocker(:src="url", allow="camera *; autoplay *; microphone *; fullscreen *; display-capture *", allowfullscreen, allowusermedia, @load="loaded")
 </template>
 <script>
-import {mapState} from 'vuex'
+import { mapState } from 'vuex'
 import IframeBlocker from './IframeBlocker'
 
 export default {
@@ -25,8 +25,8 @@ export default {
 
 		url() {
 			let url = this.module.config.url
-			url = url.replace('{display_name}', encodeURIComponent(this.user.profile.display_name))
-			url = url.replace('{id}', encodeURIComponent(this.user.id))
+			url = url.replace('{ display_name }', encodeURIComponent(this.user.profile.display_name))
+			url = url.replace('{ id }', encodeURIComponent(this.user.id))
 			return url
 		}
 	},
diff --git a/webapp/src/components/JanusCall.vue b/webapp/src/components/JanusCall.vue
index 682e2b38..71484002 100644
--- a/webapp/src/components/JanusCall.vue
+++ b/webapp/src/components/JanusCall.vue
@@ -8,7 +8,7 @@ import api from 'lib/api'
 import JanusConference from 'components/janus/JanusConference'
 
 export default {
-	components: {JanusConference},
+	components: { JanusConference },
 	props: {
 		room: {
 			type: Object,
@@ -41,7 +41,7 @@ export default {
 		this.loading = true
 		this.error = null
 		try {
-			const {server, roomId, token, sessionId, iceServers} = await api.call('januscall.room_url', {room: this.room.id})
+			const { server, roomId, token, sessionId, iceServers } = await api.call('januscall.room_url', { room: this.room.id })
 			if (!this.$el || this._isDestroyed) return
 			this.roomId = roomId
 			this.token = token
diff --git a/webapp/src/components/JanusChannelCall.vue b/webapp/src/components/JanusChannelCall.vue
index 91e4eb38..572eb424 100644
--- a/webapp/src/components/JanusChannelCall.vue
+++ b/webapp/src/components/JanusChannelCall.vue
@@ -6,7 +6,7 @@
 import JanusVideoroom from 'components/janus/JanusVideoroom'
 
 export default {
-	components: {JanusVideoroom},
+	components: { JanusVideoroom },
 	props: {
 		call: {
 			type: Object,
diff --git a/webapp/src/components/LandingPage.vue b/webapp/src/components/LandingPage.vue
index 2c82b3d4..7e4c9d29 100644
--- a/webapp/src/components/LandingPage.vue
+++ b/webapp/src/components/LandingPage.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-.c-landing-page(v-scrollbar.y="", :style="{'--header-background-color': module.config.header_background_color, '--header-background-image': `url(${module.config.header_background_image})`}")
+.c-landing-page(v-scrollbar.y="", :style="{ '--header-background-color': module.config.header_background_color, '--header-background-image': `url(${module.config.header_background_image})` }")
 	.hero
 		img(:src="module.config.header_image")
 	.sponsors.splide(ref="sponsors")
@@ -13,7 +13,7 @@
 			template(v-if="featuredSessions && featuredSessions.length")
 				.header
 					h3 {{ $t('LandingPage:sessions:featured:header') }}
-					bunt-link-button(:to="{name: 'schedule'}") {{ $t('LandingPage:sessions:featured:link') }}
+					bunt-link-button(:to="{ name: 'schedule' }") {{ $t('LandingPage:sessions:featured:link') }}
 				.sessions
 					session(
 						v-for="session of featuredSessions",
@@ -24,7 +24,7 @@
 					)
 			.header
 				h3 {{ $t('LandingPage:sessions:next:header') }}
-				bunt-link-button(:to="{name: 'schedule'}") {{ $t('LandingPage:sessions:next:link') }}
+				bunt-link-button(:to="{ name: 'schedule' }") {{ $t('LandingPage:sessions:next:link') }}
 			.sessions
 				session(
 					v-for="session of nextSessions",
@@ -35,14 +35,14 @@
 				)
 		.speakers(v-if="speakers")
 			.header
-				h3 {{ $t('LandingPage:speakers:header', {speakers: speakers.length}) }}
-				bunt-link-button(:to="{name: 'schedule:speakers'}") {{ $t('LandingPage:speakers:link') }}
+				h3 {{ $t('LandingPage:speakers:header', { speakers: speakers.length }) }}
+				bunt-link-button(:to="{ name: 'schedule:speakers' }") {{ $t('LandingPage:speakers:link') }}
 			.speakers-list
 				router-link.speaker(v-for="speaker of speakers.slice(0, 32)", :to="speaker.attendee ? {name: '', params: {}} : { name: 'schedule:speaker', params: { speakerId: speaker.code } }")
 					img.avatar(v-if="speaker.avatar", :src="speaker.avatar")
 					identicon(v-else, :user="{id: speaker.name, profile: {display_name: speaker.name}}")
 					.name {{ speaker.name }}
-				router-link.additional-speakers(v-if="speakers.length > 32", :to="{name: 'schedule:speakers'}") {{ $t('LandingPage:speakers:more', {additional_speakers: speakers.length - 32}) }}
+				router-link.additional-speakers(v-if="speakers.length > 32", :to="{ name: 'schedule:speakers' }") {{ $t('LandingPage:speakers:more', { additional_speakers: speakers.length - 32 }) }}
 </template>
 <script>
 import { mapState, mapGetters } from 'vuex'
@@ -99,7 +99,7 @@ export default {
 		// TODO make this configurable?
 		const sponsorRoom = this.rooms.find(r => r.id === this.module.config.sponsor_room_id)
 		if (!sponsorRoom) return
-		this.sponsors = (await api.call('exhibition.list', {room: sponsorRoom.id})).exhibitors
+		this.sponsors = (await api.call('exhibition.list', { room: sponsorRoom.id })).exhibitors
 		await this.$nextTick()
 		const splide = new Splide(this.$refs.sponsors, {
 			type: 'loop',
diff --git a/webapp/src/components/Livestream.vue b/webapp/src/components/Livestream.vue
index 02b0c6d3..6e4c0945 100644
--- a/webapp/src/components/Livestream.vue
+++ b/webapp/src/components/Livestream.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-.c-livestream(:class="[`size-${size}`, {playing, buffering, seeking, automuted, muted, 'is-offline': offline, 'choosing-level': showLevelChooser, 'choosing-captions': showCaptionsChooser, 'choosing-source': showSourceChooser}]", v-resize-observer="onResize")
+.c-livestream(:class="[`size-${size}`, { playing, buffering, seeking, automuted, muted, 'is-offline': offline, 'choosing-level': showLevelChooser, 'choosing-captions': showCaptionsChooser, 'choosing-source': showSourceChooser }]", v-resize-observer="onResize")
 	.video-container(ref="videocontainer")
 		video(ref="video", style="width:100%;height:100%", @playing="playingVideo", @pause="pausingVideo", @volumechange="onVolumechange")
 		.offline(v-if="offline")
@@ -17,7 +17,7 @@
 						.load-progress(v-for="load of progressStyles.load", :style="load")
 						.play-progress
 					.progress-indicator
-					.time(:style="{'--hovered-progress': hoveredProgress}") {{ formatTime(hoveredTime) }}
+					.time(:style="{ '--hovered-progress': hoveredProgress }") {{ formatTime(hoveredTime) }}
 				bunt-icon-button#btn-play(v-if="!offline", @click="toggleVideo") {{ playing ? 'pause' : 'play' }}
 				.live-indicator(v-if="!offline && isLive") live
 				.buffer
@@ -26,17 +26,17 @@
 				bunt-icon-button(v-else-if="!offline && module.config.subtitle_url", @click="openExternalSubtitles") closed-caption-outline
 				bunt-icon-button(v-if="!offline", @click="showLevelChooser = !showLevelChooser") {{ levelIcon }}
 				bunt-icon-button(v-if="!offline", @click="toggleVolume") {{ muted || volume === 0 ? 'volume_off' : 'volume_high' }}
-				input.volume-slider(v-if="!offline", type="range", step="any", min="0", max="1", aria-label="Volume", :value="volume", @input="onVolumeSlider", :style="{'--volume': volume}")
+				input.volume-slider(v-if="!offline", type="range", step="any", min="0", max="1", aria-label="Volume", :value="volume", @input="onVolumeSlider", :style="{ '--volume': volume }")
 				bunt-icon-button(v-if="!offline", @click="toggleFullscreen") {{ fullscreen ? 'fullscreen-exit' : 'fullscreen' }}
 			.source-chooser(v-if="showSourceChooser", @click.stop="")
-				.source(@click="chooseSource(null)", :class="{chosen: !chosenAlternative}") {{ $t('Livestream:default-source:text') }}
-				.source(v-for="a in module.config.alternatives", :class="{chosen: a.label === chosenAlternative}", @click="chooseSource(a)") {{ a.label }}
+				.source(@click="chooseSource(null)", :class="{ chosen: !chosenAlternative }") {{ $t('Livestream:default-source:text') }}
+				.source(v-for="a in module.config.alternatives", :class="{ chosen: a.label === chosenAlternative }", @click="chooseSource(a)") {{ a.label }}
 			.caption-chooser(v-if="showCaptionsChooser", @click.stop="")
-				.track(@click="chooseTextTrack(null)", :class="{chosen: !textTracks.some(t => t.mode === 'showing')}") {{ $t('Livestream:captions-off:text') }}
-				.track(v-for="track of textTracks", :class="{chosen: track.mode === 'showing'}", @click="chooseTextTrack(track)") {{ track.label }}
+				.track(@click="chooseTextTrack(null)", :class="{ chosen: !textTracks.some(t => t.mode === 'showing') }") {{ $t('Livestream:captions-off:text') }}
+				.track(v-for="track of textTracks", :class="{ chosen: track.mode === 'showing' }", @click="chooseTextTrack(track)") {{ track.label }}
 			.level-chooser(v-if="showLevelChooser", @click.stop="")
-				.level(@click="chooseLevel(null)", :class="{chosen: !manualLevel}") Auto
-				.level(v-for="level of levels", :class="{chosen: level === manualLevel, auto: level === autoLevel}", @click="chooseLevel(level)") {{ level.height + 'p' }}
+				.level(@click="chooseLevel(null)", :class="{ chosen: !manualLevel }") Auto
+				.level(v-for="level of levels", :class="{ chosen: level === manualLevel, auto: level === autoLevel }", @click="chooseLevel(level)") {{ level.height + 'p' }}
 </template>
 <script>
 // TODO
@@ -217,7 +217,7 @@ export default {
 				})
 				player.on(Hls.Events.MANIFEST_PARSED, async(event, data) => {
 					if (data.levels[0].height) {
-						this.levels = data.levels.map((level, index) => ({...level, index})).sort((a, b) => b.height - a.height)
+						this.levels = data.levels.map((level, index) => ({ ...level, index })).sort((a, b) => b.height - a.height)
 					}
 					start()
 					started = true
diff --git a/webapp/src/components/MediaSource.vue b/webapp/src/components/MediaSource.vue
index a6833966..fcf4ca4d 100644
--- a/webapp/src/components/MediaSource.vue
+++ b/webapp/src/components/MediaSource.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-.c-media-source(:class="{'in-background': background, 'in-room-manager': inRoomManager}")
+.c-media-source(:class="{ 'in-background': background, 'in-room-manager': inRoomManager }")
 	transition(name="background-room")
 		router-link.background-room(v-if="background", :to="room ? {name: 'room', params: {roomId: room.id}}: {name: 'channel', params: {channelId: call.channel}}")
 			.description
@@ -90,7 +90,7 @@ export default {
 		this.iframe?.remove()
 		if (api.socketState !== 'open') return
 		// TODO move to store?
-		if (this.room) api.call('room.leave', {room: this.room.id})
+		if (this.room) api.call('room.leave', { room: this.room.id })
 		this.$root.$off('languageChanged', this.handleLanguageChange)
 	},
 	methods: {
@@ -100,12 +100,12 @@ export default {
 				let hideIfBackground = false
 				switch (this.module.type) {
 					case 'call.bigbluebutton': {
-						({url: iframeUrl} = await api.call('bbb.room_url', {room: this.room.id}))
+						({ url: iframeUrl } = await api.call('bbb.room_url', { room: this.room.id }))
 						hideIfBackground = true
 						break
 					}
 					case 'call.zoom': {
-						({url: iframeUrl} = await api.call('zoom.room_url', {room: this.room.id}))
+						({ url: iframeUrl } = await api.call('zoom.room_url', { room: this.room.id }))
 						hideIfBackground = true
 						break
 					}
diff --git a/webapp/src/components/MediaSourcePlaceholder.vue b/webapp/src/components/MediaSourcePlaceholder.vue
index c137c2ec..ce6bab41 100644
--- a/webapp/src/components/MediaSourcePlaceholder.vue
+++ b/webapp/src/components/MediaSourcePlaceholder.vue
@@ -20,7 +20,7 @@ export default {
 		this.$store.commit('reportMediaSourcePlaceholderRect', null)
 	},
 	methods: {
-		onResize([{contentRect}]) {
+		onResize([{ contentRect }]) {
 			this.$store.commit('reportMediaSourcePlaceholderRect', contentRect)
 		}
 	}
diff --git a/webapp/src/components/Poll.vue b/webapp/src/components/Poll.vue
index ab61b210..7aa2b414 100644
--- a/webapp/src/components/Poll.vue
+++ b/webapp/src/components/Poll.vue
@@ -1,16 +1,16 @@
 <template lang="pug">
-.c-poll(:class="[poll.state, {'has-voted': poll.answers, pinned: poll.is_pinned, managing: isManaging}]", :style="{'--total-votes': totalVotes}")
+.c-poll(:class="[poll.state, { 'has-voted': poll.answers, pinned: poll.is_pinned, managing: isManaging }]", :style="{ '--total-votes': totalVotes }")
 	.question {{ poll.content }}
 	template(v-if="!isManaging && !poll.answers && poll.state === 'open'")
-		bunt-button.btn-option(v-for="option of poll.options", @click="$store.dispatch('poll/vote', {poll, option})") {{ option.content }}
+		bunt-button.btn-option(v-for="option of poll.options", @click="$store.dispatch('poll/vote', { poll, option })") {{ option.content }}
 	template(v-else)
-		.option(v-for="option of poll.options", :class="{'most-votes': optionsWithMostVotes.includes(option.id)}")
+		.option(v-for="option of poll.options", :class="{ 'most-votes': optionsWithMostVotes.includes(option.id) }")
 			.content {{ option.content }}
-			.votes(:style="{'--votes': poll.results[option.id]}") {{ totalVotes ? (poll.results[option.id] / totalVotes * 100).toFixed() : 0 }}%
+			.votes(:style="{ '--votes': poll.results[option.id] }") {{ totalVotes ? (poll.results[option.id] / totalVotes * 100).toFixed() : 0 }}%
 	.actions(v-if="isManaging && hasPermission('room:poll.manage')")
 		bunt-icon-button(@click="$emit('edit')") pencil
 		menu-dropdown(v-model="showModerationMenu", strategy="fixed")
-			template(v-slot:button="{toggle}")
+			template(v-slot:button="{ toggle }")
 				bunt-icon-button(@click="toggle") dots-vertical
 			template(v-slot:menu)
 				.open-poll(v-if="['draft', 'closed'].includes(poll.state)", @click="doAction('open')") {{ $t('Poll:moderation-menu:open-poll:label') }}
diff --git a/webapp/src/components/Polls.vue b/webapp/src/components/Polls.vue
index 93bf30a1..5cc35a16 100644
--- a/webapp/src/components/Polls.vue
+++ b/webapp/src/components/Polls.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
 .c-polls
-	.polls(v-if="polls && module.config.active", :class="{'can-vote': hasPermission('room:poll.vote')}", v-scrollbar.y="")
+	.polls(v-if="polls && module.config.active", :class="{ 'can-vote': hasPermission('room:poll.vote') }", v-scrollbar.y="")
 		.empty-placeholder(v-if="sortedPolls.length === 0") {{ $t('Poll:empty-placeholder') }}
 		poll(v-for="poll of sortedPolls", :poll="poll", @edit="$emit('edit', poll)")
 </template>
diff --git a/webapp/src/components/PosterHall.vue b/webapp/src/components/PosterHall.vue
index a4626eb2..11af9fdf 100644
--- a/webapp/src/components/PosterHall.vue
+++ b/webapp/src/components/PosterHall.vue
@@ -3,7 +3,7 @@
 	template(v-if="posters")
 		.list-actions
 			bunt-input-outline-container#input-search
-				.search-field(slot-scope="{focus, blur}")
+				.search-field(slot-scope="{ focus, blur }")
 					.icon.mdi.mdi-magnify
 					.applied-filter(v-for="filter of filters", :title="`${$t(`PosterHall:filter:field-${filter.field}`)}: ${filter.value}`")
 						.field {{ $t(`PosterHall:filter:field-${filter.field}`) }}:
@@ -11,23 +11,23 @@
 						bunt-icon-button(@click="removeFilter(filter)") close
 					input(ref="input", name="search", v-model="search", :placeholder="$t('PosterHall:input-search:placeholder')", @focus="focus", @blur="blur", autofocus, autocomplete="off")
 			menu-dropdown(v-model="showAddFilters", placement="bottom-end", @mousedown.native.stop="")
-				template(v-slot:button="{toggle}")
+				template(v-slot:button="{ toggle }")
 					bunt-button(icon="filter-plus", @click="toggle") {{ $t('PosterHall:button-add-filter') }}
 				template(v-slot:menu)
 					scrollbars.not-menu-item(y)
 						.filter
 							label {{ $t(`PosterHall:add-filter:header-categories`) }}
 							.filter-items
-								.filter-item(v-for="category of categories", :title="category.name", :class="{active: filters.some(filter => filter.field === 'category' && filter.value === category.name)}", @click="toggleFilter({field: 'category', value: category.key, label: category.name})")
+								.filter-item(v-for="category of categories", :title="category.name", :class="{ active: filters.some(filter => filter.field === 'category' && filter.value === category.name) }", @click="toggleFilter({ field: 'category', value: category.key, label: category.name })")
 									.name {{ category.name }}
 									.count {{ category.count }}
 						.filter
 							label {{ $t(`PosterHall:add-filter:header-tags`) }}
 							.filter-items
-								.filter-item(v-for="tag of tags", :title="tag.name", :class="{active: filters.some(filter => filter.field === 'tag' && filter.value === tag.name)}", @click="toggleFilter({field: 'tag', value: tag.key, label: tag.name})")
+								.filter-item(v-for="tag of tags", :title="tag.name", :class="{ active: filters.some(filter => filter.field === 'tag' && filter.value === tag.name) }", @click="toggleFilter({ field: 'tag', value: tag.key, label: tag.name })")
 									.name {{ tag.name }}
 									.count {{ tag.count }}
-		RecycleScroller.posters.bunt-scrollbar(:items="flatCategorizedFilteredPosters", type-field="type", v-slot="{item: poster}", v-scrollbar.y="")
+		RecycleScroller.posters.bunt-scrollbar(:items="flatCategorizedFilteredPosters", type-field="type", v-slot="{ item: poster }", v-scrollbar.y="")
 			h2.category(v-if="poster.type === 'category'") {{ poster.label }}
 			router-link.poster(v-else, :to="{name: 'poster', params: {posterId: poster.id}}", :key="poster.id")
 				.content
@@ -108,7 +108,7 @@ export default {
 			return intersection(this.posters.filter(poster => this.filters.every(filter => matchesFilter(filter, poster))), ...this.search.trim().toLowerCase().split(' ').map(singleSearch))
 		},
 		categorizedFilteredPosters() {
-			if (!this.posterModule.config.categories) return {'': this.filteredPosters}
+			if (!this.posterModule.config.categories) return { '': this.filteredPosters }
 			// prefill configured categories to enforce order, null/'' category is first, unknown categories are at the end, by order of poster appearance
 			const categorizedPosters = {
 				'': []
@@ -155,14 +155,14 @@ export default {
 			// hack categories into a flat list with posters for the virtual scroller
 			const flatCategorizedFilteredPosters = []
 			for (const [category, posters] of Object.entries(this.categorizedFilteredPosters)) {
-				flatCategorizedFilteredPosters.push({id: category, label: this.categoriesLookup[category] ? this.categoriesLookup[category].label : category, type: 'category', size: 56})
-				flatCategorizedFilteredPosters.push(...posters.map(poster => ({...poster, type: 'poster', size: 368})))
+				flatCategorizedFilteredPosters.push({ id: category, label: this.categoriesLookup[category] ? this.categoriesLookup[category].label : category, type: 'category', size: 56 })
+				flatCategorizedFilteredPosters.push(...posters.map(poster => ({ ...poster, type: 'poster', size: 368 })))
 			}
 			return flatCategorizedFilteredPosters
 		}
 	},
 	async created() {
-		this.posters = (await api.call('poster.list', {room: this.room.id}))
+		this.posters = (await api.call('poster.list', { room: this.room.id }))
 	},
 	methods: {
 		toggleFilter(filter) {
diff --git a/webapp/src/components/QRCodePrompt.vue b/webapp/src/components/QRCodePrompt.vue
index 9c2f9d80..4c7f1f2f 100644
--- a/webapp/src/components/QRCodePrompt.vue
+++ b/webapp/src/components/QRCodePrompt.vue
@@ -36,9 +36,9 @@ export default {
 		}
 	},
 	async created() {
-		const { url } = await api.call('room.invite.anonymous.link', {room: this.room.id})
+		const { url } = await api.call('room.invite.anonymous.link', { room: this.room.id })
 		this.url = url
-		this.qrcode = await QRCode.toString(this.url, {type: 'svg', margin: 1})
+		this.qrcode = await QRCode.toString(this.url, { type: 'svg', margin: 1 })
 	}
 }
 </script>
diff --git a/webapp/src/components/Question.vue b/webapp/src/components/Question.vue
index 7fbe90d3..e9f0a7ec 100644
--- a/webapp/src/components/Question.vue
+++ b/webapp/src/components/Question.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-.c-question(:class="{queued: question.state === 'mod_queue', 'has-voted': question.voted, pinned: question.is_pinned, archived: question.state === 'archived', managing: isManaging}")
+.c-question(:class="{ queued: question.state === 'mod_queue', 'has-voted': question.voted, pinned: question.is_pinned, archived: question.state === 'archived', managing: isManaging }")
 	.moderation-block(v-if="question.state === 'mod_queue'")
 		bunt-icon-button(:disabled="!isManaging", :tooltip="isManaging ? $t('Question:moderation-approve-button:label') : $t('Question:attendee-awaiting-approval:label')", tooltip-placement="right", :tooltip-fixed="true", @click="doAction('approve')") {{ isManaging ? 'eye-check' : 'eye-off' }}
 	.votes(v-else, @click="vote")
@@ -8,7 +8,7 @@
 		| {{ $t('Question:vote-count:label') }}
 	.content {{ question.content }}
 	menu-dropdown(v-if="isManaging && hasPermission('room:question.moderate')", v-model="showModerationMenu", strategy="fixed")
-		template(v-slot:button="{toggle}")
+		template(v-slot:button="{ toggle }")
 			bunt-icon-button#btn-menu-toggle(@click="toggle") dots-vertical
 		template(v-slot:menu)
 			.approve-question(v-if="question.state === 'mod_queue'", @click="doAction('approve')") {{ $t('Question:moderation-menu:approve-question:label') }}
diff --git a/webapp/src/components/Questions.vue b/webapp/src/components/Questions.vue
index a20ca85a..3d075f9f 100644
--- a/webapp/src/components/Questions.vue
+++ b/webapp/src/components/Questions.vue
@@ -5,14 +5,14 @@
 	template(v-else)
 		.asking-form(v-if="showAskingForm")
 			bunt-input-outline-container(:label="$t('Questions:asking-form:label')")
-				textarea(v-model="question", slot-scope="{focus, blur}", @focus="focus", @blur="blur")
+				textarea(v-model="question", slot-scope="{ focus, blur }", @focus="focus", @blur="blur")
 			.actions
 				bunt-button#btn-cancel(@click="showAskingForm = false") {{ $t('Prompt:cancel:label') }}
 				bunt-button#btn-submit-question(@click="submitQuestion") {{ $t('Questions:asking-form:submit') }}
 		template(v-else-if="!isManaging")
 			bunt-button#btn-ask-question(v-if="hasPermission('room:question.ask')", @click="question = ''; showAskingForm = true") {{ $t('Questions:ask-question-button:label') }}
 			//- v-else ?
-	.questions(v-if="questions && module.config.active", :class="{'can-vote': hasPermission('room:question.vote')}", v-scrollbar.y="")
+	.questions(v-if="questions && module.config.active", :class="{ 'can-vote': hasPermission('room:question.vote') }", v-scrollbar.y="")
 		.empty-placeholder(v-if="sortedQuestions.length === 0") {{ $t('Questions:empty-placeholder') }}
 		question(v-for="question of sortedQuestions", :question="question", :key="question.id")
 </template>
diff --git a/webapp/src/components/ReactionsBar.vue b/webapp/src/components/ReactionsBar.vue
index 93499922..9545f731 100644
--- a/webapp/src/components/ReactionsBar.vue
+++ b/webapp/src/components/ReactionsBar.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-.c-reactions-bar(:class="{expanded}")
+.c-reactions-bar(:class="{ expanded }")
 	.actions(@click="expand")
 		bunt-icon-button(v-for="reaction of availableReactions", @click.stop="react(reaction.emoji)")
 			.emoji(:style="reaction.style")
@@ -21,7 +21,7 @@ export default {
 	computed: {
 		availableReactions() {
 			const emoji = ['👏', '❤️', '👍', '🤣', '😮']
-			return emoji.map(e => ({emoji: e, style: nativeEmojiToStyle(e)}))
+			return emoji.map(e => ({ emoji: e, style: nativeEmojiToStyle(e) }))
 		}
 	},
 	methods: {
diff --git a/webapp/src/components/ReactionsOverlay.vue b/webapp/src/components/ReactionsOverlay.vue
index 42574e95..c16fad8f 100644
--- a/webapp/src/components/ReactionsOverlay.vue
+++ b/webapp/src/components/ReactionsOverlay.vue
@@ -76,8 +76,8 @@ export default {
 			element.style[this.direction === 'vertical' ? 'left' : 'top'] = `calc(${startingPosition * 100}% - 12px)`
 			const axis = this.direction === 'vertical' ? 'Y' : 'X'
 			const animation = element.animate([
-				{opacity: 1, transform: `translate${axis}(0px)`},
-				{opacity: 0, transform: `translate${axis}(-${targetPosition}px)`}
+				{ opacity: 1, transform: `translate${axis}(0px)` },
+				{ opacity: 0, transform: `translate${axis}(-${targetPosition}px)` }
 			], {
 				duration: 1200 + 500 * Math.random()
 			})
diff --git a/webapp/src/components/RecordingsPrompt.vue b/webapp/src/components/RecordingsPrompt.vue
index 3c7c75ee..ab150596 100644
--- a/webapp/src/components/RecordingsPrompt.vue
+++ b/webapp/src/components/RecordingsPrompt.vue
@@ -34,7 +34,7 @@ export default {
 	computed: {},
 	async created() {
 		try {
-			this.recordings = (await api.call('bbb.recordings', {room: this.room.id}, {timeout: 150000})).results
+			this.recordings = (await api.call('bbb.recordings', { room: this.room.id }, { timeout: 150000 })).results
 			this.error = null
 		} catch (error) {
 			this.error = error
diff --git a/webapp/src/components/RoomsSidebar.vue b/webapp/src/components/RoomsSidebar.vue
index 24abc468..771041cd 100644
--- a/webapp/src/components/RoomsSidebar.vue
+++ b/webapp/src/components/RoomsSidebar.vue
@@ -1,21 +1,21 @@
 <template lang="pug">
 transition(name="sidebar")
 	.c-rooms-sidebar(v-show="show && !snapBack", :style="style", role="navigation", @pointerdown="onPointerdown", @pointermove="onPointermove", @pointerup="onPointerup", @pointercancel="onPointercancel")
-		router-link.logo(:to="{name: 'home'}", v-if="$mq.above['m']", :class="{'fit-to-width': theme.logo.fitToWidth}")
+		router-link.logo(:to="{ name: 'home' }", v-if="$mq.above['m']", :class="{ 'fit-to-width': theme.logo.fitToWidth }")
 			img(:src="theme.logo.url", :alt="world.title")
 		bunt-icon-button#btn-close-sidebar(v-else, @click="$emit('close')") menu
 		scrollbars(y)
 			.global-links(role="group", aria-label="pages")
-				router-link.room(v-if="roomsByType.page.includes(rooms[0])", :to="{name: 'home'}", v-html="$emojify(rooms[0].name)")
-				router-link.room(:to="{name: 'schedule'}", v-if="!!world.pretalx && (world.pretalx.url || world.pretalx.domain)") {{ $t('RoomsSidebar:schedule:label') }}
-				router-link.room(:to="{name: 'schedule:sessions'}", v-if="!!world.pretalx && (world.pretalx.url || world.pretalx.domain)") {{ $t('RoomsSidebar:session:label') }}
-				router-link.room(:to="{name: 'schedule:speakers'}", v-if="!!world.pretalx && (world.pretalx.url || world.pretalx.domain)") {{ $t('RoomsSidebar:speaker:label') }}
+				router-link.room(v-if="roomsByType.page.includes(rooms[0])", :to="{ name: 'home' }", v-html="$emojify(rooms[0].name)")
+				router-link.room(:to="{ name: 'schedule' }", v-if="!!world.pretalx && (world.pretalx.url || world.pretalx.domain)") {{ $t('RoomsSidebar:schedule:label') }}
+				router-link.room(:to="{ name: 'schedule:sessions' }", v-if="!!world.pretalx && (world.pretalx.url || world.pretalx.domain)") {{ $t('RoomsSidebar:session:label') }}
+				router-link.room(:to="{ name: 'schedule:speakers' }", v-if="!!world.pretalx && (world.pretalx.url || world.pretalx.domain)") {{ $t('RoomsSidebar:speaker:label') }}
 				router-link.room(v-for="page of roomsByType.page", v-if="page !== rooms[0]", :to="{name: 'room', params: {roomId: page.id}}", v-html="$emojify(page.name)")
 			.group-title#stages-title(v-if="roomsByType.stage.length || hasPermission('world:rooms.create.stage')")
 				span {{ $t('RoomsSidebar:stages-headline:text') }}
 				bunt-icon-button(v-if="hasPermission('world:rooms.create.stage')", @click="showStageCreationPrompt = true") plus
 			.stages(role="group", aria-describedby="stages-title")
-				router-link.stage(v-for="stage, index of roomsByType.stage", :to="stage.room === rooms[0] ? {name: 'home'} : {name: 'room', params: {roomId: stage.room.id}}", :class="{active: stage.room.id === $route.params.roomId, session: stage.session, live: stage.session && stage.room.schedule_data, 'has-image': stage.image, 'starts-with-emoji': startsWithEmoji(stage.room.name)}")
+				router-link.stage(v-for="stage, index of roomsByType.stage", :to="stage.room === rooms[0] ? { name: 'home' } : {name: 'room', params: {roomId: stage.room.id}}", :class="{ active: stage.room.id === $route.params.roomId, session: stage.session, live: stage.session && stage.room.schedule_data, 'has-image': stage.image, 'starts-with-emoji': startsWithEmoji(stage.room.name) }")
 					template(v-if="stage.session")
 						img.preview(v-if="stage.image", :src="stage.image")
 						.info
@@ -40,44 +40,44 @@ transition(name="sidebar")
 				bunt-icon-button(v-if="hasPermission('world:rooms.create.chat') || hasPermission('world:rooms.create.bbb')", tooltip="Create Channel", :tooltip-fixed="true", @click="showChatCreationPrompt = true") plus
 				bunt-icon-button(v-if="worldHasTextChannels", tooltip="Browse all channels", :tooltip-fixed="true", @click="showChannelBrowser = true") compass-outline
 			.chats(role="group", aria-describedby="chats-title")
-				router-link.video-chat(v-for="chat of roomsByType.videoChat", :to="chat === rooms[0] ? {name: 'home'} : {name: 'room', params: {roomId: chat.id}}", :class="{active: chat.id === $route.params.roomId, 'starts-with-emoji': startsWithEmoji(chat.name)}")
+				router-link.video-chat(v-for="chat of roomsByType.videoChat", :to="chat === rooms[0] ? { name: 'home' } : {name: 'room', params: {roomId: chat.id}}", :class="{ active: chat.id === $route.params.roomId, 'starts-with-emoji': startsWithEmoji(chat.name) }")
 					.room-icon(aria-hidden="true")
 					.name(v-html="$emojify(chat.name)")
-					i.bunt-icon.activity-icon.mdi(v-if="chat.users === 'many' || chat.users === 'few'", :class="{'mdi-account-group': (chat.users === 'many'), 'mdi-account-multiple': (chat.users === 'few')}", v-tooltip.bottom.fixed="{text: $t('RoomsSidebar:users-tooltip:' + chat.users)}", :aria-label="$t('RoomsSidebar:users-tooltip:' + chat.users)")
-				router-link.text-chat(v-for="chat of roomsByType.textChat", :to="chat.room === rooms[0] ? {name: 'home'} : {name: 'room', params: {roomId: chat.room.id}}", :class="{unread: hasUnreadMessages(chat.room.modules[0].channel_id), 'starts-with-emoji': startsWithEmoji(chat.room.name)}")
+					i.bunt-icon.activity-icon.mdi(v-if="chat.users === 'many' || chat.users === 'few'", :class="{ 'mdi-account-group': (chat.users === 'many'), 'mdi-account-multiple': (chat.users === 'few') }", v-tooltip.bottom.fixed="{ text: $t('RoomsSidebar:users-tooltip:' + chat.users) }", :aria-label="$t('RoomsSidebar:users-tooltip:' + chat.users)")
+				router-link.text-chat(v-for="chat of roomsByType.textChat", :to="chat.room === rooms[0] ? { name: 'home' } : {name: 'room', params: {roomId: chat.room.id}}", :class="{ unread: hasUnreadMessages(chat.room.modules[0].channel_id), 'starts-with-emoji': startsWithEmoji(chat.room.name) }")
 					.room-icon(aria-hidden="true")
 					.name(v-html="$emojify(chat.room.name)")
 					.notifications(v-if="chat.notifications") {{ chat.notifications }}
-					bunt-icon-button(@click.prevent.stop="$store.dispatch('chat/leaveChannel', {channelId: chat.room.modules[0].channel_id})") close
+					bunt-icon-button(@click.prevent.stop="$store.dispatch('chat/leaveChannel', { channelId: chat.room.modules[0].channel_id })") close
 				bunt-button#btn-browse-channels-trailing(v-if="worldHasTextChannels", @click="showChannelBrowser = true") {{ $t('RoomsSidebar:browse-channels-button:label') }}
 			.group-title#dm-title(v-if="directMessageChannels.length || hasPermission('world:chat.direct')")
 				span {{ $t('RoomsSidebar:direct-messages-headline:text') }}
 				bunt-icon-button(v-if="hasPermission('world:chat.direct')", tooltip="open a direct message", :tooltip-fixed="true", @click="showDMCreationPrompt = true") plus
 			.direct-messages(role="group", aria-describedby="dm-title")
-				router-link.direct-message(v-for="channel of directMessageChannels", :to="{name: 'channel', params: {channelId: channel.id}}", :class="{unread: hasUnreadMessages(channel.id)}")
+				router-link.direct-message(v-for="channel of directMessageChannels", :to="{name: 'channel', params: {channelId: channel.id}}", :class="{ unread: hasUnreadMessages(channel.id) }")
 					i.bunt-icon.mdi(v-if="call && call.channel === channel.id", aria-hidden="true").mdi-phone
 					.name {{ getDMChannelName(channel) }}
 					.notifications(v-if="channel.notifications") {{ channel.notifications }}
-					bunt-icon-button(tooltip="remove", :tooltip-fixed="true", @click.prevent.stop="$store.dispatch('chat/leaveChannel', {channelId: channel.id})") close
+					bunt-icon-button(tooltip="remove", :tooltip-fixed="true", @click.prevent.stop="$store.dispatch('chat/leaveChannel', { channelId: channel.id })") close
 			.buffer
 			template(v-if="worldHasExhibition && (staffedExhibitions.length > 0 || hasPermission('world:rooms.create.exhibition'))")
 				.group-title {{ $t('RoomsSidebar:exhibitions-headline:text') }}
 				.admin
-					router-link(:to="{name: 'exhibitors'}") {{ $t('RoomsSidebar:exhibitions-manage:label') }}
-					router-link(:to="{name: 'contactRequests'}") {{ $t('RoomsSidebar:exhibitions-requests:label') }}
+					router-link(:to="{ name: 'exhibitors' }") {{ $t('RoomsSidebar:exhibitions-manage:label') }}
+					router-link(:to="{ name: 'contactRequests' }") {{ $t('RoomsSidebar:exhibitions-requests:label') }}
 			template(v-if="worldHasPosters && hasPermission('world:rooms.create.poster')")
 				.group-title {{ $t('RoomsSidebar:posters-headline:text') }}
 				.admin
-					router-link(:to="{name: 'posters'}") {{ $t('RoomsSidebar:posters-manage:label') }}
+					router-link(:to="{ name: 'posters' }") {{ $t('RoomsSidebar:posters-manage:label') }}
 			template(v-if="hasPermission('world:users.list') || hasPermission('world:update') || hasPermission('world:announce') || hasPermission('room:update')")
 				.group-title {{ $t('RoomsSidebar:admin-headline:text') }}
 				.admin
-					router-link.room(:to="{name: 'admin:announcements'}", v-if="hasPermission('world:announce')") {{ $t('RoomsSidebar:admin-announcements:label') }}
-					router-link.room(:to="{name: 'admin:users'}", v-if="hasPermission('world:users.list')") {{ $t('RoomsSidebar:admin-users:label') }}
-					router-link.room(:to="{name: 'admin:rooms:index'}", v-if="hasPermission('room:update')") {{ $t('RoomsSidebar:admin-rooms:label') }}
-					router-link.room(:to="{name: 'admin:kiosks:index'}", v-if="hasPermission('world:users.manage')") {{ $t('RoomsSidebar:admin-kiosks:label') }}
-					router-link.room(:to="{name: 'admin:config'}", v-if="hasPermission('world:update')") {{ $t('RoomsSidebar:admin-config:label') }}
-		router-link.profile(:to="{name: 'preferences'}")
+					router-link.room(:to="{ name: 'admin:announcements' }", v-if="hasPermission('world:announce')") {{ $t('RoomsSidebar:admin-announcements:label') }}
+					router-link.room(:to="{ name: 'admin:users' }", v-if="hasPermission('world:users.list')") {{ $t('RoomsSidebar:admin-users:label') }}
+					router-link.room(:to="{ name: 'admin:rooms:index' }", v-if="hasPermission('room:update')") {{ $t('RoomsSidebar:admin-rooms:label') }}
+					router-link.room(:to="{ name: 'admin:kiosks:index' }", v-if="hasPermission('world:users.manage')") {{ $t('RoomsSidebar:admin-kiosks:label') }}
+					router-link.room(:to="{ name: 'admin:config' }", v-if="hasPermission('world:update')") {{ $t('RoomsSidebar:admin-config:label') }}
+		router-link.profile(:to="{ name: 'preferences' }")
 			avatar(:user="user", :size="36")
 			.display-name {{ user.profile.display_name }}
 			.mdi.mdi-cog
diff --git a/webapp/src/components/Roulette.vue b/webapp/src/components/Roulette.vue
index e56ee125..936205b8 100644
--- a/webapp/src/components/Roulette.vue
+++ b/webapp/src/components/Roulette.vue
@@ -26,10 +26,10 @@
 import AVDevicePrompt from 'components/AVDevicePrompt'
 import JanusVideoroom from 'components/janus/JanusVideoroom'
 import SoundMeter from 'lib/webrtc/soundmeter'
-import {mapActions, mapMutations, mapState} from 'vuex'
+import { mapActions, mapMutations, mapState } from 'vuex'
 
 export default {
-	components: {AVDevicePrompt, JanusVideoroom},
+	components: { AVDevicePrompt, JanusVideoroom },
 	props: {
 		room: {
 			type: Object,
@@ -104,13 +104,13 @@ export default {
 				window.clearInterval(this.soundMeterInterval)
 			}
 			this.stopCall()
-			this.startRequesting({room: this.room})
+			this.startRequesting({ room: this.room })
 			this.hasPreviousCall = true
 		},
 		startVideo() {
 			const constraints = {
-				audio: {deviceId: localStorage.audioInput ? {exact: localStorage.audioInput} : undefined},
-				video: {deviceId: localStorage.videoInput ? {exact: localStorage.videoInput} : undefined},
+				audio: { deviceId: localStorage.audioInput ? { exact: localStorage.audioInput } : undefined },
+				video: { deviceId: localStorage.videoInput ? { exact: localStorage.videoInput } : undefined },
 			}
 			navigator.mediaDevices.getUserMedia(constraints).then((stream) => {
 				this.stream = stream
diff --git a/webapp/src/components/Scrollbars.vue b/webapp/src/components/Scrollbars.vue
index 5e7e11dd..9f30d213 100644
--- a/webapp/src/components/Scrollbars.vue
+++ b/webapp/src/components/Scrollbars.vue
@@ -3,7 +3,7 @@
 	.scroll-content(ref="content", @scroll="onScroll")
 		slot
 	template(v-for="dim of Object.keys(dimensions)")
-		div(:class="[`scrollbar-rail-${dim}`, {active: draggingDimension === dim}]", @pointerdown="onPointerdown(dim, $event)")
+		div(:class="[`scrollbar-rail-${dim}`, { active: draggingDimension === dim }]", @pointerdown="onPointerdown(dim, $event)")
 			.scrollbar-thumb(:ref="`thumb-${dim}`", :style="thumbStyles[dim]")
 </template>
 <script>
diff --git a/webapp/src/components/TimezoneChanger.vue b/webapp/src/components/TimezoneChanger.vue
index 94c081ad..b769b706 100644
--- a/webapp/src/components/TimezoneChanger.vue
+++ b/webapp/src/components/TimezoneChanger.vue
@@ -1,9 +1,9 @@
 <template lang="pug">
 .c-timezone-changer
-	bunt-button(:class="{active: localTimezone === userTimezone}", @click="$store.dispatch('updateUserTimezone', localTimezone)")
+	bunt-button(:class="{ active: localTimezone === userTimezone }", @click="$store.dispatch('updateUserTimezone', localTimezone)")
 		.zone-type local
 		.timezone-label {{ localTimezoneLabel }}
-	bunt-button(:class="{active: eventTimezone === userTimezone}", @click="$store.dispatch('updateUserTimezone', eventTimezone)")
+	bunt-button(:class="{ active: eventTimezone === userTimezone }", @click="$store.dispatch('updateUserTimezone', eventTimezone)")
 		.zone-type event
 		.timezone-label {{ eventTimezoneLabel }}
 </template>
diff --git a/webapp/src/components/UploadButton.vue b/webapp/src/components/UploadButton.vue
index 4b2c4782..16b8565c 100644
--- a/webapp/src/components/UploadButton.vue
+++ b/webapp/src/components/UploadButton.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
 .c-upload-button
-	label(:for="id", :class="buttonClass", v-tooltip="tooltipOptions || {text: _tooltip, placement: tooltipPlacement, fixed: tooltipFixed}")
+	label(:for="id", :class="buttonClass", v-tooltip="tooltipOptions || { text: _tooltip, placement: tooltipPlacement, fixed: tooltipFixed }")
 		i.bunt-icon.mdi(v-if="iconClass", :class="iconClass")
 		.bunt-button-content
 			.bunt-button-text
diff --git a/webapp/src/components/UserActionPrompt.vue b/webapp/src/components/UserActionPrompt.vue
index 3e017cbf..4a2db126 100644
--- a/webapp/src/components/UserActionPrompt.vue
+++ b/webapp/src/components/UserActionPrompt.vue
@@ -54,9 +54,9 @@ export default {
 					reactivate: this.user.moderation_state === 'banned' ? 'unbanned' : 'unsilenced'
 				}
 				if (this.action === 'block') {
-					await this.$store.dispatch('chat/blockUser', {user: this.user})
+					await this.$store.dispatch('chat/blockUser', { user: this.user })
 				} else {
-					await this.$store.dispatch('chat/moderateUser', {action: this.action, user: this.user})
+					await this.$store.dispatch('chat/moderateUser', { action: this.action, user: this.user })
 				}
 				this.success = successLabels[this.action]
 				setTimeout(() => this.$emit('close'), this.closeDelay)
diff --git a/webapp/src/components/UserListPage.vue b/webapp/src/components/UserListPage.vue
index 179dc161..62c9e270 100644
--- a/webapp/src/components/UserListPage.vue
+++ b/webapp/src/components/UserListPage.vue
@@ -101,22 +101,22 @@ export default {
 			this.loading = true
 			this.userAction = null
 			this.blockedUsers = (await api.call('user.list.blocked')).users
-			this.selectedUser = await api.call('user.fetch', {id: this.selectedUser.id})
+			this.selectedUser = await api.call('user.fetch', { id: this.selectedUser.id })
 			this.loading = false
 		},
 		async selectUser(user) {
 			this.loading = true
 			this.toggleView = !this.toggleView
 			this.selectedUser = user
-			this.exhibitors = (await api.call('exhibition.get.staffed_by_user', {user_id: user.id})).exhibitors
+			this.exhibitors = (await api.call('exhibition.get.staffed_by_user', { user_id: user.id })).exhibitors
 			this.loading = false
 		},
 		async openDM() {
-			await this.$store.dispatch('chat/openDirectMessage', {users: [this.selectedUser]})
+			await this.$store.dispatch('chat/openDirectMessage', { users: [this.selectedUser] })
 		},
 		async startCall() {
-			const channel = await this.$store.dispatch('chat/openDirectMessage', {users: [this.selectedUser]})
-			await this.$store.dispatch('chat/startCall', {channel})
+			const channel = await this.$store.dispatch('chat/openDirectMessage', { users: [this.selectedUser] })
+			await this.$store.dispatch('chat/startCall', { channel })
 		}
 	}
 }
diff --git a/webapp/src/components/UserSearch.vue b/webapp/src/components/UserSearch.vue
index 8e7897cb..974ed3ec 100644
--- a/webapp/src/components/UserSearch.vue
+++ b/webapp/src/components/UserSearch.vue
@@ -3,7 +3,7 @@
 	.combobox(@keyup.enter.prevent="select(selectedIndex)", @keydown.down.prevent="selectNext()", @keydown.up.prevent="selectPrev()")
 		bunt-input(type="search", name="search", :placeholder="placeholder", v-model="search")
 		ul.list(v-scrollbar.y="")
-			li.list__item(v-for="(user, index) in list", @click="select(index)", :class="{'selected': index == selectedIndex, 'inactive': user.inactive}")
+			li.list__item(v-for="(user, index) in list", @click="select(index)", :class="{ 'selected': index == selectedIndex, 'inactive': user.inactive }")
 				avatar(:user="user", :size="48")
 				span.display-name
 					| {{ user ? user.profile.display_name : '' }}
@@ -38,7 +38,7 @@ export default {
 	watch: {
 		page: async function() {
 			this.loading = true
-			const newPage = (await api.call('user.list.search', {search_term: this.search, page: this.page, include_banned: false}))
+			const newPage = (await api.call('user.list.search', { search_term: this.search, page: this.page, include_banned: false }))
 			this.lastPage = newPage.isLastPage
 			this.list.push(...newPage.results)
 			this.loading = false
@@ -49,14 +49,14 @@ export default {
 	},
 	async created() {
 		this.loading = true
-		this.list = (await api.call('user.list.search', {search_term: this.search, page: this.page, include_banned: false})).results
+		this.list = (await api.call('user.list.search', { search_term: this.search, page: this.page, include_banned: false })).results
 		this.loading = false
 	},
 	methods: {
 		updateList: async function() {
 			this.loading = true
 			this.page = 1
-			this.list = (await api.call('user.list.search', {search_term: this.search, page: this.page, include_banned: false})).results
+			this.list = (await api.call('user.list.search', { search_term: this.search, page: this.page, include_banned: false })).results
 			this.loading = false
 		},
 		select: function(index) {
diff --git a/webapp/src/components/UserSelect.vue b/webapp/src/components/UserSelect.vue
index 73ecfa35..ab4d21d0 100644
--- a/webapp/src/components/UserSelect.vue
+++ b/webapp/src/components/UserSelect.vue
@@ -2,7 +2,7 @@
 .c-user-select
 	.search-bar
 		bunt-input-outline-container
-			.search-field(slot-scope="{focus, blur}")
+			.search-field(slot-scope="{ focus, blur }")
 				.selected-user(v-for="user of selectedUsers")
 					avatar(:user="user", :size="20")
 					.display-name
@@ -12,7 +12,7 @@
 				input(ref="input", name="search", v-model="search", @focus="focus", @blur="blur", autofocus, autocomplete="off")
 		bunt-button(@click="submit") {{ buttonLabel }}
 	scrollbars.search-results(y)
-		.user(v-for="user of results", :class="{selected: isSelected(user), inactive: user.inactive}", @click="addUser(user)")
+		.user(v-for="user of results", :class="{ selected: isSelected(user), inactive: user.inactive }", @click="addUser(user)")
 			avatar(:user="user", :size="36")
 			.display-name
 				| {{ user.profile.display_name }}
@@ -69,7 +69,7 @@ export default {
 		async loadPage() {
 			this.loading = true
 			const search = this.search
-			const newPage = (await api.call('user.list.search', {search_term: this.search, page: this.nextPage}))
+			const newPage = (await api.call('user.list.search', { search_term: this.search, page: this.nextPage }))
 			if (search !== this.search) return
 			this.results.push(...newPage.results.filter(e => !this.exclude.includes(e.id)))
 			if (newPage.isLastPage) {
diff --git a/webapp/src/components/dashboard-layout/index.vue b/webapp/src/components/dashboard-layout/index.vue
index 068ce919..d421f151 100644
--- a/webapp/src/components/dashboard-layout/index.vue
+++ b/webapp/src/components/dashboard-layout/index.vue
@@ -14,7 +14,7 @@ export default {
 	async mounted() {
 		await this.$nextTick()
 		this.contentRect = this.$el.getBoundingClientRect()
-		this.observer = new ResizeObserver(([{contentRect}]) => {
+		this.observer = new ResizeObserver(([{ contentRect }]) => {
 			this.contentRect = contentRect
 		})
 		this.observer.observe(this.$el)
diff --git a/webapp/src/components/janus/JanusConference.vue b/webapp/src/components/janus/JanusConference.vue
index bd0a3751..44a7b581 100644
--- a/webapp/src/components/janus/JanusConference.vue
+++ b/webapp/src/components/janus/JanusConference.vue
@@ -11,18 +11,18 @@
 	audio(v-show="false", ref="mixedAudio", autoplay, playsinline)
 
 	.participants(v-show="connectionState === 'connected'")
-		.participant.me(:class="{talking: !knownMuteState && talkingParticipants.includes(ourAudioId)}", @click="showUserCard($event, user)")
+		.participant.me(:class="{ talking: !knownMuteState && talkingParticipants.includes(ourAudioId) }", @click="showUserCard($event, user)")
 			avatar(:user="user", :size="36")
 			.mute-indicator(v-if="knownMuteState")
 				.bunt-icon.mdi.mdi-microphone-off
-		.participant(v-for="p in sortedParticipants", @click="showUserCard($event, p.venueless_user)", :class="{talking: !p.muted && talkingParticipants.includes(p.id)}")
+		.participant(v-for="p in sortedParticipants", @click="showUserCard($event, p.venueless_user)", :class="{ talking: !p.muted && talkingParticipants.includes(p.id) }")
 			avatar(v-if="p.venueless_user", :user="p.venueless_user", :size="36")
 			.mute-indicator(v-if="p.muted")
 				.bunt-icon.mdi.mdi-microphone-off
 
 	.users(v-show="connectionState === 'connected'", ref="container", :style="gridStyle", v-resize-observer="onResize")
 		.me.feed(v-show="videoPublishingState !== 'unpublished'")
-			.video-container(:style="{boxShadow: size != 'tiny' ? `0 0 0px 4px ${primaryColor.alpha(!knownMuteState && talkingParticipants.includes(ourAudioId) ? 255 : 0)}` : 'none'}", id="janus_ourVideo")
+			.video-container(:style="{ boxShadow: size != 'tiny' ? `0 0 0px 4px ${primaryColor.alpha(!knownMuteState && talkingParticipants.includes(ourAudioId) ? 255 : 0)}` : 'none' }", id="janus_ourVideo")
 				video(v-show="publishingWithVideo && videoPublishingState !== 'unpublished'", ref="ourVideo", autoplay, playsinline, muted="muted")
 			.publishing-state(v-if="videoPublishingState !== 'published'")
 				bunt-progress-circular(v-if="videoPublishingState == 'publishing'", size="huge", :page="true")
@@ -37,8 +37,8 @@
 			.mute-indicator(v-if="knownMuteState")
 				.bunt-icon.mdi.mdi-microphone-off
 
-		.peer.feed(v-for="(f, idx) in sortedFeeds", :key="f.rfid", :style="{width: layout.width, height: layout.height}")
-			.video-container(:style="{boxShadow: size != 'tiny' ? `0 0 0px 4px ${primaryColor.alpha(f.participant && !f.participant.muted && talkingParticipants.includes(f.rfid) ? 255 : 0)}` : 'none'}", :id="'janus_' + f.rfid")
+		.peer.feed(v-for="(f, idx) in sortedFeeds", :key="f.rfid", :style="{ width: layout.width, height: layout.height }")
+			.video-container(:style="{ boxShadow: size != 'tiny' ? `0 0 0px 4px ${primaryColor.alpha(f.participant && !f.participant.muted && talkingParticipants.includes(f.rfid) ? 255 : 0)}` : 'none' }", :id="'janus_' + f.rfid")
 				video(v-show="f.rfattached", ref="peerVideo", autoplay, playsinline)
 			.subscribing-state(v-if="!f.rfattached")
 				bunt-progress-circular(size="huge", :page="true")
@@ -73,17 +73,17 @@
 					bunt-button(type="submit") {{ $t('JanusVideoroom:tool-screenshare:start') }}
 </template>
 <script>
-import {Janus} from 'janus-gateway'
-import {mapState} from 'vuex'
+import { Janus } from 'janus-gateway'
+import { mapState } from 'vuex'
 import api from 'lib/api'
 import ChatUserCard from 'components/ChatUserCard'
 import Avatar from 'components/Avatar'
 import AVDevicePrompt from 'components/AVDevicePrompt'
 import FeedbackPrompt from 'components/FeedbackPrompt'
 import Prompt from 'components/Prompt'
-import {createPopper} from '@popperjs/core'
+import { createPopper } from '@popperjs/core'
 import Color from 'color'
-import {colors} from 'theme'
+import { colors } from 'theme'
 import { v4 as uuid } from 'uuid'
 import adapter from 'webrtc-adapter'
 
@@ -135,7 +135,7 @@ const log = (source, level, message) => {
 }
 
 export default {
-	components: {Avatar, AVDevicePrompt, ChatUserCard, FeedbackPrompt, Prompt},
+	components: { Avatar, AVDevicePrompt, ChatUserCard, FeedbackPrompt, Prompt },
 	props: {
 		server: {
 			type: String,
@@ -284,7 +284,7 @@ export default {
 			return LOG_ENTRIES
 		},
 		cleanup() {
-			this.janus.destroy({cleanupHandles: true})
+			this.janus.destroy({ cleanupHandles: true })
 			this.connectionState = 'disconnected'
 			this.audioReceivingState = 'pending'
 			this.videoReceivingState = 'pending'
@@ -380,7 +380,7 @@ export default {
 								token: this.token,
 								display: 'new user'
 							}
-							this.screensharePluginHandle.send({message: register})
+							this.screensharePluginHandle.send({ message: register })
 						},
 						error: (error) => {
 							log('venueless', 'error', '  -- Error attaching plugin...', error)
@@ -441,7 +441,7 @@ export default {
 							}
 							if (jsep) {
 								log('venueless', 'debug', 'Handling SDP as well...', jsep)
-								this.screensharePluginHandle.handleRemoteJsep({jsep: jsep})
+								this.screensharePluginHandle.handleRemoteJsep({ jsep: jsep })
 								var audio = msg.audio_codec
 								if (this.ourScreenShareStream && this.ourScreenShareStream.getAudioTracks() && this.ourScreenShareStream.getAudioTracks().length > 0 &&
 									!audio) {
@@ -515,7 +515,7 @@ export default {
 
 			if (this.videoRequested) {
 				if (localStorage.videoInput) {
-					media.video = {deviceId: localStorage.videoInput, width: 1280, height: 720}
+					media.video = { deviceId: localStorage.videoInput, width: 1280, height: 720 }
 				} else {
 					media.video = 'hires'
 				}
@@ -526,8 +526,8 @@ export default {
 			} else {
 				if (this.publishingWithVideo && this.videoPublishingState !== 'unpublished' && this.videoPublishingState !== 'failed') {
 					this.videoPublishingState = 'unpublishing'
-					const unpublish = {request: 'unpublish'}
-					this.videoPluginHandle.send({message: unpublish})
+					const unpublish = { request: 'unpublish' }
+					this.videoPluginHandle.send({ message: unpublish })
 				} else {
 					this.videoPublishingState = 'unpublished'
 				}
@@ -546,8 +546,8 @@ export default {
 					simulcast: false,
 					simulcast2: false,
 					success: (jsep) => {
-						const publish = {request: 'configure', audio: true, video: this.publishingWithVideo, bitrate: this.upstreamBitrate}
-						this.videoPluginHandle.send({message: publish, jsep: jsep})
+						const publish = { request: 'configure', audio: true, video: this.publishingWithVideo, bitrate: this.upstreamBitrate }
+						this.videoPluginHandle.send({ message: publish, jsep: jsep })
 					},
 					error: (error) => {
 						this.videoPublishingState = 'failed'
@@ -556,9 +556,9 @@ export default {
 				})
 		},
 		publishOwnAudio() {
-			const media = {video: false}
+			const media = { video: false }
 			if (localStorage.audioInput) {
-				media.audio = {deviceId: localStorage.audioInput}
+				media.audio = { deviceId: localStorage.audioInput }
 			}
 			if (localStorage.audioInput !== this.audioInput) {
 				media.replaceAudio = true
@@ -567,8 +567,8 @@ export default {
 			this.audioPluginHandle.createOffer({
 				media: media,
 				success: (jsep) => {
-					const publish = {request: 'configure', muted: this.knownMuteState}
-					this.audioPluginHandle.send({message: publish, jsep: jsep})
+					const publish = { request: 'configure', muted: this.knownMuteState }
+					this.audioPluginHandle.send({ message: publish, jsep: jsep })
 				},
 				error: (error) => {
 					this.audioPublishingState = 'failed'
@@ -580,7 +580,7 @@ export default {
 			// TODO: framerate? default of 3 is pretty low
 			// TODO: currently, the "local" screenshare stream isn't handled specially, but also shown as a remote feed. This
 			// should probably be changed, since this causes an echo when a tab is shared with audio
-			const media = {audioRecv: false, videoRecv: false, audioSend: false, videoSend: true, video: 'screen', captureDesktopAudio: true}
+			const media = { audioRecv: false, videoRecv: false, audioSend: false, videoSend: true, video: 'screen', captureDesktopAudio: true }
 
 			this.showScreensharePrompt = false
 			this.screensharingState = 'publishing'
@@ -589,8 +589,8 @@ export default {
 					media: media,
 					success: (jsep) => {
 						log('venueless', 'debug', 'Got publisher SDP!', jsep)
-						var publish = {request: 'configure', audio: true, video: true}
-						this.screensharePluginHandle.send({message: publish, jsep: jsep})
+						var publish = { request: 'configure', audio: true, video: true }
+						this.screensharePluginHandle.send({ message: publish, jsep: jsep })
 					},
 					error: (error) => {
 						log('venueless', 'error', 'WebRTC error:', error)
@@ -632,7 +632,7 @@ export default {
 						subscribe.offer_video = false
 					}
 					remoteFeed.videoCodec = video
-					remoteFeed.send({message: subscribe})
+					remoteFeed.send({ message: subscribe })
 				},
 				error: (error) => {
 					log('venueless', 'error', '  -- Error attaching plugin...', error)
@@ -681,11 +681,11 @@ export default {
 							jsep: jsep,
 							// Add data:true here if you want to subscribe to datachannels as well
 							// (obviously only works if the publisher offered them in the first place)
-							media: {audioSend: false, videoSend: false},	// We want recvonly audio/video
+							media: { audioSend: false, videoSend: false },	// We want recvonly audio/video
 							success: (jsep) => {
 								log('venueless', 'debug', 'Got SDP!', jsep)
-								var body = {request: 'start', room: this.roomId}
-								remoteFeed.send({message: body, jsep: jsep})
+								var body = { request: 'start', room: this.roomId }
+								remoteFeed.send({ message: body, jsep: jsep })
 							},
 							error: (error) => {
 								log('venueless', 'error', 'WebRTC error:', error)
@@ -744,7 +744,7 @@ export default {
 							muted: this.automute
 						}
 						this.knownMuteState = this.automute
-						this.audioPluginHandle.send({message: register})
+						this.audioPluginHandle.send({ message: register })
 					},
 					error: (error) => {
 						this.connectionState = 'failed'
@@ -861,7 +861,7 @@ export default {
 						}
 						if (jsep) {
 							log('venueless', 'debug', 'Handling SDP as well...', jsep)
-							this.audioPluginHandle.handleRemoteJsep({jsep: jsep})
+							this.audioPluginHandle.handleRemoteJsep({ jsep: jsep })
 						}
 					},
 					slowLink: (uplink) => {
@@ -871,8 +871,8 @@ export default {
 							if (newUpstreamBitrate !== this.upstreamBitrate) {
 								this.upstreamBitrate = newUpstreamBitrate
 								log('venueless', 'info', 'Received slowLink on outgoing audio, reducing video bitrate to ' + this.upstreamBitrate)
-								const publish = {request: 'configure', audio: true, video: this.publishingWithVideo, bitrate: this.upstreamBitrate}
-								this.videoPluginHandle.send({message: publish})
+								const publish = { request: 'configure', audio: true, video: this.publishingWithVideo, bitrate: this.upstreamBitrate }
+								this.videoPluginHandle.send({ message: publish })
 								this.upstreamSlowLinkCount = 0
 							} else {
 								if (this.upstreamSlowLinkCount > 5) {
@@ -934,7 +934,7 @@ export default {
 							token: this.token,
 							display: 'venueless user',
 						}
-						this.videoPluginHandle.send({message: register})
+						this.videoPluginHandle.send({ message: register })
 					},
 					error: (error) => {
 						this.videoReceivingState = 'failed'
@@ -1041,7 +1041,7 @@ export default {
 						}
 						if (jsep) {
 							log('venueless', 'debug', 'Handling SDP as well...', jsep)
-							this.videoPluginHandle.handleRemoteJsep({jsep: jsep})
+							this.videoPluginHandle.handleRemoteJsep({ jsep: jsep })
 							// Check if any of the media we wanted to publish has
 							// been rejected (e.g., wrong or unsupported codec)
 							var video = msg.video_codec
@@ -1060,8 +1060,8 @@ export default {
 							if (newUpstreamBitrate !== this.upstreamBitrate) {
 								this.upstreamBitrate = newUpstreamBitrate
 								log('venueless', 'info', 'Received slowLink on outgoing video, reducing bitrate to ' + this.upstreamBitrate)
-								const publish = {request: 'configure', audio: true, video: this.publishingWithVideo, bitrate: this.upstreamBitrate}
-								this.videoPluginHandle.send({message: publish})
+								const publish = { request: 'configure', audio: true, video: this.publishingWithVideo, bitrate: this.upstreamBitrate }
+								this.videoPluginHandle.send({ message: publish })
 								this.upstreamSlowLinkCount = 0
 							} else {
 								if (this.upstreamSlowLinkCount > 5) {
@@ -1140,7 +1140,7 @@ export default {
 			const uid = feed.rfid || feed.id
 			let user = this.userCache[uid]
 			if (!user) {
-				user = await api.call('januscall.identify', {id: uid})
+				user = await api.call('januscall.identify', { id: uid })
 				this.userCache[uid] = user
 			}
 			feed.venueless_user = user
diff --git a/webapp/src/components/janus/JanusVideoroom.vue b/webapp/src/components/janus/JanusVideoroom.vue
index cc827db7..1e769264 100644
--- a/webapp/src/components/janus/JanusVideoroom.vue
+++ b/webapp/src/components/janus/JanusVideoroom.vue
@@ -11,7 +11,7 @@
 	.users(v-show="connectionState == 'connected'", ref="container", :style="gridStyle", v-resize-observer="onResize")
 
 		.me.feed
-			.video-container(:style="{boxShadow: size != 'tiny' ? `0 0 0px 4px ${primaryColor.alpha(soundLevels.ourVideo * 20)}` : 'none'}", id="janus_ourVideo")
+			.video-container(:style="{ boxShadow: size != 'tiny' ? `0 0 0px 4px ${primaryColor.alpha(soundLevels.ourVideo * 20)}` : 'none' }", id="janus_ourVideo")
 				video(v-show="publishingWithVideo && publishingState !== 'unpublished'", ref="ourVideo", autoplay, playsinline, muted="muted")
 			.publishing-state(v-if="publishingState !== 'published'")
 				bunt-progress-circular(v-if="publishingState == 'publishing'", size="huge", :page="true")
@@ -28,8 +28,8 @@
 			.mute-indicator(v-if="knownMuteState")
 				.bunt-icon.mdi.mdi-microphone-off
 
-		.peer.feed(v-for="(f, idx) in feeds", :key="f.rfid", :style="{width: layout.width, height: layout.height}")
-			.video-container(v-show="f.rfattached", :style="{boxShadow: size != 'tiny' ? `0 0 0px 4px ${primaryColor.alpha(soundLevels[f.rfid] * 20)}` : 'none'}", :id="'janus_' + f.rfid")
+		.peer.feed(v-for="(f, idx) in feeds", :key="f.rfid", :style="{ width: layout.width, height: layout.height }")
+			.video-container(v-show="f.rfattached", :style="{ boxShadow: size != 'tiny' ? `0 0 0px 4px ${primaryColor.alpha(soundLevels[f.rfid] * 20)}` : 'none' }", :id="'janus_' + f.rfid")
 				video(ref="peerVideo", autoplay, playsinline)
 			.subscribing-state(v-if="!f.rfattached")
 				bunt-progress-circular(size="huge", :page="true")
@@ -64,18 +64,18 @@
 					bunt-button(type="submit") {{ $t('JanusVideoroom:tool-screenshare:start') }}
 </template>
 <script>
-import {Janus} from 'janus-gateway'
-import {mapState} from 'vuex'
+import { Janus } from 'janus-gateway'
+import { mapState } from 'vuex'
 import api from 'lib/api'
 import ChatUserCard from 'components/ChatUserCard'
 import Avatar from 'components/Avatar'
 import AVDevicePrompt from 'components/AVDevicePrompt'
 import FeedbackPrompt from 'components/FeedbackPrompt'
 import Prompt from 'components/Prompt'
-import {createPopper} from '@popperjs/core'
+import { createPopper } from '@popperjs/core'
 import SoundMeter from 'lib/webrtc/soundmeter'
 import Color from 'color'
-import {colors} from 'theme'
+import { colors } from 'theme'
 import { v4 as uuid } from 'uuid'
 import adapter from 'webrtc-adapter'
 
@@ -127,7 +127,7 @@ const log = (source, level, message) => {
 }
 
 export default {
-	components: {Avatar, AVDevicePrompt, ChatUserCard, FeedbackPrompt, Prompt},
+	components: { Avatar, AVDevicePrompt, ChatUserCard, FeedbackPrompt, Prompt },
 	props: {
 		server: {
 			type: String,
@@ -269,7 +269,7 @@ export default {
 			return LOG_ENTRIES
 		},
 		cleanup() {
-			this.janus.destroy({cleanupHandles: true})
+			this.janus.destroy({ cleanupHandles: true })
 			this.connectionState = 'disconnected'
 			this.publishingState = 'unpublished'
 			this.screensharingState = 'unpublished'
@@ -360,7 +360,7 @@ export default {
 								id: this.sessionId + '_' + uuid(),
 								display: 'venueless user', // we abuse janus' display name field for the venueless user id
 							}
-							this.screensharePluginHandle.send({message: register})
+							this.screensharePluginHandle.send({ message: register })
 						},
 						error: (error) => {
 							log('venueless', 'error', '  -- Error attaching plugin...', error)
@@ -421,7 +421,7 @@ export default {
 							}
 							if (jsep) {
 								log('venueless', 'debug', 'Handling SDP as well...', jsep)
-								this.screensharePluginHandle.handleRemoteJsep({jsep: jsep})
+								this.screensharePluginHandle.handleRemoteJsep({ jsep: jsep })
 								var audio = msg.audio_codec
 								if (this.ourScreenShareStream && this.ourScreenShareStream.getAudioTracks() && this.ourScreenShareStream.getAudioTracks().length > 0 &&
 									!audio) {
@@ -493,7 +493,7 @@ export default {
 
 			if (this.videoRequested) {
 				if (localStorage.videoInput) {
-					media.video = {deviceId: localStorage.videoInput, width: 1280, height: 720}
+					media.video = { deviceId: localStorage.videoInput, width: 1280, height: 720 }
 				} else {
 					media.video = 'hires'
 				}
@@ -508,7 +508,7 @@ export default {
 			}
 
 			if (localStorage.audioInput) {
-				media.audio = {deviceId: localStorage.audioInput}
+				media.audio = { deviceId: localStorage.audioInput }
 			}
 			if (localStorage.audioInput !== this.audioInput) {
 				media.replaceAudio = true
@@ -525,8 +525,8 @@ export default {
 					simulcast: false,
 					simulcast2: false,
 					success: (jsep) => {
-						const publish = {request: 'configure', audio: true, video: this.publishingWithVideo, bitrate: this.upstreamBitrate}
-						this.mainPluginHandle.send({message: publish, jsep: jsep})
+						const publish = { request: 'configure', audio: true, video: this.publishingWithVideo, bitrate: this.upstreamBitrate }
+						this.mainPluginHandle.send({ message: publish, jsep: jsep })
 					},
 					error: (error) => {
 						if (this.publishingWithVideo) {
@@ -543,7 +543,7 @@ export default {
 			// TODO: framerate? default of 3 is pretty low
 			// TODO: currently, the "local" screenshare stream isn't handled specially, but also shown as a remote feed. This
 			// should probably be changed, since this causes an echo when a tab is shared with audio
-			const media = {audioRecv: false, videoRecv: false, audioSend: false, videoSend: true, video: 'screen', captureDesktopAudio: true}
+			const media = { audioRecv: false, videoRecv: false, audioSend: false, videoSend: true, video: 'screen', captureDesktopAudio: true }
 
 			this.showScreensharePrompt = false
 			this.screensharingState = 'publishing'
@@ -552,8 +552,8 @@ export default {
 					media: media,
 					success: (jsep) => {
 						log('venueless', 'debug', 'Got publisher SDP!', jsep)
-						var publish = {request: 'configure', audio: true, video: true}
-						this.screensharePluginHandle.send({message: publish, jsep: jsep})
+						var publish = { request: 'configure', audio: true, video: true }
+						this.screensharePluginHandle.send({ message: publish, jsep: jsep })
 					},
 					error: (error) => {
 						log('venueless', 'error', 'WebRTC error:', error)
@@ -594,7 +594,7 @@ export default {
 						subscribe.offer_video = false
 					}
 					remoteFeed.videoCodec = video
-					remoteFeed.send({message: subscribe})
+					remoteFeed.send({ message: subscribe })
 				},
 				error: (error) => {
 					log('venueless', 'error', '  -- Error attaching plugin...', error)
@@ -642,11 +642,11 @@ export default {
 							jsep: jsep,
 							// Add data:true here if you want to subscribe to datachannels as well
 							// (obviously only works if the publisher offered them in the first place)
-							media: {audioSend: false, videoSend: false},	// We want recvonly audio/video
+							media: { audioSend: false, videoSend: false },	// We want recvonly audio/video
 							success: (jsep) => {
 								log('venueless', 'debug', 'Got SDP!', jsep)
-								var body = {request: 'start', room: this.roomId}
-								remoteFeed.send({message: body, jsep: jsep})
+								var body = { request: 'start', room: this.roomId }
+								remoteFeed.send({ message: body, jsep: jsep })
 							},
 							error: (error) => {
 								log('venueless', 'error', 'WebRTC error:', error)
@@ -709,7 +709,7 @@ export default {
 							token: this.token,
 							display: 'venueless user', // we abuse janus' display name field for the venueless user id
 						}
-						this.mainPluginHandle.send({message: register})
+						this.mainPluginHandle.send({ message: register })
 					},
 					error: (error) => {
 						this.connectionState = 'failed'
@@ -821,7 +821,7 @@ export default {
 						}
 						if (jsep) {
 							log('venueless', 'debug', 'Handling SDP as well...', jsep)
-							this.mainPluginHandle.handleRemoteJsep({jsep: jsep})
+							this.mainPluginHandle.handleRemoteJsep({ jsep: jsep })
 							// Check if any of the media we wanted to publish has
 							// been rejected (e.g., wrong or unsupported codec)
 							var audio = msg.audio_codec
@@ -845,8 +845,8 @@ export default {
 							if (newUpstreamBitrate !== this.upstreamBitrate) {
 								this.upstreamBitrate = newUpstreamBitrate
 								log('venueless', 'info', 'Received slowLink on outgoing video, reducing bitrate to ' + this.upstreamBitrate)
-								const publish = {request: 'configure', audio: true, video: this.publishingWithVideo, bitrate: this.upstreamBitrate}
-								this.mainPluginHandle.send({message: publish})
+								const publish = { request: 'configure', audio: true, video: this.publishingWithVideo, bitrate: this.upstreamBitrate }
+								this.mainPluginHandle.send({ message: publish })
 								this.upstreamSlowLinkCount = 0
 							} else {
 								if (this.upstreamSlowLinkCount > 5) {
@@ -941,7 +941,7 @@ export default {
 			})
 		},
 		async fetchUser(feed) {
-			feed.venueless_user = await api.call('januscall.identify', {id: feed.rfid})
+			feed.venueless_user = await api.call('januscall.identify', { id: feed.rfid })
 			const rfindex = this.feeds.findIndex((rf) => rf.rfid === feed.rfid)
 			this.$set(this.feeds, rfindex, feed) // force reactivity
 		},
diff --git a/webapp/src/components/link-icon-button.vue b/webapp/src/components/link-icon-button.vue
index 4c06dcb7..4f2318eb 100644
--- a/webapp/src/components/link-icon-button.vue
+++ b/webapp/src/components/link-icon-button.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-router-link.bunt-icon-button(:to="to", :class="{disabled}", v-tooltip="tooltipOptions || {text: tooltip, placement: tooltipPlacement, fixed: tooltipFixed}", :aria-disabled="disabled", :aria-label="tooltip || iconClass()")
+router-link.bunt-icon-button(:to="to", :class="{ disabled }", v-tooltip="tooltipOptions || { text: tooltip, placement: tooltipPlacement, fixed: tooltipFixed }", :aria-disabled="disabled", :aria-label="tooltip || iconClass()")
 	i.bunt-icon.mdi(v-if="iconClass()", :class="[iconClass()]", aria-hidden="true")
 	slot(v-else)
 	ripple-ink(v-if!="!noInk && !disabled")
diff --git a/webapp/src/components/notifications/ContactRequestNotification.vue b/webapp/src/components/notifications/ContactRequestNotification.vue
index 021545f8..82aad44b 100644
--- a/webapp/src/components/notifications/ContactRequestNotification.vue
+++ b/webapp/src/components/notifications/ContactRequestNotification.vue
@@ -7,7 +7,7 @@
 		.display-name {{ contactRequest.user ? contactRequest.user.profile.display_name : '' }}
 	.actions
 		bunt-button#btn-accept(@click="accept") {{ $t('ContactRequest:accept-button:label') }}
-	.timer(:style="{'--late-start-gap': lateStartGap + 's'}")
+	.timer(:style="{ '--late-start-gap': lateStartGap + 's' }")
 </template>
 <script>
 import Avatar from 'components/Avatar'
diff --git a/webapp/src/components/notifications/index.vue b/webapp/src/components/notifications/index.vue
index 0dd5312d..d6daa451 100644
--- a/webapp/src/components/notifications/index.vue
+++ b/webapp/src/components/notifications/index.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-.c-notifications(:class="{'has-background-media': hasBackgroundMedia}")
+.c-notifications(:class="{ 'has-background-media': hasBackgroundMedia }")
 	notification-permission-notification(v-if="showNotificationPermissionPrompt")
 	contact-request-notification(v-for="contactRequest of openContactRequests", :contactRequest="contactRequest")
 	announcement(v-for="announcement of visibleAnnouncements", :announcement="announcement")
diff --git a/webapp/src/components/profile/ChangeAdditionalFields.vue b/webapp/src/components/profile/ChangeAdditionalFields.vue
index 093a537c..b2b96b04 100644
--- a/webapp/src/components/profile/ChangeAdditionalFields.vue
+++ b/webapp/src/components/profile/ChangeAdditionalFields.vue
@@ -2,8 +2,8 @@
 .c-additional-fields
 	template(v-for="field of fields")
 		bunt-input(v-if="field.type === 'text'", :name="field.label", :label="field.label", v-model="value[field.id]", :disabled="disabled")
-		bunt-input-outline-container(v-if="field.type === 'textarea'", :label="field.label", :name="field.label", :class="{disabled: disabled}")
-			textarea(slot-scope="{focus, blur}", @focus="focus", @blur="blur", v-model="value[field.id]", :disabled="disabled")
+		bunt-input-outline-container(v-if="field.type === 'textarea'", :label="field.label", :name="field.label", :class="{ disabled: disabled }")
+			textarea(slot-scope="{ focus, blur }", @focus="focus", @blur="blur", v-model="value[field.id]", :disabled="disabled")
 		bunt-select(v-if="field.type === 'select'", v-model="value[field.id]", :label="field.label", name="field.label", :options="field.choices.split(', ')", :disabled="disabled")
 		bunt-input(v-if="field.type === 'link'", :name="field.label", :label="field.label", v-model="value[field.id]", :disabled="disabled")
 </template>
diff --git a/webapp/src/components/profile/ChangeAvatar.vue b/webapp/src/components/profile/ChangeAvatar.vue
index 2aac104b..eb8f231b 100644
--- a/webapp/src/components/profile/ChangeAvatar.vue
+++ b/webapp/src/components/profile/ChangeAvatar.vue
@@ -8,7 +8,7 @@
 		.file-error(v-if="fileError")
 			.mdi.mdi-alert-octagon
 			.message {{ fileError }}
-		cropper(v-else-if="avatarImage", ref="cropper", classname="cropper", stencil-component="circle-stencil", :src="avatarImage", :stencil-props="{aspectRatio: '1/1'}", :restrictions="pixelsRestrictions")
+		cropper(v-else-if="avatarImage", ref="cropper", classname="cropper", stencil-component="circle-stencil", :src="avatarImage", :stencil-props="{ aspectRatio: '1/1' }", :restrictions="pixelsRestrictions")
 		identicon(v-else, :user="identiconUser", @click.native="changeIdenticon")
 </template>
 <script>
@@ -88,7 +88,7 @@ export default {
 				img.src = event.target.result
 			}
 		},
-		pixelsRestrictions({minWidth, minHeight, maxWidth, maxHeight, imageWidth, imageHeight}) {
+		pixelsRestrictions({ minWidth, minHeight, maxWidth, maxHeight, imageWidth, imageHeight }) {
 			return {
 				minWidth: Math.max(128, minWidth),
 				minHeight: Math.max(128, minHeight),
@@ -100,7 +100,7 @@ export default {
 			return new Promise((resolve, reject) => {
 				const { canvas } = this.$refs.cropper?.getResult() || {}
 				if (!canvas) {
-					this.$emit('input', {identicon: this.identicon})
+					this.$emit('input', { identicon: this.identicon })
 					return resolve()
 				}
 				if (!this.changedImage) return resolve()
@@ -109,7 +109,7 @@ export default {
 					const request = api.uploadFile(blob, 'avatar.png', null, MAX_AVATAR_SIZE, MAX_AVATAR_SIZE)
 					request.addEventListener('load', (event) => {
 						const response = JSON.parse(request.responseText)
-						this.$emit('input', {url: response.url})
+						this.$emit('input', { url: response.url })
 						resolve()
 					})
 				}, 'image/png') // TODO use original mimetype
diff --git a/webapp/src/components/profile/ConnectGravatar.vue b/webapp/src/components/profile/ConnectGravatar.vue
index 7c2e0fc5..439c7707 100644
--- a/webapp/src/components/profile/ConnectGravatar.vue
+++ b/webapp/src/components/profile/ConnectGravatar.vue
@@ -46,7 +46,7 @@ export default {
 				const request = api.uploadFile(imageBlob, 'avatar.png')
 				request.addEventListener('load', (event) => {
 					const response = JSON.parse(request.responseText)
-					output.avatar = {url: response.url}
+					output.avatar = { url: response.url }
 					this.$emit('change', output)
 				})
 			} catch (e) {
diff --git a/webapp/src/components/profile/GreetingPrompt.vue b/webapp/src/components/profile/GreetingPrompt.vue
index 371ea229..527d8f14 100644
--- a/webapp/src/components/profile/GreetingPrompt.vue
+++ b/webapp/src/components/profile/GreetingPrompt.vue
@@ -39,7 +39,7 @@ prompt.c-profile-greeting-prompt(:allowCancel="false")
 			change-additional-fields(v-model="profile.fields")
 		.actions(v-if="activeStep !== 'connectSocial' && !showConnectGravatar")
 			bunt-button#btn-back(v-if="previousStep", @click="activeStep = previousStep") {{ $t('profile/GreetingPrompt:button-back:label') }}
-			bunt-button#btn-continue(v-if="nextStep", :class="{invalid: $v.$invalid && $v.$dirty}", :disabled="blockSave || $v.$invalid && $v.$dirty", :loading="processingStep", :key="activeStep", @click="toNextStep") {{ $t('profile/GreetingPrompt:button-continue:label') }}
+			bunt-button#btn-continue(v-if="nextStep", :class="{ invalid: $v.$invalid && $v.$dirty }", :disabled="blockSave || $v.$invalid && $v.$dirty", :loading="processingStep", :key="activeStep", @click="toNextStep") {{ $t('profile/GreetingPrompt:button-continue:label') }}
 			bunt-button#btn-finish(v-else, :loading="saving", :disabled="blockSave", @click="update") {{ $t('profile/GreetingPrompt:button-finish:label') }}
 </template>
 <script>
@@ -143,7 +143,7 @@ export default {
 				await this.$refs.step.update()
 			}
 			this.profile.greeted = true // override even if explicitly set to false by server
-			await this.$store.dispatch('updateUser', {profile: this.profile})
+			await this.$store.dispatch('updateUser', { profile: this.profile })
 			localStorage.userLanguage = this.interfaceLanguage
 			await this.$store.dispatch('updateUserLocale', this.interfaceLanguage)
 			// TODO error handling
diff --git a/webapp/src/components/profile/ProfileFields.vue b/webapp/src/components/profile/ProfileFields.vue
index da11efa4..d8c6969a 100644
--- a/webapp/src/components/profile/ProfileFields.vue
+++ b/webapp/src/components/profile/ProfileFields.vue
@@ -43,7 +43,7 @@ export default {
 		fields() {
 			if (!this.user.profile?.fields) return
 			return this.world?.profile_fields
-				.map(field => ({...field, value: this.user.profile.fields[field.id]}))
+				.map(field => ({ ...field, value: this.user.profile.fields[field.id] }))
 				.filter(field => !!field.value)
 		},
 	},
diff --git a/webapp/src/views/admin/announcements/index.vue b/webapp/src/views/admin/announcements/index.vue
index e6b9061a..3c8ce1bc 100644
--- a/webapp/src/views/admin/announcements/index.vue
+++ b/webapp/src/views/admin/announcements/index.vue
@@ -12,7 +12,7 @@
 				.show-until show until
 			.tbody(v-scrollbar.y="")
 				router-link.announcement.table-row(v-for="announcement of announcements", :to="{name: 'admin:announcements:item', params: {announcementId: announcement.id}}")
-					.state(:class="[announcement.state, {expired: announcement.expired}]")
+					.state(:class="[announcement.state, { expired: announcement.expired }]")
 					.text {{ announcement.text }}
 					.show-until {{ announcement.show_until ? announcement.show_until.format('LLL') : '' }}
 		router-view(:announcements="rawAnnouncements")
diff --git a/webapp/src/views/admin/announcements/item.vue b/webapp/src/views/admin/announcements/item.vue
index a50ef72e..828ae62d 100644
--- a/webapp/src/views/admin/announcements/item.vue
+++ b/webapp/src/views/admin/announcements/item.vue
@@ -1,22 +1,22 @@
 <template lang="pug">
-.c-announcement(v-if="announcement", :class="[announcement.state, {expired: announcement.expired}]")
+.c-announcement(v-if="announcement", :class="[announcement.state, { expired: announcement.expired }]")
 	.header
 		h2(v-if="!announcement.id") Draft New Announcement
 		template(v-else)
 			h2 Edit
 			.actions
-				bunt-link-button#btn-clone(:to="{name: 'admin:announcements:item', params: {announcementId: 'new'}, query: {text: announcement.text, show_until: announcement.show_until ? announcement.show_until.format() : null}}") Clone
+				bunt-link-button#btn-clone(:to="{ name: 'admin:announcements:item', params: { announcementId: 'new' }, query: { text: announcement.text, show_until: announcement.show_until ? announcement.show_until.format() : null } }") Clone
 				bunt-button#btn-progress-state(v-if="announcement.state !== 'archived'", :loading="settingState", @click="progressState") {{ announcement.state === 'draft' ? 'activate' : 'archive' }}
 	scrollbars(y)
 		bunt-input-outline-container(label="Text", name="text")
-			textarea.text(slot-scope="{focus, blur}", @focus="focus", @blur="blur", v-model="announcement.text", :disabled="announcement.state !== 'draft'")
+			textarea.text(slot-scope="{ focus, blur }", @focus="focus", @blur="blur", v-model="announcement.text", :disabled="announcement.state !== 'draft'")
 		bunt-input.floating-label(name="show-until", label="Show Until", type="datetime-local", v-model="plainShowUntil", :disabled="announcement.state !== 'draft'")
 		.button-group
-			bunt-button(:class="{selected: !announcement.show_until}", @click="clearShowUntil", :disabled="announcement.state !== 'draft'") forever
-			bunt-button(@click="modifyToShowUntil({minutes: 10})", :disabled="announcement.state !== 'draft'") {{showUntilModifyOperator}}10min
-			bunt-button(@click="modifyToShowUntil({minutes: 30})", :disabled="announcement.state !== 'draft'") {{showUntilModifyOperator}}30min
-			bunt-button(@click="modifyToShowUntil({hours: 1})", :disabled="announcement.state !== 'draft'") {{showUntilModifyOperator}}1h
-			bunt-button(@click="modifyToShowUntil({hours: 24})", :disabled="announcement.state !== 'draft'") {{showUntilModifyOperator}}24h
+			bunt-button(:class="{ selected: !announcement.show_until }", @click="clearShowUntil", :disabled="announcement.state !== 'draft'") forever
+			bunt-button(@click="modifyToShowUntil({ minutes: 10 })", :disabled="announcement.state !== 'draft'") {{showUntilModifyOperator}}10min
+			bunt-button(@click="modifyToShowUntil({ minutes: 30 })", :disabled="announcement.state !== 'draft'") {{showUntilModifyOperator}}30min
+			bunt-button(@click="modifyToShowUntil({ hours: 1 })", :disabled="announcement.state !== 'draft'") {{showUntilModifyOperator}}1h
+			bunt-button(@click="modifyToShowUntil({ hours: 24 })", :disabled="announcement.state !== 'draft'") {{showUntilModifyOperator}}24h
 		bunt-button#btn-save(:loading="saving", @click="save", :disabled="announcement.state !== 'draft'") {{ !announcement.id ? 'create' : 'save' }}
 </template>
 <script>
diff --git a/webapp/src/views/admin/config/SchedulePrompt.vue b/webapp/src/views/admin/config/SchedulePrompt.vue
index 028ec762..a9835807 100644
--- a/webapp/src/views/admin/config/SchedulePrompt.vue
+++ b/webapp/src/views/admin/config/SchedulePrompt.vue
@@ -89,7 +89,7 @@ export default {
 				if (data.error) {
 					this.error = data.error
 				} else {
-					this.$emit('save', {url: data.url})
+					this.$emit('save', { url: data.url })
 				}
 				this.uploading = false
 			}).catch(error => {
@@ -102,17 +102,17 @@ export default {
 			this.error = null
 			this.$v.$touch()
 			if (this.$v.$invalid) return
-			this.$emit('save', {domain: this.domain, event: this.event})
+			this.$emit('save', { domain: this.domain, event: this.event })
 		},
 		saveConftool() {
 			this.error = null
-			this.$emit('save', {conftool: true, url: this.currentConfig.url})
+			this.$emit('save', { conftool: true, url: this.currentConfig.url })
 		},
 		saveURL() {
 			this.error = null
 			this.$v.$touch()
 			if (this.$v.$invalid) return
-			this.$emit('save', {url: this.url})
+			this.$emit('save', { url: this.url })
 		},
 	}
 }
diff --git a/webapp/src/views/admin/config/audit-log.vue b/webapp/src/views/admin/config/audit-log.vue
index ca55b4b5..052495de 100644
--- a/webapp/src/views/admin/config/audit-log.vue
+++ b/webapp/src/views/admin/config/audit-log.vue
@@ -9,7 +9,7 @@
 			.user User
 			.type Action type
 			.data Data
-		RecycleScroller.tbody.bunt-scrollbar(v-if="filteredEntries", :items="filteredEntries", :item-size="48", v-slot="{item: entry}", v-scrollbar.y="")
+		RecycleScroller.tbody.bunt-scrollbar(v-if="filteredEntries", :items="filteredEntries", :item-size="48", v-slot="{ item: entry }", v-scrollbar.y="")
 			div.logentry.table-row(@click.prevent="detailsPrompt = entry")
 				.timestamp {{ moment(entry.timestamp).format('L LT') }}
 				.user
diff --git a/webapp/src/views/admin/config/index.vue b/webapp/src/views/admin/config/index.vue
index 1a31084a..118f47aa 100644
--- a/webapp/src/views/admin/config/index.vue
+++ b/webapp/src/views/admin/config/index.vue
@@ -2,15 +2,15 @@
 .c-admin-config
 	nav.admin-nav
 		h1 Configuration
-		router-link(:to="{name: 'admin:config'}") Event
-		router-link(:to="{name: 'admin:config:schedule'}") Schedule
-		router-link(:to="{name: 'admin:config:theme'}") Theme
-		router-link(:to="{name: 'admin:config:permissions'}") Permissions
-		router-link(:to="{name: 'admin:config:registration'}") User Profile
-		router-link(:to="{name: 'admin:config:privacy'}") Privacy
-		router-link(:to="{name: 'admin:config:token-generator'}") Token Generator
-		router-link(:to="{name: 'admin:config:audit-log'}") Audit Log
-		router-link(:to="{name: 'admin:config:reports'}") Reports
+		router-link(:to="{ name: 'admin:config' }") Event
+		router-link(:to="{ name: 'admin:config:schedule' }") Schedule
+		router-link(:to=" {name: 'admin:config:theme' }") Theme
+		router-link(:to="{ name: 'admin:config:permissions' }") Permissions
+		router-link(:to="{ name: 'admin:config:registration' }") User Profile
+		router-link(:to="{ name: 'admin:config:privacy' }") Privacy
+		router-link(:to="{ name: 'admin:config:token-generator' }") Token Generator
+		router-link(:to="{ name: 'admin:config:audit-log' }") Audit Log
+		router-link(:to="{ name: 'admin:config:reports' }") Reports
 	router-view
 </template>
 <script>
diff --git a/webapp/src/views/admin/config/main.vue b/webapp/src/views/admin/config/main.vue
index 196eb366..8d14b6e2 100644
--- a/webapp/src/views/admin/config/main.vue
+++ b/webapp/src/views/admin/config/main.vue
@@ -30,8 +30,8 @@
 			bunt-checkbox(v-model="config.bbb_defaults.bbb_disable_cam", label="Disable camera for non-moderators", name="bbb_disable_cam")
 			bunt-checkbox(v-model="config.bbb_defaults.bbb_disable_chat", label="Disable public chat for non-moderators", name="bbb_disable_chat")
 			h2 Settings for stages
-			bunt-input-outline-container(label="hls.js config", :class="{error: $v.hlsConfig.$invalid}")
-				textarea(slot-scope="{focus, blur}", @focus="focus", @blur="blur", v-model="hlsConfig")
+			bunt-input-outline-container(label="hls.js config", :class="{ error: $v.hlsConfig.$invalid }")
+				textarea(slot-scope="{ focus, blur }", @focus="focus", @blur="blur", v-model="hlsConfig")
 			.json-error-message {{ $v.hlsConfig.$params.isJson.message }}
 	.ui-form-actions
 		bunt-button.btn-save(@click="save", :loading="saving", :error-message="error") Save
diff --git a/webapp/src/views/admin/config/privacy.vue b/webapp/src/views/admin/config/privacy.vue
index 34eef674..bf7086de 100644
--- a/webapp/src/views/admin/config/privacy.vue
+++ b/webapp/src/views/admin/config/privacy.vue
@@ -66,7 +66,7 @@ export default {
 			}]
 			this.iframeDomains.push(...Object.entries(this.config.iframe_blockers)
 				.filter(([domain, domainConfig]) => domain !== 'default')
-				.map(([domain, {enabled, policy_url}]) => ({
+				.map(([domain, { enabled, policy_url }]) => ({
 					domain,
 					enabled,
 					policy_url
@@ -83,7 +83,7 @@ export default {
 			this.$v.$touch()
 			if (this.$v.$invalid) return
 
-			const iframeBlockers = Object.fromEntries(this.iframeDomains.map(({domain, enabled, policy_url}) => [
+			const iframeBlockers = Object.fromEntries(this.iframeDomains.map(({ domain, enabled, policy_url }) => [
 				domain,
 				{
 					enabled,
@@ -92,7 +92,7 @@ export default {
 			]))
 
 			this.saving = true
-			await api.call('world.config.patch', {iframe_blockers: iframeBlockers})
+			await api.call('world.config.patch', { iframe_blockers: iframeBlockers })
 			this.saving = false
 			// TODO error handling
 		},
diff --git a/webapp/src/views/admin/config/registration.vue b/webapp/src/views/admin/config/registration.vue
index 0e52ef6f..8294585c 100644
--- a/webapp/src/views/admin/config/registration.vue
+++ b/webapp/src/views/admin/config/registration.vue
@@ -113,7 +113,7 @@ export default {
 	},
 	methods: {
 		addField() {
-			this.config.profile_fields.push({id: uuid(), label: '', type: 'text', searchable: false})
+			this.config.profile_fields.push({ id: uuid(), label: '', type: 'text', searchable: false })
 		},
 		removeField(field) {
 			this.$delete(this.config.profile_fields, field)
diff --git a/webapp/src/views/admin/config/reports.vue b/webapp/src/views/admin/config/reports.vue
index 33e09fb9..88b98ae1 100644
--- a/webapp/src/views/admin/config/reports.vue
+++ b/webapp/src/views/admin/config/reports.vue
@@ -23,13 +23,13 @@
 		bunt-button.btn-generate(@click="run('attendee_session_list', {})", :error="task == 'attendee_session_list' && error") Generate XLSX per session
 		h3 Chat history
 		bunt-select(v-model="channel", label="Room", name="channel", :options="channels", option-label="name")
-		bunt-button.btn-generate(@click="run('chat_history', {channel})", :disabled="!channel", :error="task == 'chat_history' && error") Generate XLSX
+		bunt-button.btn-generate(@click="run('chat_history', { channel })", :disabled="!channel", :error="task == 'chat_history' && error") Generate XLSX
 		h3 Questions
 		bunt-select(v-model="questionRoom", label="Room", name="questionRoom", :options="questionRooms", option-label="name")
-		bunt-button.btn-generate(@click="run('question_history', {room: questionRoom})", :disabled="!questionRoom", :error="task == 'question_history' && error") Generate XLSX
+		bunt-button.btn-generate(@click="run('question_history', { room: questionRoom })", :disabled="!questionRoom", :error="task == 'question_history' && error") Generate XLSX
 		h3 Polls
 		bunt-select(v-model="pollRoom", label="Room", name="pollRoom", :options="pollRooms", option-label="name")
-		bunt-button.btn-generate(@click="run('poll_history', {room: pollRoom})", :disabled="!pollRoom", :error="task == 'poll_history' && error") Generate XLSX
+		bunt-button.btn-generate(@click="run('poll_history', { room: pollRoom })", :disabled="!pollRoom", :error="task == 'poll_history' && error") Generate XLSX
 	transition(name="prompt")
 		prompt.report-result-prompt(v-if="running || result", @close="clear")
 			.content
@@ -44,7 +44,7 @@
 import { mapState } from 'vuex'
 import api from 'lib/api'
 import moment from 'lib/timetravelMoment'
-import {helpers, required} from 'vuelidate/lib/validators'
+import { helpers, required } from 'vuelidate/lib/validators'
 import Prompt from 'components/Prompt'
 
 const day = helpers.regex('day', /^[0-9]{4}-[0-9]{2}-[0-9]{2}$/)
diff --git a/webapp/src/views/admin/config/schedule.vue b/webapp/src/views/admin/config/schedule.vue
index b106d777..c1e927dd 100644
--- a/webapp/src/views/admin/config/schedule.vue
+++ b/webapp/src/views/admin/config/schedule.vue
@@ -70,13 +70,13 @@ export default {
 	computed: {
 		sourceOptions() {
 			const sourceOptions = [
-				{id: null, label: 'No Schedule'},
-				{id: 'pretalx', label: 'Eventyay-talk'},
-				{id: 'file', label: 'File Upload'},
-				{id: 'url', label: 'External URL'},
+				{ id: null, label: 'No Schedule' },
+				{ id: 'pretalx', label: 'Eventyay-talk' },
+				{ id: 'file', label: 'File Upload' },
+				{ id: 'url', label: 'External URL' },
 			]
 			if (this.$features.enabled('conftool')) {
-				sourceOptions.push({id: 'conftool', label: 'Conftool'})
+				sourceOptions.push({ id: 'conftool', label: 'Conftool' })
 			}
 			return sourceOptions
 		},
@@ -197,7 +197,7 @@ export default {
 			// save pretalx config first
 			if (!await this.save()) return
 			this.connecting = true
-			const {results: [token]} = await api.call('world.tokens.generate', {
+			const { results: [token] } = await api.call('world.tokens.generate', {
 				number: 1,
 				days: 365,
 				traits: ['schedule-update'],
@@ -210,7 +210,7 @@ export default {
 			this.$v.$touch()
 			if (this.$v.$invalid) return false
 			this.saving = true
-			await api.call('world.config.patch', {pretalx: this.config.pretalx})
+			await api.call('world.config.patch', { pretalx: this.config.pretalx })
 			// TODO error handling
 			this.saving = false
 			return true
diff --git a/webapp/src/views/admin/config/theme.vue b/webapp/src/views/admin/config/theme.vue
index a885e735..9ec928bf 100644
--- a/webapp/src/views/admin/config/theme.vue
+++ b/webapp/src/views/admin/config/theme.vue
@@ -96,10 +96,10 @@ export default {
 			this.config = await api.call('world.config.get')
 
 			// Enforce some defaults
-			this.config.theme = {logo: {}, colors: {}, streamOfflineImage: null, textOverwrites: {}, ...this.config.theme}
-			this.config.theme.colors = {...DEFAULT_COLORS, ...this.config.theme.colors}
-			this.config.theme.logo = {...DEFAULT_LOGO, ...this.config.theme.logo}
-			this.config.theme.identicons = {...DEFAULT_IDENTICONS, ...this.config.theme.identicons}
+			this.config.theme = { logo: {}, colors: {}, streamOfflineImage: null, textOverwrites: {}, ...this.config.theme }
+			this.config.theme.colors = { ...DEFAULT_COLORS, ...this.config.theme.colors }
+			this.config.theme.logo = { ...DEFAULT_LOGO, ...this.config.theme.logo }
+			this.config.theme.identicons = { ...DEFAULT_IDENTICONS, ...this.config.theme.identicons }
 		} catch (error) {
 			this.error = error
 			console.log(error)
@@ -118,7 +118,7 @@ export default {
 			}
 
 			this.saving = true
-			await api.call('world.config.patch', {theme: this.config.theme})
+			await api.call('world.config.patch', { theme: this.config.theme })
 			this.saving = false
 			// TODO error handling
 
diff --git a/webapp/src/views/admin/config/token-generator.vue b/webapp/src/views/admin/config/token-generator.vue
index 875348b3..d6afe9d0 100644
--- a/webapp/src/views/admin/config/token-generator.vue
+++ b/webapp/src/views/admin/config/token-generator.vue
@@ -9,7 +9,7 @@
 								:value="traits ? traits.join(', ') : ''")
 		bunt-button.btn-generate(@click="save", :loading="saving") Generate
 		bunt-input-outline-container(label="Result")
-			textarea(slot-scope="{focus, blur}", @focus="focus", @blur="blur", v-model="result")
+			textarea(slot-scope="{ focus, blur }", @focus="focus", @blur="blur", v-model="result")
 </template>
 <script>
 import api from 'lib/api'
@@ -42,9 +42,9 @@ export default {
 			this.config = await api.call('world.config.get')
 
 			// Enforce some defaults
-			this.config.theme = {logo: {}, colors: {}, streamOfflineImage: null, textOverwrites: {}, ...this.config.theme}
-			this.config.theme.colors = {...DEFAULT_COLORS, ...this.config.theme.colors}
-			this.config.theme.logo = {...DEFAULT_LOGO, ...this.config.theme.logo}
+			this.config.theme = { logo: {}, colors: {}, streamOfflineImage: null, textOverwrites: {}, ...this.config.theme }
+			this.config.theme.colors = { ...DEFAULT_COLORS, ...this.config.theme.colors }
+			this.config.theme.logo = { ...DEFAULT_LOGO, ...this.config.theme.logo }
 		} catch (error) {
 			this.error = error
 			console.log(error)
diff --git a/webapp/src/views/admin/kiosks/index.vue b/webapp/src/views/admin/kiosks/index.vue
index 00aed1a3..2098aed1 100644
--- a/webapp/src/views/admin/kiosks/index.vue
+++ b/webapp/src/views/admin/kiosks/index.vue
@@ -3,7 +3,7 @@
 	.header
 		.actions
 			h2 Kiosks
-			bunt-link-button.btn-create(:to="{name: 'admin:kiosks:new'}") Create a new kiosk
+			bunt-link-button.btn-create(:to="{ name: 'admin:kiosks:new' }") Create a new kiosk
 		bunt-input.search(name="search", placeholder="Search kiosks", icon="search", v-model="search")
 	.kiosks-list
 		.header
@@ -37,7 +37,7 @@ export default {
 		}
 	},
 	async created() {
-		this.kiosks = (await api.call('user.list', {type: 'kiosk'})).results
+		this.kiosks = (await api.call('user.list', { type: 'kiosk' })).results
 	}
 }
 </script>
diff --git a/webapp/src/views/admin/kiosks/item.vue b/webapp/src/views/admin/kiosks/item.vue
index f1fe85de..b66f492c 100644
--- a/webapp/src/views/admin/kiosks/item.vue
+++ b/webapp/src/views/admin/kiosks/item.vue
@@ -3,7 +3,7 @@
 	.error(v-if="error") We could not fetch the current configuration.
 	template(v-else-if="kiosk")
 		.ui-page-header
-			bunt-icon-button(@click="$router.push({name: 'admin:kiosks:index'})") arrow_left
+			bunt-icon-button(@click="$router.push({ name: 'admin:kiosks:index' })") arrow_left
 			h1 {{ kiosk.profile.display_name }}
 			.actions
 				bunt-button.btn-delete-kiosk(@click="showDeletePrompt = true") delete
@@ -91,7 +91,7 @@ export default {
 	},
 	async created() {
 		try {
-			this.kiosk = await api.call('user.kiosk.fetch', {id: this.kioskId})
+			this.kiosk = await api.call('user.kiosk.fetch', { id: this.kioskId })
 			if (!this.kiosk.profile.show_reactions) this.$set(this.kiosk.profile, 'show_reactions', true)
 			if (!this.kiosk.profile.slides) this.$set(this.kiosk.profile, 'slides', {
 				pinned_poll: true,
@@ -128,8 +128,8 @@ export default {
 			this.deleting = true
 			this.deleteError = null
 			try {
-				await api.call('user.delete', {id: this.kiosk.id})
-				this.$router.replace({name: 'admin:kiosks:index'})
+				await api.call('user.delete', { id: this.kiosk.id })
+				this.$router.replace({ name: 'admin:kiosks:index' })
 			} catch (error) {
 				this.deleteError = this.$t(`error:${error.code}`)
 			}
diff --git a/webapp/src/views/admin/kiosks/new.vue b/webapp/src/views/admin/kiosks/new.vue
index c0871ca1..34bfbd75 100644
--- a/webapp/src/views/admin/kiosks/new.vue
+++ b/webapp/src/views/admin/kiosks/new.vue
@@ -1,7 +1,7 @@
 <template lang="pug">
 .c-admin-kiosk-new
 	.ui-page-header
-		bunt-icon-button(@click="$router.replace({name: 'admin:kiosks:index'})") arrow_left
+		bunt-icon-button(@click="$router.replace({ name: 'admin:kiosks:index' })") arrow_left
 		h1 New kiosk
 	.scroll-wrapper(v-scrollbar.y="")
 		.ui-form-body
diff --git a/webapp/src/views/admin/rooms/RoomListItem.vue b/webapp/src/views/admin/rooms/RoomListItem.vue
index 7987bef5..8b2722d6 100644
--- a/webapp/src/views/admin/rooms/RoomListItem.vue
+++ b/webapp/src/views/admin/rooms/RoomListItem.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
 router-link.c-room-list-item.table-row(:to="{name: 'admin:rooms:item', params: {roomId: room.id}}")
-	.handle.mdi.mdi-drag-vertical(class="{disabled}", v-handle, v-tooltip="disabled ? 'sorting is disabled while searching' : ''")
+	.handle.mdi.mdi-drag-vertical(class="{ disabled }", v-handle, v-tooltip="disabled ? 'sorting is disabled while searching' : ''")
 	.name {{ room.name }}
 </template>
 <script>
diff --git a/webapp/src/views/admin/rooms/index.vue b/webapp/src/views/admin/rooms/index.vue
index 280dd082..822e220a 100644
--- a/webapp/src/views/admin/rooms/index.vue
+++ b/webapp/src/views/admin/rooms/index.vue
@@ -3,7 +3,7 @@
 	.header
 		.actions
 			h2 Rooms
-			bunt-link-button.btn-create(:to="{name: 'admin:rooms:new'}") Create a new room
+			bunt-link-button.btn-create(:to="{ name: 'admin:rooms:new' }") Create a new room
 		bunt-input.search(name="search", placeholder="Search rooms", icon="search", v-model="search")
 	.rooms-list
 		.header
diff --git a/webapp/src/views/admin/rooms/item.vue b/webapp/src/views/admin/rooms/item.vue
index 28e132cd..b0228f36 100644
--- a/webapp/src/views/admin/rooms/item.vue
+++ b/webapp/src/views/admin/rooms/item.vue
@@ -3,7 +3,7 @@
 	.error(v-if="error") We could not fetch the current configuration.
 	template(v-else-if="config")
 		.ui-page-header
-			bunt-icon-button(@click="$router.push({name: 'admin:rooms:index'})") arrow_left
+			bunt-icon-button(@click="$router.push({ name: 'admin:rooms:index' })") arrow_left
 			h1 {{ inferredType ? inferredType.name : 'Mystery Room' }} :
 				span.room-name(v-html="$emojify(config.name)")
 			.actions
@@ -50,7 +50,7 @@ export default {
 	},
 	async created() {
 		try {
-			this.config = await api.call('room.config.get', {room: this.roomId})
+			this.config = await api.call('room.config.get', { room: this.roomId })
 		} catch (error) {
 			this.error = error
 			console.error(error)
@@ -62,8 +62,8 @@ export default {
 			this.deleting = true
 			this.deleteError = null
 			try {
-				await api.call('room.delete', {room: this.config.id})
-				this.$router.replace({name: 'admin:rooms:index'})
+				await api.call('room.delete', { room: this.config.id })
+				this.$router.replace({ name: 'admin:rooms:index' })
 			} catch (error) {
 				this.deleteError = this.$t(`error:${error.code}`)
 			}
diff --git a/webapp/src/views/admin/rooms/new.vue b/webapp/src/views/admin/rooms/new.vue
index 21e37ba7..70b42971 100644
--- a/webapp/src/views/admin/rooms/new.vue
+++ b/webapp/src/views/admin/rooms/new.vue
@@ -1,7 +1,7 @@
 <template lang="pug">
 .c-admin-rooms-new
 	.ui-page-header
-		bunt-icon-button(@click="type ? $router.replace({name: 'admin:rooms:new'}) : $router.replace({name: 'admin:rooms:index'})") arrow_left
+		bunt-icon-button(@click="type ? $router.replace({ name: 'admin:rooms:new' }) : $router.replace({ name: 'admin:rooms:index' })") arrow_left
 		h1 New room
 			template(v-if="chosenType")  : {{ chosenType.name }}
 	.choose-type(v-if="!type", v-scrollbar.y="")
diff --git a/webapp/src/views/admin/rooms/types-edit/SidebarAddons.vue b/webapp/src/views/admin/rooms/types-edit/SidebarAddons.vue
index 7e1cc354..94e6d810 100644
--- a/webapp/src/views/admin/rooms/types-edit/SidebarAddons.vue
+++ b/webapp/src/views/admin/rooms/types-edit/SidebarAddons.vue
@@ -24,7 +24,7 @@ export default {
 			},
 			set(value) {
 				if (value) {
-					this.addModule('chat.native', {volatile: true})
+					this.addModule('chat.native', { volatile: true })
 				} else {
 					this.removeModule('chat.native')
 				}
diff --git a/webapp/src/views/admin/rooms/types-edit/stage.vue b/webapp/src/views/admin/rooms/types-edit/stage.vue
index 1bbd76a9..ec8e7755 100644
--- a/webapp/src/views/admin/rooms/types-edit/stage.vue
+++ b/webapp/src/views/admin/rooms/types-edit/stage.vue
@@ -12,7 +12,7 @@
 			bunt-input(name="label", v-model="a.label", label="Label")
 			bunt-input(name="hls_url", v-model="a.hls_url", label="HLS URL")
 			bunt-icon-button(@click="deleteAlternativeStream(i)") delete-outline
-		bunt-button(@click="$set(modules['livestream.native'].config, 'alternatives', modules['livestream.native'].config.alternatives || []); modules['livestream.native'].config.alternatives.push({label: '', hls_url: ''})") Add alternative stream
+		bunt-button(@click="$set(modules['livestream.native'].config, 'alternatives', modules['livestream.native'].config.alternatives || []); modules['livestream.native'].config.alternatives.push({ label: '', hls_url: '' })") Add alternative stream
 	bunt-input(v-else-if="modules['livestream.youtube']", name="ytid", v-model="modules['livestream.youtube'].config.ytid", label="YouTube Video ID", :validation="$v.modules['livestream.youtube'].config.ytid")
 	// Language and URL input for YouTube stream
 	.language-urls(v-if="modules['livestream.youtube']")
@@ -39,7 +39,7 @@ import features from 'features'
 import UploadUrlInput from 'components/UploadUrlInput'
 import mixin from './mixin'
 import SidebarAddons from './SidebarAddons'
-import {youtubeid} from 'lib/validators'
+import { youtubeid } from 'lib/validators'
 import ISO6391 from 'iso-639-1'
 
 const STREAM_SOURCE_OPTIONS = [
diff --git a/webapp/src/views/admin/user.vue b/webapp/src/views/admin/user.vue
index 07d83a9b..887a8518 100644
--- a/webapp/src/views/admin/user.vue
+++ b/webapp/src/views/admin/user.vue
@@ -2,7 +2,7 @@
 .c-admin-user
 	template(v-if="user")
 		.ui-page-header
-			bunt-icon-button(@click="$router.push({name: 'admin:users'})") arrow_left
+			bunt-icon-button(@click="$router.push({ name: 'admin:users' })") arrow_left
 			h1 User: {{ (user.profile && user.profile.display_name) || user.id }}
 			.actions(v-if="user.id !== ownUser.id")
 				bunt-button.btn-dm(v-if="!user.deleted", @click="openDM") message
@@ -75,25 +75,25 @@ export default {
 		}),
 	},
 	async created() {
-		this.user = await api.call('user.fetch', {id: this.userId})
+		this.user = await api.call('user.fetch', { id: this.userId })
 	},
 	methods: {
 		async openDM() {
 			// TODO loading indicator
-			await this.$store.dispatch('chat/openDirectMessage', {users: [this.user]})
+			await this.$store.dispatch('chat/openDirectMessage', { users: [this.user] })
 		},
 		async startCall() {
-			const channel = await this.$store.dispatch('chat/openDirectMessage', {users: [this.user]})
-			await this.$store.dispatch('chat/startCall', {channel})
+			const channel = await this.$store.dispatch('chat/openDirectMessage', { users: [this.user] })
+			await this.$store.dispatch('chat/startCall', { channel })
 		},
 		async completedUserAction() {
 			this.userAction = null
-			this.user = await api.call('user.fetch', {id: this.userId})
+			this.user = await api.call('user.fetch', { id: this.userId })
 		},
 		async uploadAvatar() {
 			this.savingAvatar = true
 			await this.$refs.avatar.update()
-			await this.$store.dispatch('adminUpdateUser', {profile: Object.assign({}, this.user.profile, {avatar: this.user.profile.avatar}), id: this.user.id})
+			await this.$store.dispatch('adminUpdateUser', { profile: Object.assign({}, this.user.profile, { avatar: this.user.profile.avatar }), id: this.user.id })
 			this.showChangeAvatar = false
 			this.savingAvatar = false
 			this.edit = false
@@ -102,7 +102,7 @@ export default {
 			this.$v.$touch()
 			if (this.$v.$invalid) return
 			this.saving = true
-			await this.$store.dispatch('adminUpdateUser', {profile: this.user.profile, id: this.user.id})
+			await this.$store.dispatch('adminUpdateUser', { profile: this.user.profile, id: this.user.id })
 			this.saving = false
 			this.edit = false
 		}
diff --git a/webapp/src/views/admin/users.vue b/webapp/src/views/admin/users.vue
index bab9343f..72771f51 100644
--- a/webapp/src/views/admin/users.vue
+++ b/webapp/src/views/admin/users.vue
@@ -11,8 +11,8 @@
 			.name Name
 			.state State
 			.actions
-		RecycleScroller.tbody.bunt-scrollbar(v-if="filteredUsers", :items="filteredUsers", :item-size="48", v-slot="{item: user}", v-scrollbar.y="")
-			router-link(:to="{name: 'admin:user', params: {userId: user.id}}", :class="{error: user.error, updating: user.updating}").user.table-row
+		RecycleScroller.tbody.bunt-scrollbar(v-if="filteredUsers", :items="filteredUsers", :item-size="48", v-slot="{ item: user }", v-scrollbar.y="")
+			router-link(:to="{name: 'admin:user', params: {userId: user.id}}", :class="{ error: user.error, updating: user.updating }").user.table-row
 				avatar.avatar(:user="user", :size="32")
 				.id(:title="user.id") {{ user.id }}
 				.tokenid(:title="user.token_id") {{ user.token_id }}
@@ -22,7 +22,7 @@
 				.state {{ user.moderation_state }}
 				.actions(v-if="user.id !== ownUser.id", @click.prevent.stop="")
 					.placeholder.mdi.mdi-dots-horizontal
-					bunt-button.btn-open-dm(@click="$store.dispatch('chat/openDirectMessage', {users: [user]})") message
+					bunt-button.btn-open-dm(@click="$store.dispatch('chat/openDirectMessage', { users: [user] })") message
 					bunt-button.btn-reactivate(
 						v-if="user.moderation_state",
 						:loading="user.updating === 'reactivate'",
@@ -87,7 +87,7 @@ export default {
 			user.updating = action
 			user.error = null
 			try {
-				await api.call(`user.${action}`, {id: user.id})
+				await api.call(`user.${action}`, { id: user.id })
 				user.moderation_state = postState
 			} catch (error) {
 				user.error = {
diff --git a/webapp/src/views/channels/item.vue b/webapp/src/views/channels/item.vue
index b1238c1e..6b21af6d 100644
--- a/webapp/src/views/channels/item.vue
+++ b/webapp/src/views/channels/item.vue
@@ -1,15 +1,15 @@
 <template lang="pug">
-.c-channel(:class="{'has-call': hasCall}")
+.c-channel(:class="{ 'has-call': hasCall }")
 	.ui-page-header
 		h2
-			span.user(v-for="(u, key) in otherUsers", :class="{deleted: u.deleted}")
+			span.user(v-for="(u, key) in otherUsers", :class="{ deleted: u.deleted }")
 				span(v-if="key !== 0") {{ ', ' }}
 				.online-status(v-if="!u.deleted", :class="onlineStatus[u.id] ? 'online' : (onlineStatus[u.id] === false ? 'offline' : 'unknown')", v-tooltip="onlineStatus[u.id] ? $t('UserAction:state.online:tooltip') : (onlineStatus[u.id] === false ? $t('UserAction:state.offline:tooltip') : '')")
 				span {{ u.deleted ? $t('User:label:deleted') : u.profile.display_name }}
 		bunt-icon-button(@click="startCall", tooltip="start video call", tooltipPlacement="left") phone_outline
 	.main
 		media-source-placeholder.channel-call(v-if="hasCall")
-		chat(:mode="hasCall ? 'compact' : 'standalone'", :module="{channel_id: channelId}", :showUserlist="false")
+		chat(:mode="hasCall ? 'compact' : 'standalone'", :module="{ channel_id: channelId }", :showUserlist="false")
 </template>
 <script>
 import { mapState } from 'vuex'
@@ -52,10 +52,10 @@ export default {
 	methods: {
 		startCall() {
 			const channel = this.channel
-			this.$store.dispatch('chat/startCall', {channel})
+			this.$store.dispatch('chat/startCall', { channel })
 		},
 		async pollOnlineStatus() {
-			this.onlineStatus = (await api.call('user.online_status', {ids: this.otherUsers.map(u => u.id)}))
+			this.onlineStatus = (await api.call('user.online_status', { ids: this.otherUsers.map(u => u.id) }))
 			this.pollOnlineStatusStatusTimeout = window.setTimeout(this.pollOnlineStatus, 20000)
 		}
 	}
diff --git a/webapp/src/views/exhibitor-manager/exhibitor.vue b/webapp/src/views/exhibitor-manager/exhibitor.vue
index dde798f8..07857f24 100644
--- a/webapp/src/views/exhibitor-manager/exhibitor.vue
+++ b/webapp/src/views/exhibitor-manager/exhibitor.vue
@@ -3,12 +3,12 @@
 	.error(v-if="error") {{ $t('Exhibitors:exhibitor-not-found:text') }}
 	template(v-else-if="exhibitor")
 		.header
-			bunt-icon-button(@click="$router.push({name: 'exhibitors'})") arrow_left
+			bunt-icon-button(@click="$router.push({ name: 'exhibitors' })") arrow_left
 			h2 {{ exhibitor.name }}
 			.actions
 				.button-group
-					bunt-button(:class="{enabled: !showPreview}", @click="showPreview = false") edit
-					bunt-button(:class="{enabled: showPreview}", @click="showPreview = true") preview
+					bunt-button(:class="{ enabled: !showPreview }", @click="showPreview = false") edit
+					bunt-button(:class="{ enabled: showPreview }", @click="showPreview = true") preview
 				bunt-button.btn-save(@click="save", :loading="saving") {{ $t('Exhibitors:save:label') }}
 		exhibitor-preview(v-show="showPreview", :exhibitorProp="exhibitor")
 		.main-form(v-show="!showPreview", v-scrollbar.y="")
@@ -16,7 +16,7 @@
 			bunt-input(v-model="exhibitor.tagline", :label="$t('Exhibitors:tagline:label')", name="tagline", :validation="$v.exhibitor.tagline")
 			bunt-input(v-model="exhibitor.short_text", :label="$t('Exhibitors:short-text:label')", name="shortText", :validation="$v.exhibitor.shortText")
 			bunt-input-outline-container(v-if="exhibitor.text_legacy", :label="$t('Exhibitors:text:label')")
-				textarea(slot-scope="{focus, blur}", @focus="focus", @blur="blur", v-model="exhibitor.text_legacy")
+				textarea(slot-scope="{ focus, blur }", @focus="focus", @blur="blur", v-model="exhibitor.text_legacy")
 			rich-text-editor(v-else, v-model="exhibitor.text_content")
 			upload-url-input(v-model="exhibitor.logo", :label="$t('Exhibitors:logo:label')", name="logo", :validation="$v.exhibitor.logo")
 			upload-url-input(v-model="exhibitor.banner_list", :label="$t('Exhibitors:banner-list:label')", name="bannerList", :validation="$v.exhibitor.banner_list")
@@ -141,7 +141,7 @@ import UploadUrlInput from 'components/UploadUrlInput'
 import RichTextEditor from 'components/RichTextEditor'
 import ExhibitorPreview from 'views/exhibitors/item'
 
-const absrelurl = (message) => withParams({message: message}, value => helpers.regex('absrelurl', /^(https?:\/\/|mailto:|\/)[^ ]+$/)(value))
+const absrelurl = (message) => withParams({ message: message }, value => helpers.regex('absrelurl', /^(https?:\/\/|mailto:|\/)[^ ]+$/)(value))
 
 export default {
 	components: { Avatar, ExhibitorPreview, Prompt, UploadUrlInput, UserSelect, RichTextEditor },
@@ -165,7 +165,7 @@ export default {
 	computed: {
 		...mapGetters(['hasPermission']),
 		all_rooms_or_none() {
-			const r = [{name: '', id: ''}]
+			const r = [{ name: '', id: '' }]
 			r.push(...this.$store.state.rooms)
 			return r
 		},
@@ -267,7 +267,7 @@ export default {
 	async created() {
 		try {
 			if (this.exhibitorId !== '') {
-				this.exhibitor = (await api.call('exhibition.get', {exhibitor: this.exhibitorId})).exhibitor
+				this.exhibitor = (await api.call('exhibition.get', { exhibitor: this.exhibitorId })).exhibitor
 				this.$set(this.exhibitor, 'downloadLinks', this.exhibitor.links.filter(l => l.category === 'download').sort((a, b) => a.sorting_priority - b.sorting_priority))
 				this.$set(this.exhibitor, 'profileLinks', this.exhibitor.links.filter(l => l.category === 'profile').sort((a, b) => a.sorting_priority - b.sorting_priority))
 			} else {
@@ -302,7 +302,7 @@ export default {
 			this.$delete(this.exhibitor.social_media_links, link)
 		},
 		add_social_media_link() {
-			this.exhibitor.social_media_links.push({display_text: '', url: ''})
+			this.exhibitor.social_media_links.push({ display_text: '', url: '' })
 		},
 		set_social_media_link_text(index, displayText) {
 			this.exhibitor.social_media_links[index].display_text = displayText
@@ -319,9 +319,9 @@ export default {
 		},
 		add_link(category) {
 			if (category === 'profile') {
-				this.exhibitor.profileLinks.push({display_text: '', url: '', category: category, sorting_priority: 0})
+				this.exhibitor.profileLinks.push({ display_text: '', url: '', category: category, sorting_priority: 0 })
 			} else if (category === 'download') {
-				this.exhibitor.downloadLinks.push({display_text: '', url: '', category: category, sorting_priority: 0})
+				this.exhibitor.downloadLinks.push({ display_text: '', url: '', category: category, sorting_priority: 0 })
 			}
 		},
 		up_link(index, category) {
@@ -407,8 +407,8 @@ export default {
 			this.deleting = true
 			this.deleteError = null
 			try {
-				await api.call('exhibition.delete', {exhibitor: this.exhibitorId})
-				this.$router.replace({name: 'exhibitors'})
+				await api.call('exhibition.delete', { exhibitor: this.exhibitorId })
+				this.$router.replace({ name: 'exhibitors' })
 			} catch (error) {
 				this.deleteError = this.$t(`error:${error.code}`)
 			}
diff --git a/webapp/src/views/exhibitor-manager/index.vue b/webapp/src/views/exhibitor-manager/index.vue
index c8c74466..a6937361 100644
--- a/webapp/src/views/exhibitor-manager/index.vue
+++ b/webapp/src/views/exhibitor-manager/index.vue
@@ -7,7 +7,7 @@
 			.exhibitor-label {{ $t("Exhibitors:exhibitor:label") }}
 			.actions
 					bunt-button.btn-create(v-if="hasPermission('world:rooms.create.exhibition')", @click="$router.push({name: 'exhibitors:exhibitor', params: {exhibitorId: ''}})") {{ $t('Exhibitors:create:label') }}
-		RecycleScroller.tbody.bunt-scrollbar(v-if="exhibitors", :items="exhibitors", :item-size="48", v-slot="{item: exhibitor}", v-scrollbar.y="")
+		RecycleScroller.tbody.bunt-scrollbar(v-if="exhibitors", :items="exhibitors", :item-size="48", v-slot="{ item: exhibitor }", v-scrollbar.y="")
 			router-link.exhibitor(:to="{name: 'exhibitors:exhibitor', params: {exhibitorId: exhibitor.id}}").table-row
 				.name {{ exhibitor.name }}
 		bunt-progress-circular(v-else, size="huge", :page="true")
diff --git a/webapp/src/views/exhibitors/item.vue b/webapp/src/views/exhibitors/item.vue
index 1022590e..07b235b9 100644
--- a/webapp/src/views/exhibitors/item.vue
+++ b/webapp/src/views/exhibitors/item.vue
@@ -106,7 +106,7 @@ export default {
 	},
 	async created() {
 		if (this.exhibitor) return
-		this.exhibitorApi = (await api.call('exhibition.get', {exhibitor: this.exhibitorId})).exhibitor
+		this.exhibitorApi = (await api.call('exhibition.get', { exhibitor: this.exhibitorId })).exhibitor
 	},
 	methods: {
 		prettifyUrl(link) {
diff --git a/webapp/src/views/poster-manager/index.vue b/webapp/src/views/poster-manager/index.vue
index 54892805..85be8c0d 100644
--- a/webapp/src/views/poster-manager/index.vue
+++ b/webapp/src/views/poster-manager/index.vue
@@ -6,8 +6,8 @@
 		.header
 			.title {{ $t("poster-manager/index:poster:label") }}
 			.actions
-					bunt-link-button.btn-create(v-if="hasPermission('world:rooms.create.poster')", :to="{name: 'posters:create-poster'}") {{ $t('poster-manager/index:create:label') }}
-		RecycleScroller.tbody.bunt-scrollbar(v-if="posters", :items="posters", :item-size="48", v-slot="{item: poster}", v-scrollbar.y="")
+					bunt-link-button.btn-create(v-if="hasPermission('world:rooms.create.poster')", :to="{ name: 'posters:create-poster' }") {{ $t('poster-manager/index:create:label') }}
+		RecycleScroller.tbody.bunt-scrollbar(v-if="posters", :items="posters", :item-size="48", v-slot="{ item: poster }", v-scrollbar.y="")
 			router-link.poster(:to="{name: 'posters:poster', params: {posterId: poster.id}}").table-row
 				.title {{ poster.title }}
 		bunt-progress-circular(v-else, size="huge", :page="true")
diff --git a/webapp/src/views/poster-manager/poster.vue b/webapp/src/views/poster-manager/poster.vue
index ba2820b8..a0735640 100644
--- a/webapp/src/views/poster-manager/poster.vue
+++ b/webapp/src/views/poster-manager/poster.vue
@@ -3,7 +3,7 @@
 	.error(v-if="error") {{ $t('poster-manager/poster:poster-not-found:text') }}
 	template(v-else-if="poster")
 		.ui-page-header
-			bunt-icon-button(@click="$router.push({name: 'posters'})") arrow_left
+			bunt-icon-button(@click="$router.push({ name: 'posters' })") arrow_left
 			h1 {{ create ? $t('poster-manager/poster:new-poster:title') : poster.title }}
 			.actions
 				bunt-button.btn-delete-poster(v-if="!create", @click="showDeletePrompt = true") delete
@@ -61,7 +61,7 @@
 								bunt-icon-button(@click="poster.links.splice(index, 1)") delete-outline
 						//- 	bunt-icon-button(@click="up_link(index, link.category)") arrow-up-bold-outline
 						//- 	bunt-icon-button(@click="down_link(index, link.category)") arrow-down-bold-outline
-					bunt-button(@click="poster.links.push({display_text: '', url: ''})") {{ $t('poster-manager/poster:btn-add-file') }}
+					bunt-button(@click="poster.links.push({ display_text: '', url: '' })") {{ $t('poster-manager/poster:btn-add-file') }}
 		.ui-form-actions
 			bunt-button.btn-save(@click="save", :loading="saving", :error-message="error") {{ create ? $t('poster-manager/poster:btn-create') : $t('poster-manager/poster:btn-save') }}
 			//- .errors {{ validationErrors.join(', ') }}
@@ -89,7 +89,7 @@
 import * as pdfjs from 'pdfjs-dist/webpack'
 import Quill from 'quill'
 import { mapGetters } from 'vuex'
-import { required} from 'buntpapier/src/vuelidate/validators'
+import { required } from 'buntpapier/src/vuelidate/validators'
 import api from 'lib/api'
 import router from 'router'
 import Avatar from 'components/Avatar'
@@ -133,7 +133,7 @@ export default {
 			return this.room?.modules.find(module => module.type === 'poster.native')
 		},
 		presentationRoomOptions() {
-			return [{name: '', id: ''}, ...this.$store.state.rooms]
+			return [{ name: '', id: '' }, ...this.$store.state.rooms]
 		},
 	},
 	validations() {
@@ -166,7 +166,7 @@ export default {
 				links: []
 			}
 		} else {
-			this.poster = await api.call('poster.get', {poster: this.posterId})
+			this.poster = await api.call('poster.get', { poster: this.posterId })
 			this.poster.abstract = new Delta(this.poster.abstract)
 			this.tags = this.poster.tags.join(',')
 		}
@@ -175,8 +175,8 @@ export default {
 		async generatePosterPreview() {
 			const pdf = await pdfjs.getDocument(this.poster.poster_url).promise
 			const page = await pdf.getPage(1)
-			const unscaledViewport = page.getViewport({scale: 1})
-			const viewport = page.getViewport({scale: 360 / unscaledViewport.height})
+			const unscaledViewport = page.getViewport({ scale: 1 })
+			const viewport = page.getViewport({ scale: 360 / unscaledViewport.height })
 			const canvas = document.createElement('canvas')
 			canvas.height = viewport.height
 			canvas.width = viewport.width
@@ -185,8 +185,8 @@ export default {
 				viewport
 			}).promise
 			const blob = await new Promise(canvas.toBlob.bind(canvas))
-			const {url} = await api.uploadFilePromise(blob, 'poster_preview.png')
-			// TODO handle error (const {url, error} = …)
+			const { url } = await api.uploadFilePromise(blob, 'poster_preview.png')
+			// TODO handle error (const { url, error } = …)
 			this.poster.poster_preview = url
 		},
 		addAuthor() {
@@ -231,8 +231,8 @@ export default {
 			this.deleting = true
 			this.deleteError = null
 			try {
-				await api.call('poster.delete', {poster: this.poster.id})
-				this.$router.replace({name: 'posters'})
+				await api.call('poster.delete', { poster: this.poster.id })
+				this.$router.replace({ name: 'posters' })
 			} catch (error) {
 				this.deleteError = this.$t(`error:${error.code}`)
 			}
diff --git a/webapp/src/views/posters/item.vue b/webapp/src/views/posters/item.vue
index e34b29f6..688fb0d8 100644
--- a/webapp/src/views/posters/item.vue
+++ b/webapp/src/views/posters/item.vue
@@ -52,7 +52,7 @@
 						avatar(:user="user", :size="36")
 						span.display-name {{ user ? user.profile.display_name : '' }}
 			//- h3 Discuss
-			//- chat(mode="compact", :module="{channel_id: poster.channel}")
+			//- chat(mode="compact", :module="{ channel_id: poster.channel }")
 	bunt-progress-circular(v-else, size="huge", :page="true")
 	chat-user-card(v-if="selectedUser", ref="avatarCard", :user="selectedUser", @close="selectedUser = null")
 </template>
@@ -120,7 +120,7 @@ export default {
 		}
 	},
 	async created() {
-		this.poster = await api.call('poster.get', {poster: this.posterId})
+		this.poster = await api.call('poster.get', { poster: this.posterId })
 		this.renderPdf()
 	},
 	methods: {
@@ -132,8 +132,8 @@ export default {
 				const canvasRect = canvas.getBoundingClientRect()
 				const pdf = await pdfjs.getDocument(this.poster.poster_url).promise
 				const page = await pdf.getPage(1)
-				const unscaledViewport = page.getViewport({scale: 1})
-				const viewport = page.getViewport({scale: canvasRect.width / unscaledViewport.width})
+				const unscaledViewport = page.getViewport({ scale: 1 })
+				const viewport = page.getViewport({ scale: canvasRect.width / unscaledViewport.width })
 				canvas.height = viewport.height
 				canvas.width = viewport.width
 				await page.render({
@@ -148,11 +148,11 @@ export default {
 		async like() {
 			// TODO error handling
 			if (this.poster.has_voted) {
-				await api.call('poster.unvote', {poster: this.poster.id})
+				await api.call('poster.unvote', { poster: this.poster.id })
 				this.poster.votes--
 				this.poster.has_voted = false
 			} else {
-				await api.call('poster.vote', {poster: this.poster.id})
+				await api.call('poster.vote', { poster: this.poster.id })
 				this.poster.votes++
 				this.poster.has_voted = true
 			}
diff --git a/webapp/src/views/preferences/index.vue b/webapp/src/views/preferences/index.vue
index bef52801..73da1ad1 100644
--- a/webapp/src/views/preferences/index.vue
+++ b/webapp/src/views/preferences/index.vue
@@ -5,7 +5,7 @@
 	scrollbars(y)
 		.inputs
 			.avatar-wrapper
-				avatar(:user="{profile}", :size="128")
+				avatar(:user="{ profile }", :size="128")
 				bunt-button#btn-change-avatar(@click="showChangeAvatar = true") {{ $t('preferences/index:btn-change-avatar:label') }}
 			bunt-input.display-name(name="displayName", :label="$t('profile/GreetingPrompt:displayname:label')", v-model.trim="profile.display_name", :validation="$v.profile.display_name")
 			change-additional-fields(v-model="profile.fields")
@@ -89,7 +89,7 @@ export default {
 		async uploadAvatar() {
 			this.savingAvatar = true
 			await this.$refs.avatar.update()
-			await this.$store.dispatch('updateUser', {profile: Object.assign({}, this.user.profile, {avatar: this.profile.avatar})})
+			await this.$store.dispatch('updateUser', { profile: Object.assign({}, this.user.profile, { avatar: this.profile.avatar }) })
 			this.showChangeAvatar = false
 			this.savingAvatar = false
 		},
@@ -97,7 +97,7 @@ export default {
 			this.$v.$touch()
 			if (this.$v.$invalid) return
 			this.saving = true
-			await this.$store.dispatch('updateUser', {profile: this.profile})
+			await this.$store.dispatch('updateUser', { profile: this.profile })
 			this.$store.dispatch('notifications/updateSettings', this.notificationSettings)
 			this.$store.dispatch('setAutoplay', this.autoplay)
 			this.$store.dispatch('schedule/setCurrentLanguage', this.interfaceLanguage)
diff --git a/webapp/src/views/rooms/EditRoomSchedule.vue b/webapp/src/views/rooms/EditRoomSchedule.vue
index a2ac6390..e4803fc9 100644
--- a/webapp/src/views/rooms/EditRoomSchedule.vue
+++ b/webapp/src/views/rooms/EditRoomSchedule.vue
@@ -5,7 +5,7 @@
 		h2 Change session for room {{ room.name }}
 		.content
 			.sessions(v-scrollbar.y="")
-				.session(v-for="session, index of sessions", :ref="session === currentSession ? 'currentSession': null", :class="{current: session === currentSession, selected: session === selectedSession}", @click="selectedSession = session")
+				.session(v-for="session, index of sessions", :ref="session === currentSession ? 'currentSession': null", :class="{ current: session === currentSession, selected: session === selectedSession }", @click="selectedSession = session")
 					img.preview(:src="`https://picsum.photos/64?v=${index}`")
 					.info
 						.title {{ $localize(session.title) }}
diff --git a/webapp/src/views/rooms/RoomHeader.vue b/webapp/src/views/rooms/RoomHeader.vue
index bc461f9b..aa4c598a 100644
--- a/webapp/src/views/rooms/RoomHeader.vue
+++ b/webapp/src/views/rooms/RoomHeader.vue
@@ -11,8 +11,8 @@
 			.button-group(v-if="['stage', 'channel-bbb', 'channel-janus', 'channel-zoom'].includes(roomType) && canManage")
 				// TODO buntpapier does not support replace
 				// hardlink params so home page alias works
-				bunt-link-button(:to="{name: 'room:manage', params: {roomId: room.id}}", replace) manage
-				bunt-link-button(:to="{name: 'room'}", replace) view
+				bunt-link-button(:to="{ name: 'room:manage', params: { roomId: room.id } }", replace) manage
+				bunt-link-button(:to="{ name: 'room' }", replace) view
 	router-view(:room="room", :modules="modules")
 	transition(name="prompt")
 		recordings-prompt(v-if="showRecordingsPrompt", :room="room", @close="showRecordingsPrompt = false")
@@ -21,7 +21,7 @@
 <script>
 // TODO
 // better ellipsing for room name + session title on small screens
-import {mapGetters, mapState} from 'vuex'
+import { mapGetters, mapState } from 'vuex'
 import { inferRoomType } from 'lib/room-types'
 import RecordingsPrompt from 'components/RecordingsPrompt'
 import QRCodePrompt from 'components/QRCodePrompt'
diff --git a/webapp/src/views/rooms/item.vue b/webapp/src/views/rooms/item.vue
index ef0d99f4..2cf82abe 100644
--- a/webapp/src/views/rooms/item.vue
+++ b/webapp/src/views/rooms/item.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-.c-room(v-if="room", :class="{'standalone-chat': modules['chat.native'] && room.modules.length === 1}")
+.c-room(v-if="room", :class="{ 'standalone-chat': modules['chat.native'] && room.modules.length === 1 }")
 	.stage(v-if="modules['livestream.native'] || modules['livestream.youtube'] || modules['livestream.iframe'] || modules['call.janus']")
 		media-source-placeholder
 		reactions-overlay(v-if="modules['livestream.native'] || modules['livestream.youtube'] || modules['livestream.iframe'] || modules['call.janus']")
@@ -117,7 +117,7 @@ export default {
 				this.languages = this.modules['livestream.youtube'].config.languageUrls
 			}
 			if (!this.languages.find(lang => lang.language === 'Original')) {
-				this.languages.unshift({language: 'Original', url: ''})
+				this.languages.unshift({ language: 'Original', url: '' })
 			}
 		}
 	}
diff --git a/webapp/src/views/rooms/manage.vue b/webapp/src/views/rooms/manage.vue
index 22469830..05a27430 100644
--- a/webapp/src/views/rooms/manage.vue
+++ b/webapp/src/views/rooms/manage.vue
@@ -20,7 +20,7 @@
 				.actions
 					bunt-icon-button(@click="showUrlPopup('question')") presentation
 					menu-dropdown(v-if="hasPermission('room:question.moderate')", v-model="showingQuestionsMenu", strategy="fixed")
-						template(v-slot:button="{toggle}")
+						template(v-slot:button="{ toggle }")
 							bunt-icon-button(@click="toggle") dots-vertical
 						template(v-slot:menu)
 							.archive-all(@click="$store.dispatch('question/archiveAll')") {{ $t('Questions:moderator-actions:archive-all:label') }}
@@ -33,7 +33,7 @@
 		panel.no-modules(v-if="Object.keys(modules).length === 1")
 			p No modules to manage in this room
 	.ui-background-blocker(v-if="showingPresentationUrlFor", @click="showingPresentationUrlFor = null")
-	.url-popup(v-if="showingPresentationUrlFor", ref="urlPopup", :class="{'url-copied': copiedUrl}")
+	.url-popup(v-if="showingPresentationUrlFor", ref="urlPopup", :class="{ 'url-copied': copiedUrl }")
 		.copy-success(v-if="copiedUrl") Copied!
 		template(v-else)
 			.copy-url
@@ -49,18 +49,18 @@
 				h1 {{ editedPoll.id ? 'Edit Poll' : 'Create a Poll' }}
 				.form-content
 					bunt-input-outline-container(name="poll-question", label="Question")
-						textarea(slot-scope="{focus, blur}", @focus="focus", @blur="blur", v-model="editedPoll.content")
+						textarea(slot-scope="{ focus, blur }", @focus="focus", @blur="blur", v-model="editedPoll.content")
 					.option(v-for="(option, index) of editedPoll.options")
 						bunt-input(:name="`poll-option-${index}`", :label="`Option ${index + 1}`", v-model="option.content")
 						bunt-icon-button.btn-delete-poll-option(@click="editedPoll.options.splice(index, 1)") delete-outline
-					bunt-button#btn-add-poll-option(@click="editedPoll.options.push({content: ''})") Add Option
+					bunt-button#btn-add-poll-option(@click="editedPoll.options.push({ content: '' })") Add Option
 				bunt-button#btn-submit-poll(@click="submitPoll") {{ editedPoll.id ? 'Save Poll' : 'Create Poll' }}
 </template>
 <script>
 // TODO
 // - handle video better (pause, completely cancel? preserve bandwidth?)
 
-import {mapGetters, mapState} from 'vuex'
+import { mapGetters, mapState } from 'vuex'
 import { createPopper } from '@popperjs/core'
 import DashboardLayout from 'components/dashboard-layout'
 import Panel from 'components/dashboard-layout/Panel'
@@ -140,7 +140,7 @@ export default {
 		},
 		getPresentationUrl(type) {
 			console.log(type)
-			return window.location.origin + this.$router.resolve({name: `standalone:${type}`}).href + '#token=' + this.token
+			return window.location.origin + this.$router.resolve({ name: `standalone:${type}` }).href + '#token=' + this.token
 		},
 		copyUrl() {
 			this.$refs.urlInput.$refs.input.select()
diff --git a/webapp/src/views/schedule/index.vue b/webapp/src/views/schedule/index.vue
index 035980b5..091fae3e 100644
--- a/webapp/src/views/schedule/index.vue
+++ b/webapp/src/views/schedule/index.vue
@@ -7,7 +7,7 @@
 					span {{item.title}}
 					app-dropdown-content(className="schedule")
 						app-dropdown-item(v-for="track in item.data", :key="track.value")
-							.checkbox-line(:style="{'--track-color': track.color}")
+							.checkbox-line(:style="{ '--track-color': track.color }")
 								bunt-checkbox.checkbox-text(type="checkbox", :label="track.label", name="track_room_views", v-model="track.selected", :value="track.value") {{ getTrackName(track) }}
 			bunt-button.bunt-ripple-ink(v-if="favs",
 				icon="star"
@@ -17,7 +17,7 @@
 			bunt-button.bunt-ripple-ink(@click="resetAllFiltered", icon="filter-off")
 
 			template(v-if="!inEventTimezone")
-				bunt-select.timezone-item(name="timezone", :options="[{id: schedule.timezone, label: schedule.timezone}, {id: userTimezone, label: userTimezone}]", v-model="currentTimezone", @blur="saveTimezone")
+				bunt-select.timezone-item(name="timezone", :options="[{ id: schedule.timezone, label: schedule.timezone }, { id: userTimezone, label: userTimezone }]", v-model="currentTimezone", @blur="saveTimezone")
 			template(v-else)
 				div.timezone-label.timezone-item.bunt-tab-header-item {{ schedule.timezone }}
 
@@ -214,7 +214,7 @@ export default {
 		tracksFilter: {
 			handler: function(newValue) {
 				const arr = Object.keys(newValue).filter(key => newValue[key])
-				this.$store.dispatch('schedule/filter', {type: 'track', tracks: arr})
+				this.$store.dispatch('schedule/filter', { type: 'track', tracks: arr })
 				this.resetOnlyFavs()
 			},
 			deep: true
@@ -232,7 +232,7 @@ export default {
 		changeDayByScroll(day) {
 			this.currentDay = day
 			const tabEl = this.$refs.tabs.$refs.tabElements.find(el => el.id === day.toISOString())
-			// TODO smooth scroll, seems to not work with chrome {behavior: 'smooth', block: 'center', inline: 'center'}
+			// TODO smooth scroll, seems to not work with chrome { behavior: 'smooth', block: 'center', inline: 'center' }
 			tabEl?.$el.scrollIntoView()
 		},
 		getTrackName(track) {
@@ -254,7 +254,7 @@ export default {
 			if (this.filter.type === 'fav') {
 				this.$store.dispatch('schedule/filter', {})
 			} else {
-				this.$store.dispatch('schedule/filter', {type: 'fav'})
+				this.$store.dispatch('schedule/filter', { type: 'fav' })
 			}
 		},
 		async makeExport() {
@@ -271,7 +271,7 @@ export default {
 				}).then(response => response.json())
 				var a = document.createElement('a')
 				document.body.appendChild(a)
-				const blob = new Blob([result], {type: 'octet/stream'})
+				const blob = new Blob([result], { type: 'octet/stream' })
 				const downloadUrl = window.URL.createObjectURL(blob)
 				a.href = downloadUrl
 				a.download = 'schedule-' + this.selectedExporter.id + '.' + this.selectedExporter.id.replace('my', '')
diff --git a/webapp/src/views/schedule/schedule-components/GridSchedule.vue b/webapp/src/views/schedule/schedule-components/GridSchedule.vue
index 27d9a7a7..223c0a0b 100644
--- a/webapp/src/views/schedule/schedule-components/GridSchedule.vue
+++ b/webapp/src/views/schedule/schedule-components/GridSchedule.vue
@@ -4,13 +4,13 @@
 		template(v-for="slice of visibleTimeslices")
 			.timeslice(:ref="slice.name", :class="getSliceClasses(slice)", :data-slice="slice.date.format()", :style="getSliceStyle(slice)") {{ getSliceLabel(slice) }}
 			.timeline(:class="getSliceClasses(slice)", :style="getSliceStyle(slice)")
-		.now(v-if="nowSlice", ref="now", :class="{'on-daybreak': nowSlice.onDaybreak}", :style="{'grid-area': `${nowSlice.slice.name} / 1 / auto / auto`, '--offset': nowSlice.offset}")
+		.now(v-if="nowSlice", ref="now", :class="{ 'on-daybreak': nowSlice.onDaybreak }", :style="{ 'grid-area': `${nowSlice.slice.name} / 1 / auto / auto`, '--offset': nowSlice.offset }")
 			svg(viewBox="0 0 10 10")
 				path(d="M 0 0 L 10 5 L 0 10 z")
-		.room(:style="{'grid-area': `1 / 1 / auto / auto`}")
-		.room(v-for="(room, index) of rooms", :style="{'grid-area': `1 / ${index + 2 } / auto / auto`}") {{ getLocalizedString(room.name) }}
+		.room(:style="{ 'grid-area': `1 / 1 / auto / auto` }")
+		.room(v-for="(room, index) of rooms", :style="{ 'grid-area': `1 / ${index + 2 } / auto / auto` }") {{ getLocalizedString(room.name) }}
 			bunt-button.room-description(v-if="getLocalizedString(room.description)", :tooltip="getLocalizedString(room.description)", tooltip-placement="bottom-end") ?
-		.room(v-if="hasSessionsWithoutRoom", :style="{'grid-area': `1 / ${rooms.length + 2} / auto / -1`}") no location
+		.room(v-if="hasSessionsWithoutRoom", :style="{ 'grid-area': `1 / ${rooms.length + 2} / auto / -1` }") no location
 		template(v-for="session of sessions")
 			session(
 				v-if="isProperSession(session)",
@@ -80,7 +80,7 @@ export default {
 			const minimumSliceMins = 30
 			const slices = []
 			const slicesLookup = {}
-			const pushSlice = function(date, {hasSession = false, hasBreak = false, hasStart = false, hasEnd = false} = {}) {
+			const pushSlice = function(date, { hasSession = false, hasBreak = false, hasStart = false, hasEnd = false } = {}) {
 				const name = getSliceName(date)
 				let slice = slicesLookup[name]
 				if (slice) {
@@ -102,7 +102,7 @@ export default {
 					slicesLookup[name] = slice
 				}
 			}
-			const fillHalfHours = function(start, end, {hasSession, hasBreak} = {}) {
+			const fillHalfHours = function(start, end, { hasSession, hasBreak } = {}) {
 				// fill to the nearest half hour, then each half hour, then fill to end
 				let mins = end.diff(start, 'minutes')
 				const startingMins = minimumSliceMins - start.minute() % minimumSliceMins
@@ -123,7 +123,7 @@ export default {
 
 				// last slice is actually just after the end of the session and has no session
 				const lastSlice = halfHourSlices.pop()
-				halfHourSlices.forEach(slice => pushSlice(slice, {hasSession, hasBreak}))
+				halfHourSlices.forEach(slice => pushSlice(slice, { hasSession, hasBreak }))
 				pushSlice(lastSlice)
 			}
 			for (const session of this.sessions) {
@@ -137,10 +137,10 @@ export default {
 
 				const isProper = this.isProperSession(session)
 				// add start and end slices for the session itself
-				pushSlice(session.start, {hasSession: isProper, hasBreak: !isProper, hasStart: true})
-				pushSlice(session.end, {hasEnd: true})
+				pushSlice(session.start, { hasSession: isProper, hasBreak: !isProper, hasStart: true })
+				pushSlice(session.end, { hasEnd: true })
 				// add half hour slices between a session
-				fillHalfHours(session.start, session.end, {hasSession: isProper, hasBreak: !isProper})
+				fillHalfHours(session.start, session.end, { hasSession: isProper, hasBreak: !isProper })
 			}
 
 			const sliceIsFraction = function(slice) {
@@ -265,7 +265,7 @@ export default {
 		if (this.scrollParent) {
 			this.scrollParent.scrollTop = scrollTop
 		} else {
-			window.scroll({top: scrollTop})
+			window.scroll({ top: scrollTop })
 		}
 	},
 	methods: {
@@ -296,9 +296,9 @@ export default {
 				if (index < 0) {
 					index = this.timeslices.length - 1
 				}
-				return {'grid-area': `${slice.name} / 1 / ${this.timeslices[index].name} / auto`}
+				return { 'grid-area': `${slice.name} / 1 / ${this.timeslices[index].name} / auto` }
 			}
-			return {'grid-area': `${slice.name} / 1 / auto / auto`}
+			return { 'grid-area': `${slice.name} / 1 / auto / auto` }
 		},
 		getSliceLabel(slice) {
 			if (slice.datebreak) return slice.date.format('ddd[\n]DD. MMM')
@@ -312,7 +312,7 @@ export default {
 			if (this.scrollParent) {
 				this.scrollParent.scrollTop = offset
 			} else {
-				window.scroll({top: offset})
+				window.scroll({ top: offset })
 			}
 		},
 		onIntersect(entries) {
diff --git a/webapp/src/views/schedule/schedule-components/LinearSchedule.vue b/webapp/src/views/schedule/schedule-components/LinearSchedule.vue
index bc6dc779..bc6192f9 100644
--- a/webapp/src/views/schedule/schedule-components/LinearSchedule.vue
+++ b/webapp/src/views/schedule/schedule-components/LinearSchedule.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
 .c-linear-schedule(v-scrollbar.y="")
-	.bucket(v-for="({date, sessions}, index) of sessionBuckets")
+	.bucket(v-for="({ date, sessions }, index) of sessionBuckets")
 		.bucket-label(:ref="getBucketName(date)", :data-date="date.format()")
 			.day(v-if="index === 0 || date.clone().startOf('day').diff(sessionBuckets[index - 1].date.clone().startOf('day'), 'day') > 0")  {{ date.format('dddd DD. MMMM') }}
 			.time {{ date.format('LT') }}
@@ -133,7 +133,7 @@ export default {
 		if (this.scrollParent) {
 			this.scrollParent.scrollTop = scrollTop
 		} else {
-			window.scroll({top: scrollTop + this.getOffsetTop()})
+			window.scroll({ top: scrollTop + this.getOffsetTop() })
 		}
 	},
 	methods: {
@@ -158,7 +158,7 @@ export default {
 			if (this.scrollParent) {
 				this.scrollParent.scrollTop = scrollTop
 			} else {
-				window.scroll({top: scrollTop})
+				window.scroll({ top: scrollTop })
 			}
 		},
 		onIntersect(results) {
diff --git a/webapp/src/views/schedule/schedule-components/Session.vue b/webapp/src/views/schedule/schedule-components/Session.vue
index 0ff534c5..b453b596 100644
--- a/webapp/src/views/schedule/schedule-components/Session.vue
+++ b/webapp/src/views/schedule/schedule-components/Session.vue
@@ -1,7 +1,7 @@
 <template lang="pug">
-a.c-linear-schedule-session(:class="{faved}", :style="style", :href="link", @click="onSessionLinkClick($event, session)", :target="linkTarget")
+a.c-linear-schedule-session(:class="{ faved }", :style="style", :href="link", @click="onSessionLinkClick($event, session)", :target="linkTarget")
 	.time-box
-		.start(:class="{'has-ampm': hasAmPm}")
+		.start(:class="{ 'has-ampm': hasAmPm }")
 			.time {{ startTime.time }}
 			.ampm(v-if="startTime.ampm") {{ startTime.ampm }}
 		.duration {{ getPrettyDuration(session.start, session.end) }}
@@ -22,7 +22,7 @@ a.c-linear-schedule-session(:class="{faved}", :style="style", :href="link", @cli
 				path(d="M10.2426 17H15C15.5523 17 16 16.5523 16 16V14.0233C15.9996 14.0079 15.9996 13.9924 16 13.9769V11.2426L18 9.2426V13.2792L22 14.6126V7.38742L18.7828 8.45982L21.9451 5.29754L22.6838 5.05132C23.3313 4.83547 24 5.31744 24 6V16C24 16.6826 23.3313 17.1645 22.6838 16.9487L18 15.3874V16C18 17.6569 16.6569 19 15 19H8.24264L10.2426 17z", fill="#758CA3")
 		.tags-box
 			.tags(v-for="tag_item of session.tags")
-				.tag-item(:style="{'background-color': tag_item.color, 'color': getContrastColor(tag_item.color)}") {{ tag_item.tag }}
+				.tag-item(:style="{ 'background-color': tag_item.color, 'color': getContrastColor(tag_item.color) }") {{ tag_item.tag }}
 		.abstract(v-if="showAbstract", v-html="abstract")
 		.bottom-info
 			.track(v-if="session.track") {{ getLocalizedString(session.track.name) }}
@@ -69,7 +69,7 @@ export default {
 		linkTarget: { default: '_self' },
 		generateSessionLinkUrl: {
 			default() {
-				return ({eventUrl, session}) => `${eventUrl}talk/${session.id}/`
+				return ({ eventUrl, session }) => `${eventUrl}talk/${session.id}/`
 			}
 		},
 		onSessionLinkClick: {
@@ -86,7 +86,7 @@ export default {
 	},
 	computed: {
 		link() {
-			return this.generateSessionLinkUrl({eventUrl: this.eventUrl, session: this.session})
+			return this.generateSessionLinkUrl({ eventUrl: this.eventUrl, session: this.session })
 		},
 		style() {
 			return {
diff --git a/webapp/src/views/schedule/sessions/index.vue b/webapp/src/views/schedule/sessions/index.vue
index af234aad..1a1a1d49 100644
--- a/webapp/src/views/schedule/sessions/index.vue
+++ b/webapp/src/views/schedule/sessions/index.vue
@@ -7,7 +7,7 @@
 					span {{item.title}}
 					app-dropdown-content(className="schedule")
 						app-dropdown-item(v-for="track in item.data", :key="track.value")
-							.checkbox-line(:style="{'--track-color': track.color}")
+							.checkbox-line(:style="{ '--track-color': track.color }")
 								bunt-checkbox.checkbox-text(type="checkbox", :label="track.label", name="track_room_views", v-model="track.selected", :value="track.value") {{ getTrackName(track) }}
 			bunt-button.bunt-ripple-ink(v-if="favs",
 				icon="star"
@@ -17,7 +17,7 @@
 			bunt-button.bunt-ripple-ink(@click="resetAllFiltered", icon="filter-off")
 
 			template(v-if="!inEventTimezone")
-				bunt-select.timezone-item(name="timezone", :options="[{id: schedule.timezone, label: schedule.timezone}, {id: userTimezone, label: userTimezone}]", v-model="currentTimezone", @blur="saveTimezone")
+				bunt-select.timezone-item(name="timezone", :options="[{ id: schedule.timezone, label: schedule.timezone }, { id: userTimezone, label: userTimezone }]", v-model="currentTimezone", @blur="saveTimezone")
 			template(v-else)
 				div.timezone-label.timezone-item.bunt-tab-header-item {{ schedule.timezone }}
 
@@ -191,16 +191,12 @@ export default {
 			filter.tracks.data = this.filterItemsByLanguage(this?.schedule?.tracks)
 			return filter
 		},
-		inEventTimezone () {
+		inEventTimezone() {
 			if (!this.schedule?.talks?.length) return false
 			const example = this.schedule.talks[0].start
 			return moment.tz(example, this.userTimezone).format('Z') === moment.tz(example, this.schedule.timezone).format('Z')
 		},
 	},
-	async created () {
-		this.userTimezone = moment.tz.guess()
-		this.currentTimezone = localStorage.getItem(`userTimezone`)
-	},
 	watch: {
 		tracksFilter: {
 			handler: function(newValue) {
@@ -211,6 +207,10 @@ export default {
 			deep: true
 		}
 	},
+	async created() {
+		this.userTimezone = moment.tz.guess()
+		this.currentTimezone = localStorage.getItem('userTimezone')
+	},
 	methods: {
 		changeDay(day) {
 			if (day.isSame(this.currentDay)) return
@@ -219,7 +219,7 @@ export default {
 		changeDayByScroll(day) {
 			this.currentDay = day
 			const tabEl = this.$refs.tabs.$refs.tabElements.find(el => el.id === day.toISOString())
-			// TODO smooth scroll, seems to not work with chrome {behavior: 'smooth', block: 'center', inline: 'center'}
+			// TODO smooth scroll, seems to not work with chrome { behavior: 'smooth', block: 'center', inline: 'center' }
 			tabEl?.$el.scrollIntoView()
 		},
 		getTrackName(track) {
@@ -241,7 +241,7 @@ export default {
 			if (this.filter.type === 'fav') {
 				this.$store.dispatch('schedule/filter', {})
 			} else {
-				this.$store.dispatch('schedule/filter', {type: 'fav'})
+				this.$store.dispatch('schedule/filter', { type: 'fav' })
 			}
 		},
 		async makeExport() {
@@ -258,7 +258,7 @@ export default {
 				}).then(response => response.json())
 				var a = document.createElement('a')
 				document.body.appendChild(a)
-				const blob = new Blob([result], {type: 'octet/stream'})
+				const blob = new Blob([result], { type: 'octet/stream' })
 				const downloadUrl = window.URL.createObjectURL(blob)
 				a.href = downloadUrl
 				a.download = 'schedule-' + this.selectedExporter.id + '.' + this.selectedExporter.id.replace('my', '')
@@ -288,8 +288,8 @@ export default {
 		resetOnlyFavs() {
 			this.onlyFavs = false
 		},
-		saveTimezone () {
-			localStorage.setItem(`userTimezone`, this.currentTimezone)
+		saveTimezone() {
+			localStorage.setItem('userTimezone', this.currentTimezone)
 		},
 	}
 }
diff --git a/webapp/src/views/schedule/speakers/index.vue b/webapp/src/views/schedule/speakers/index.vue
index f718c213..b7d7bda1 100644
--- a/webapp/src/views/schedule/speakers/index.vue
+++ b/webapp/src/views/schedule/speakers/index.vue
@@ -36,7 +36,7 @@ export default {
 	async created() {
 		if (this.$store.getters['schedule/pretalxApiBaseUrl']) {
 			this.speakers = (await (await fetch(`${this.$store.getters['schedule/pretalxApiBaseUrl']}/speakers/?limit=999`)).json()).results.sort((a, b) => a.name.localeCompare(b.name))
-			// const speakersToAttendee = await api.call('user.fetch', {pretalx_ids: this.speakers.map(speaker => speaker.code)})
+			// const speakersToAttendee = await api.call('user.fetch', { pretalx_ids: this.speakers.map(speaker => speaker.code) })
 			for (const speaker of this.speakers) {
 				speaker.sessions = speaker.submissions.map(submission => this.sessionsLookup[submission])
 				// speaker.attendee = speakersToAttendee[speaker.code]
@@ -65,7 +65,7 @@ export default {
 		flex-direction: column
 		align-items: center
 		> *
-			width: @css{min(920px, 100%)}
+			width: @css{ min(920px, 100%) }
 	.speaker
 		color: $clr-primary-text-light
 		display: flex
diff --git a/webapp/src/views/schedule/speakers/item.vue b/webapp/src/views/schedule/speakers/item.vue
index 34b7fbd3..5c54c7d5 100644
--- a/webapp/src/views/schedule/speakers/item.vue
+++ b/webapp/src/views/schedule/speakers/item.vue
@@ -83,7 +83,7 @@ export default {
 			flex-direction: column
 			align-items: center
 			> *
-				width: @css{min(920px, 100%)}
+				width: @css{ min(920px, 100%) }
 	.speaker
 		display: flex
 		flex-direction: column
diff --git a/webapp/src/views/schedule/talks/item.vue b/webapp/src/views/schedule/talks/item.vue
index 03f58e95..e04520d8 100644
--- a/webapp/src/views/schedule/talks/item.vue
+++ b/webapp/src/views/schedule/talks/item.vue
@@ -9,12 +9,12 @@
 			markdown-content.description(:markdown="talk.description")
 			.downloads(v-if="talk.resources && talk.resources.length > 0")
 				h2 {{ $t("schedule/talks:downloads-headline:text") }}
-				a.download(v-for="{resource, description} of talk.resources", :href="getAbsoluteResourceUrl(resource)", target="_blank")
+				a.download(v-for="{ resource, description } of talk.resources", :href="getAbsoluteResourceUrl(resource)", target="_blank")
 					.mdi(:class="`mdi-${getIconByFileEnding(resource)}`")
 					.filename {{ description }}
 			bunt-link-button.btn-create.router-link.stage(v-if="getRoomIdByName(roomName)", :to="{name: 'room', params: {roomId: getRoomIdByName(roomName)}}") Join room
 		.speakers(v-if="talk.speakers.length > 0")
-			.header {{ $t('schedule/talks/item:speakers:header', {count: talk.speakers.length})}}
+			.header {{ $t('schedule/talks/item:speakers:header', { count: talk.speakers.length }) }}
 			.speakers-list
 				.speaker(v-for="speaker of talk.speakers")
 					img.avatar(v-if="speaker.avatar", :src="speaker.avatar")
@@ -31,7 +31,7 @@ import MarkdownContent from 'components/MarkdownContent'
 import { getIconByFileEnding } from 'lib/filetypes'
 
 export default {
-	components: {MarkdownContent},
+	components: { MarkdownContent },
 	props: {
 		talkId: String
 	},
diff --git a/webapp/src/views/standalone/Chat.vue b/webapp/src/views/standalone/Chat.vue
index 39394828..097250af 100644
--- a/webapp/src/views/standalone/Chat.vue
+++ b/webapp/src/views/standalone/Chat.vue
@@ -22,7 +22,7 @@ export default {
 		},
 	},
 	created() {
-		this.$store.dispatch('chat/subscribe', {channel: this.module.channel_id, config: this.module.config})
+		this.$store.dispatch('chat/subscribe', { channel: this.module.channel_id, config: this.module.config })
 	}
 }
 </script>
diff --git a/webapp/src/views/standalone/NextSession.vue b/webapp/src/views/standalone/NextSession.vue
index e53dfbcc..1b0a551a 100644
--- a/webapp/src/views/standalone/NextSession.vue
+++ b/webapp/src/views/standalone/NextSession.vue
@@ -8,7 +8,7 @@ import { mapState, mapGetters } from 'vuex'
 import { Session } from '@pretalx/schedule'
 
 export default {
-	components: {Session},
+	components: { Session },
 	props: {
 		room: Object
 	},
diff --git a/webapp/src/views/standalone/Poll.vue b/webapp/src/views/standalone/Poll.vue
index 4c8ff32c..e25bdd2e 100644
--- a/webapp/src/views/standalone/Poll.vue
+++ b/webapp/src/views/standalone/Poll.vue
@@ -1,10 +1,10 @@
 <template lang="pug">
-.c-standalone-poll(v-if="pinnedPoll", :style="{'--total-votes': totalVotes}")
+.c-standalone-poll(v-if="pinnedPoll", :style="{ '--total-votes': totalVotes }")
 	.question
 		| {{ pinnedPoll.content }}
-	.option(v-for="option of pinnedPoll.options", :class="{'most-votes': optionsWithMostVotes.includes(option.id)}")
+	.option(v-for="option of pinnedPoll.options", :class="{ 'most-votes': optionsWithMostVotes.includes(option.id) }")
 		.content {{ option.content }}
-		.votes(:style="{'--votes': pinnedPoll.results[option.id]}") {{ totalVotes ? (pinnedPoll.results[option.id] / totalVotes * 100).toFixed() : 0 }}%
+		.votes(:style="{ '--votes': pinnedPoll.results[option.id] }") {{ totalVotes ? (pinnedPoll.results[option.id] / totalVotes * 100).toFixed() : 0 }}%
 </template>
 <script>
 import { mapGetters } from 'vuex'
diff --git a/webapp/src/views/standalone/Viewers.vue b/webapp/src/views/standalone/Viewers.vue
index 0e8ad907..d1bfcd0f 100644
--- a/webapp/src/views/standalone/Viewers.vue
+++ b/webapp/src/views/standalone/Viewers.vue
@@ -1,7 +1,7 @@
 <template lang="pug">
 .c-standalone-viewers(v-if="roomViewers")
-	h1 {{ $t('standalone/Viewers:header', {count: roomViewers.length}) }}
-	.viewers(:class="{many: roomViewers.length > 92}")
+	h1 {{ $t('standalone/Viewers:header', { count: roomViewers.length }) }}
+	.viewers(:class="{ many: roomViewers.length > 92 }")
 		.viewer(v-for="viewer in roomViewers")
 			avatar(:user="viewer", :size="64")
 </template>
diff --git a/webapp/src/views/standalone/Vote.vue b/webapp/src/views/standalone/Vote.vue
index 486c8034..4f3a8fe7 100644
--- a/webapp/src/views/standalone/Vote.vue
+++ b/webapp/src/views/standalone/Vote.vue
@@ -21,12 +21,12 @@ export default {
 	},
 	async created() {
 		if (!linkCache || linkCache.room !== this.room) {
-			const { url } = await api.call('room.invite.anonymous.link', {room: this.room.id})
+			const { url } = await api.call('room.invite.anonymous.link', { room: this.room.id })
 			linkCache = {
 				room: this.room,
 				url,
 				shortUrl: url.replace(/^https?:\/\//, ''),
-				qrcode: await QRCode.toString(url, {type: 'svg'})
+				qrcode: await QRCode.toString(url, { type: 'svg' })
 			}
 		}
 	}
diff --git a/webapp/src/views/standalone/index.vue b/webapp/src/views/standalone/index.vue
index 870375d6..f360eacf 100644
--- a/webapp/src/views/standalone/index.vue
+++ b/webapp/src/views/standalone/index.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-#standalone-app(:class="{fullscreen, 'themed-bg': themedBackground}", :style="[style, themeVariables]")
+#standalone-app(:class="{ fullscreen, 'themed-bg': themedBackground }", :style="[style, themeVariables]")
 	.fatal-indicator.mdi.mdi-alert-octagon(v-if="fatalError || fatalConnectionError", :title="errorMessage")
 	.content(v-else-if="world")
 		router-view(:room="room", :config="config")