From 8b17249fc2962d287d6790f7e31e27d97c6273a6 Mon Sep 17 00:00:00 2001
From: cuixiaorui <cui_xiaorui@126.com>
Date: Wed, 24 Jan 2024 18:58:52 +0800
Subject: [PATCH] feat: add tool

---
 apps/client/components/main/Tool.vue | 26 ++++++++++++++++++++++++++
 apps/client/pages/Main/[id].vue      |  6 +++++-
 2 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 apps/client/components/main/Tool.vue

diff --git a/apps/client/components/main/Tool.vue b/apps/client/components/main/Tool.vue
new file mode 100644
index 000000000..c8aa79cb4
--- /dev/null
+++ b/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>
diff --git a/apps/client/pages/Main/[id].vue b/apps/client/pages/Main/[id].vue
index d92443c15..2ca8eeae6 100644
--- a/apps/client/pages/Main/[id].vue
+++ b/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();