update: do not assign jwt value to const

src/components/Profile/ProfileForm.vue

@@ -14,8 +14,6 @@ const props = defineProps({
 const authStore = useAuthStore();
 const router = useRouter();
 
-const jwt = authStore.jwt;
-
 const avatarFile = ref(null);
 const avatarError = ref('');
 
@@ -42,7 +40,7 @@ const onSubmit = async () => {
   }
 
   try {
-    await uploadAvatar(avatarFile.value, jwt);
+    await uploadAvatar(avatarFile.value, authStore.jwt);
     alert('Avatar uploaded successfully!');
     // After successful upload, reload this page
     router.go(0);

src/views/BoardView.vue

@@ -8,12 +8,11 @@ import { useAuthStore } from '../stores/auth';
 const messages = ref([]);
 
 const authStore = useAuthStore();
-const jwt = authStore.jwt;
 const isLoggedIn = authStore.isLoggedIn;
 
 onMounted(async () => {
   try {
-    const response = await getMessages(jwt);
+    const response = await getMessages(authStore.jwt);
     messages.value = response.messages;
   } catch (error) {
     alert("Failed to get messages: " + error.message);
@@ -24,7 +23,7 @@ const onSubmit = async (message) => {
   if (!isLoggedIn) return;
 
   try {
-    await postMessage(message.text, jwt);
+    await postMessage(message.text, authStore.jwt);
 
     const response = await getMessages();
     messages.value = response.messages;
@@ -35,7 +34,7 @@ const onSubmit = async (message) => {
 
 const onDelete = async (messageId) => {
   try {
-    await deleteMessage(messageId, jwt);
+    await deleteMessage(messageId, authStore.jwt);
 
     const response = await getMessages();
     messages.value = response.messages;