categorise components - change path

app/src/components/game/CompleteModal.vue

@@ -4,7 +4,7 @@ import { useToast } from 'vue-toastification'
 import { ref } from 'vue'
 import { Vue3Lottie } from 'vue3-lottie'
 // import { surveyUrl } from '../config'
-import CompleteAnimation from '../img/complete-animation.json'
+import CompleteAnimation from '../../img/complete-animation.json'
 
 const showModal = ref(true) // Controls whether the modal is visible or not
 const router = useRouter()

app/src/components/game/ControlPalette.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { useRouter } from 'vue-router'
 import { useToast } from 'vue-toastification'
-import { createSession } from '../store/session'
-import { surveyUrl } from '../config'
+import { createSession } from '../../store/session'
+import { surveyUrl } from '../../config'
 
 const router = useRouter()
 const reset = async () => {

app/src/components/game/HintPart.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, watch } from 'vue'
-import sessionStore from '../store/session'
-import MarkdownText from './MarkdownText.vue'
+import sessionStore from '../../store/session'
+import MarkdownText from '../MarkdownText.vue'
 
 const current = ref(-1)
 watch(

app/src/components/game/QuestPart.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import MarkdownText from './MarkdownText.vue'
-import sessionStore from '../store/session'
+import MarkdownText from '../MarkdownText.vue'
+import sessionStore from '../../store/session'
 import { Task } from '../types'
 
 const tasks = computed(() => {

app/src/components/game/TerminalPart.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { onMounted, ref } from 'vue'
-import { useTerminal } from '../store/session'
+import { useTerminal } from '../../store/session'
 
 const terminal = ref<HTMLElement | null>(null)
 

app/src/components/game/TreeChart.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import FileNode from './FileNode.vue'
-import sessionStore from '../store/session'
+import FileNode from '..FileNode.vue'
+import sessionStore from '../../store/session'
 </script>
 
 <template>

app/src/components/header/GameHeaderComponents.vue

@@ -2,13 +2,13 @@
 import { onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { useToast } from 'vue-toastification'
-import { logout } from '../utils/auth'
-import { bugReportUrl, surveyUrl } from '../config'
-import { reset } from '../store/session'
+import { logout } from '../../utils/auth'
+import { bugReportUrl, surveyUrl } from '../../config'
+import { reset } from '../../store/session'
 import userProfileStore, {
   loadUserProfile,
   resetUserProfile,
-} from '../store/userProfile'
+} from '../../store/userProfile'
 
 const router = useRouter()
 

app/src/views/LeaderboardPage.vue

@@ -2,8 +2,8 @@
 import { ref, onMounted } from 'vue'
 import { useToast } from 'vue-toastification'
 import DynamicBackground from '../components/DynamicBackground.vue'
-import HeaderPart from '../components/HeaderPart.vue'
-import GameHeaderComponents from '../components/GameHeaderComponents.vue'
+import HeaderPart from '../components/header/HeaderPart.vue'
+import GameHeaderComponents from '../components/header/GameHeaderComponents.vue'
 import api from '../utils/api'
 
 const leaderboard = ref<