diff --git a/src/components/misc/no-auth-wrapper.vue b/src/components/misc/no-auth-wrapper.vue
index 4fefb7f25..aa0c6e29e 100644
--- a/src/components/misc/no-auth-wrapper.vue
+++ b/src/components/misc/no-auth-wrapper.vue
@@ -15,21 +15,13 @@
 	</div>
 </template>
 
-<script>
+<script setup>
 import logoUrl from '@/assets/logo-full.svg'
-import {mapState} from 'vuex'
+import {useStore} from 'vuex'
+import {computed} from 'vue'
 
-export default {
-	name: 'no-auth-wrapper',
-	data() {
-		return {
-			logoUrl,
-		}
-	},
-	computed: mapState({
-		motd: state => state.config.motd,
-	}),
-}
+const store = useStore()
+const motd = computed(() => store.state.config.motd)
 </script>
 
 <style lang="scss" scoped>