chore: ran format

src/components/__tests__/DisplayInfoForChallengeOrGoalTest.spec.ts

@@ -3,15 +3,15 @@ import { mount } from '@vue/test-utils'
 import DisplayInfoForChallengeOrGoal from '@/components/DisplayInfoForChallengeOrGoal.vue'
 
 interface Props {
-    displayInfoCard: boolean;
-    screenSize: number;
-    challenge: any;
-    goal: any;
-    isChallenge: boolean;
+    displayInfoCard: boolean
+    screenSize: number
+    challenge: any
+    goal: any
+    isChallenge: boolean
 }
 
 describe('InfoCardComponent', () => {
-    let wrapper: any;
+    let wrapper: any
     const mockChallenge = {
         description: 'Complete daily tasks',
         title: 'Daily Challenge',
@@ -20,7 +20,7 @@ describe('InfoCardComponent', () => {
         due: '2024-01-01T00:00:00Z',
         perPurchase: 10,
         target: 500
-    };
+    }
 
     beforeEach(() => {
         wrapper = mount(DisplayInfoForChallengeOrGoal, {
@@ -33,14 +33,14 @@ describe('InfoCardComponent', () => {
     })
 
     it('toggles displayInfoCard when the button is clicked', async () => {
-        expect(wrapper.vm.displayInfoCard).toBe(false);
-        await wrapper.find('button').trigger('click');
-        expect(wrapper.vm.displayInfoCard).toBe(true);
-        await wrapper.find('button').trigger('click');
-        expect(wrapper.vm.displayInfoCard).toBe(false);
+        expect(wrapper.vm.displayInfoCard).toBe(false)
+        await wrapper.find('button').trigger('click')
+        expect(wrapper.vm.displayInfoCard).toBe(true)
+        await wrapper.find('button').trigger('click')
+        expect(wrapper.vm.displayInfoCard).toBe(false)
     })
 
     it('does not render the info card when displayInfoCard is false', () => {
-        expect(wrapper.find('.w-[40vh]').exists()).toBe(false);
+        expect(wrapper.find('.w-[40vh]').exists()).toBe(false)
     })
 })

src/components/__tests__/HelpComponentTest.spec.ts

@@ -10,7 +10,7 @@ describe('HelpComponent', () => {
     beforeEach(() => {
         wrapper = mount(HelpComponent, {
             props: {
-                speech: ['Sample Speech'], // Pass as an array
+                speech: ['Sample Speech'] // Pass as an array
             }
         })
     })
@@ -20,41 +20,41 @@ describe('HelpComponent', () => {
     })
 
     it('should open the modal when the image is clicked', async () => {
-        await wrapper.find('.fixed').trigger('click');
-        expect(wrapper.vm.isModalOpen).toBe(true);
+        await wrapper.find('.fixed').trigger('click')
+        expect(wrapper.vm.isModalOpen).toBe(true)
     })
 
     it('should close the modal when the skip link is clicked', async () => {
-        wrapper.vm.isModalOpen = true;
-        await wrapper.vm.$nextTick();
+        wrapper.vm.isModalOpen = true
+        await wrapper.vm.$nextTick()
 
         if (wrapper.find('a').exists()) {
-            await wrapper.find('a').trigger('click');
-            await wrapper.vm.$nextTick();
-            expect(wrapper.vm.isModalOpen).toBe(false);
+            await wrapper.find('a').trigger('click')
+            await wrapper.vm.$nextTick()
+            expect(wrapper.vm.isModalOpen).toBe(false)
         } else {
-            throw new Error('Skip link is not rendered');
+            throw new Error('Skip link is not rendered')
         }
-    });
+    })
 
     it('modal should render the correct speech text to the InteractiveSpare component when modal is open', async () => {
-        wrapper.vm.isModalOpen = true;
-        await wrapper.vm.$nextTick();
+        wrapper.vm.isModalOpen = true
+        await wrapper.vm.$nextTick()
 
-        const interactiveSpare = wrapper.findComponent(InteractiveSpare);
+        const interactiveSpare = wrapper.findComponent(InteractiveSpare)
         if (interactiveSpare.exists()) {
-            expect(interactiveSpare.props('speech')).toEqual(['Sample Speech']); // Pass as an array
+            expect(interactiveSpare.props('speech')).toEqual(['Sample Speech']) // Pass as an array
         } else {
-            throw new Error('InteractiveSpare component is not rendered');
+            throw new Error('InteractiveSpare component is not rendered')
         }
     })
 
     it('should close the modal when close event is emitted by the ModalComponent', async () => {
-        wrapper.vm.isModalOpen = true;
-        await wrapper.vm.$nextTick();
+        wrapper.vm.isModalOpen = true
+        await wrapper.vm.$nextTick()
 
-        wrapper.findComponent(ModalComponent).vm.$emit('close');
-        await wrapper.vm.$nextTick();
-        expect(wrapper.vm.isModalOpen).toBe(false);
+        wrapper.findComponent(ModalComponent).vm.$emit('close')
+        await wrapper.vm.$nextTick()
+        expect(wrapper.vm.isModalOpen).toBe(false)
     })
 })

src/components/__tests__/ModalEditAvatarTest.spec.ts

@@ -9,13 +9,13 @@ const app = createApp({
     setup() {
         app.use(pinia)
     },
-    render: () => null,
+    render: () => null
 })
 
 const wrapper = mount(ModalEditAvatar, {
     global: {
-        plugins: [pinia],
-    },
+        plugins: [pinia]
+    }
 })
 
 describe('ModalEditAvatar', () => {

src/stores/userConfigStore.ts

@@ -6,7 +6,6 @@ import type { ChallengeConfig } from '@/types/challengeConfig'
 import router from '@/router'
 
 export const useUserConfigStore = defineStore('userConfig', () => {
-
     // Reactive state to hold the challenge configuration
     const challengeConfig = ref<ChallengeConfig>({
         experience: '',

src/stores/userStore.ts

@@ -11,7 +11,6 @@ import { base64urlToUint8array, initialCheckStatus, uint8arrayToBase64url } from
 import type { CredentialCreationOptions } from '@/types/CredentialCreationOptions'
 
 export const useUserStore = defineStore('user', () => {
-
     // Reactive state to hold the user information
     const user = ref<User>({
         firstName: '',
@@ -40,7 +39,6 @@ export const useUserStore = defineStore('user', () => {
                 password: password
             })
             .then((response) => {
-
                 // Save access token in session storage
                 sessionStorage.setItem('accessToken', response.data.accessToken)