feat: add tool

Author: cuixiaorui

apps/client/components/main/Tool.vue

@@ -0,0 +1,26 @@
+<template>
+  <div class="fixed right-5 top-24 w-28 h-40 bg-pink-500">
+    <div>
+      <NuxtLink href="/courses"> 更多课程 </NuxtLink>
+    </div>
+    <div>{{ coursesStore.currentCourse.title }}</div>
+    <div>
+      <button @click="handleDoAgain">重新开始</button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useCoursesStore } from "~/store/courses";
+import { useMode } from "./game";
+
+const coursesStore = useCoursesStore();
+const { showQuestion } = useMode();
+
+function handleDoAgain() {
+  coursesStore.doAgain();
+  showQuestion()
+}
+</script>
+
+<style scoped></style>

apps/client/pages/Main/[id].vue

@@ -1,9 +1,13 @@
 <template>
-  <Game></Game>
+  <div class="relative">
+    <Game></Game>
+    <Tool></Tool>
+  </div>
 </template>
 
 <script setup lang="ts">
 import Game from "~/components/main/Game.vue";
+import Tool from '~/components/main/Tool.vue';
 import { useCoursesStore } from "~/store/courses";
 
 const route = useRoute();