Refactor authentication components to destructure apiBaseUrl from runtime config

Author: Vianpyro

components/authentication/Login.vue

@@ -11,15 +11,15 @@ import { ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { useCookie } from '#app';
 
-const config = useRuntimeConfig();
+const { public: { apiBaseUrl  } } = useRuntimeConfig();
 const router = useRouter();
 
 const email = ref('');
 const password = ref('');
 
 const login = async () => {
     try {
-        const data = await fetch(`${config.public.apiBaseUrl}/auth/login`, {
+        const data = await fetch(`${apiBaseUrl}/auth/login`, {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify({

components/authentication/Register.vue

@@ -31,7 +31,7 @@ import { ref } from 'vue';
 import IconShow from '@/assets/icons/eye.svg';
 import IconHide from '@/assets/icons/eye-off.svg';
 
-const config = useRuntimeConfig();
+const { public: { apiBaseUrl  } } = useRuntimeConfig();
 
 const username = ref('');
 const email = ref('');
@@ -55,7 +55,7 @@ const register = async () => {
     }
 
     try {
-        const response = await fetch(`${config.public.apiBaseUrl}/auth/register`, {
+        const response = await fetch(`${apiBaseUrl}/auth/register`, {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify({