diff --git a/nginx/vue/src/components/admin/CreatePost.vue b/nginx/vue/src/components/admin/CreatePost.vue
index cd7a952..b9170a5 100644
--- a/nginx/vue/src/components/admin/CreatePost.vue
+++ b/nginx/vue/src/components/admin/CreatePost.vue
@@ -4,7 +4,6 @@ import axios from "axios";
 import { useAuthStore } from "@/stores/auth";
 
 const auth = useAuthStore();
-const loggedIn = auth.loggedIn;
 const title = ref("");
 const content = ref("");
 
@@ -24,7 +23,7 @@ async function post() {
 </script>
 
 <template>
-    <div v-if="loggedIn">
+    <div v-if="auth.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 dc04c31..685ac71 100644
--- a/nginx/vue/src/components/admin/CreateUser.vue
+++ b/nginx/vue/src/components/admin/CreateUser.vue
@@ -3,7 +3,6 @@ import { ref, onMounted, computed } from "vue";
 import { useAuthStore } from "@/stores/auth";
 
 const auth = useAuthStore();
-const loggedIn = auth.loggedIn;
 const username = ref("");
 const password = ref("");
 
@@ -13,7 +12,7 @@ function handleLogin() {
 </script>
 
 <template>
-    <div v-if="loggedIn">
+    <div v-if="auth.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 454b0a1..f2b5d82 100644
--- a/nginx/vue/src/components/admin/Login.vue
+++ b/nginx/vue/src/components/admin/Login.vue
@@ -5,7 +5,6 @@ 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);
@@ -17,7 +16,7 @@ function handleLogout() {
 </script>
 
 <template>
-    <div v-if="loggedIn">
+    <div v-if="auth.loggedIn">
         <h1>Logged in</h1>
         <p>{{ auth.user.ID }}</p>
         <p>{{ auth.user.username }}</p>
diff --git a/nginx/vue/src/stores/auth.js b/nginx/vue/src/stores/auth.js
index 2e02fc6..1af153b 100644
--- a/nginx/vue/src/stores/auth.js
+++ b/nginx/vue/src/stores/auth.js
@@ -6,7 +6,7 @@ export const useAuthStore = defineStore("auth", () => {
   const user = ref({});
   checkToken();
 
-  const loggedIn = computed(() => !!auth.user.username);
+  const loggedIn = computed(() => !!user.username);
 
   async function logOut() {
     try {