From 15a6e52815fbe668cbd8edaf9ed90c1b9fa355b2 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 10 Nov 2021 20:16:46 +0100
Subject: [PATCH] chore: make if more readable

---
 src/App.vue                   | 8 ++++----
 src/components/misc/ready.vue | 2 ++
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index b503a531d..af2fc690f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,10 +2,10 @@
 	<ready>
 		<div :class="{'is-touch': isTouch}">
 			<div :class="{'is-hidden': !online}">
-				<!-- This is a workaround to get the sw to "see" the to-be-cached version of the offline background image -->
-				<div class="offline" style="height: 0;width: 0;"></div>
-				<top-navigation v-if="authUser"/>
-				<content-auth v-if="authUser"/>
+				<template v-if="authUser">
+					<top-navigation/>
+					<content-auth/>
+				</template>
 				<content-link-share v-else-if="authLinkShare"/>
 				<content-no-auth v-else/>
 				<notification/>
diff --git a/src/components/misc/ready.vue b/src/components/misc/ready.vue
index f069dbfa4..35cfee732 100644
--- a/src/components/misc/ready.vue
+++ b/src/components/misc/ready.vue
@@ -1,4 +1,6 @@
 <template>
+	<!-- This is a workaround to get the sw to "see" the to-be-cached version of the offline background image -->
+	<div class="offline" style="height: 0;width: 0;"></div>
 	<div class="app offline" v-if="!online">
 		<div class="offline-message">
 			<h1>{{ $t('offline.title') }}</h1>