refactor: remove 'Component' from folder name

src/components/LeaderboardComponents/__tests__/Leaderboard.spec.ts → src/components/Leaderboard/__tests__/Leaderboard.spec.ts

@@ -2,9 +2,9 @@ import { describe, it, expect, beforeEach, vi } from 'vitest';
 import { mount } from '@vue/test-utils';
 import { createRouter, createMemoryHistory } from 'vue-router';
 import { createPinia, setActivePinia } from 'pinia';
-import Leaderboard from '@/components/LeaderboardComponents/Leaderboard.vue';
-import { useUserInfoStore } from '@/stores/UserStore';
-import router from '@/router/index';
+import Leaderboard from '../Leaderboard.vue';
+import { useUserInfoStore } from '../../../stores/UserStore';
+import router from '../../../router';
 
 describe('Leaderboard', () => {
 

src/components/NewsComponents/__tests__/NewsComponent.spec.ts → src/components/News/__tests__/NewsComponent.spec.ts

 import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
 import { mount } from '@vue/test-utils';
-import MyComponent from '@/components/NewsComponents/NewsComponent.vue'; // Adjust the import path according to your setup
+import MyComponent from '../NewsComponent.vue'; // Adjust the import path according to your setup
 
 global.fetch = vi.fn(() =>
   Promise.resolve(

src/components/SavingGoalComponents/SavingGoal.vue → src/components/SavingGoal/SavingGoal.vue

 <script lang="ts">
-import SavingGoalList from "@/components/SavingGoalComponents/SavingGoalList.vue";
-import SavingGoalRoadmap from "@/components/SavingGoalComponents/SavingGoalRoadmap.vue";
-import SavingGoalCreate from "@/components/SavingGoalComponents/SavingGoalCreate.vue";
+import SavingGoalList from "@/components/SavingGoal/SavingGoalList.vue";
+import SavingGoalRoadmap from "@/components/SavingGoal/SavingGoalRoadmap.vue";
+import SavingGoalCreate from "@/components/SavingGoal/SavingGoalCreate.vue";
 import type {GoalDTO} from "@/api";
 import {GoalService} from "@/api";
 

src/views/Leaderboard/LeaderboardView.vue

@@ -45,7 +45,7 @@
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
 import { useRouter } from 'vue-router';
-import Leaderboard from '@/components/LeaderboardComponents/Leaderboard.vue';
+import Leaderboard from '@/components/Leaderboard/Leaderboard.vue';
 import { LeaderboardService } from '@/api';
 
 let streakLeaderboardData = ref([] as  any);

src/views/News/NewsView.vue

 <script setup lang="ts">
-import NewsComponent from "@/components/NewsComponents/NewsComponent.vue";
+import NewsComponent from "@/components/News/NewsComponent.vue";
 </script>
 
 

src/views/SavingGoal/RoadmapView.vue

 <script setup lang="ts">
-import SavingGoal from "@/components/SavingGoalComponents/SavingGoal.vue";
+import SavingGoal from "@/components/SavingGoal/SavingGoal.vue";
 </script>
 
 <template>