diff --git a/nginx/vue/src/components/admin/CreatePost.vue b/nginx/vue/src/components/admin/CreatePost.vue
index b9170a5..cd7a952 100644
--- a/nginx/vue/src/components/admin/CreatePost.vue
+++ b/nginx/vue/src/components/admin/CreatePost.vue
@@ -4,6 +4,7 @@ import axios from "axios";
 import { useAuthStore } from "@/stores/auth";
 
 const auth = useAuthStore();
+const loggedIn = auth.loggedIn;
 const title = ref("");
 const content = ref("");
 
@@ -23,7 +24,7 @@ async function post() {
 </script>
 
 <template>
-    <div v-if="auth.loggedIn">
+    <div v-if="loggedIn">
         <h1>Create Post</h1>
         <input type="text" v-model="title" placeholder="Title" />
         <textarea v-model="content" placeholder="Content"></textarea>
diff --git a/nginx/vue/src/components/admin/CreateUser.vue b/nginx/vue/src/components/admin/CreateUser.vue
index 685ac71..dc04c31 100644
--- a/nginx/vue/src/components/admin/CreateUser.vue
+++ b/nginx/vue/src/components/admin/CreateUser.vue
@@ -3,6 +3,7 @@ import { ref, onMounted, computed } from "vue";
 import { useAuthStore } from "@/stores/auth";
 
 const auth = useAuthStore();
+const loggedIn = auth.loggedIn;
 const username = ref("");
 const password = ref("");
 
@@ -12,7 +13,7 @@ function handleLogin() {
 </script>
 
 <template>
-    <div v-if="auth.loggedIn">
+    <div v-if="loggedIn">
         <h1>Logged in</h1>
         <p>{{ auth.user.ID }}</p>
         <p>{{ auth.user.username }}</p>
diff --git a/nginx/vue/src/components/admin/Login.vue b/nginx/vue/src/components/admin/Login.vue
index f2b5d82..454b0a1 100644
--- a/nginx/vue/src/components/admin/Login.vue
+++ b/nginx/vue/src/components/admin/Login.vue
@@ -5,6 +5,7 @@ import { useAuthStore } from "@/stores/auth";
 const auth = useAuthStore();
 const username = ref("");
 const password = ref("");
+const loggedIn = auth.loggedIn;
 
 function handleLogin() {
     auth.logIn(username.value, password.value);
@@ -16,7 +17,7 @@ function handleLogout() {
 </script>
 
 <template>
-    <div v-if="auth.loggedIn">
+    <div v-if="loggedIn">
         <h1>Logged in</h1>
         <p>{{ auth.user.ID }}</p>
         <p>{{ auth.user.username }}</p>