🚸 兑换码浮窗显示游戏名称

src/components/app/t-gameNav.vue

@@ -7,7 +7,7 @@
     <div v-if="hasNav" class="tgn-nav">
       <v-icon size="25" @click="tryGetCode" title="查看兑换码">mdi-code-tags-check</v-icon>
     </div>
-    <ToLivecode v-model="showOverlay" :data="codeData" v-model:actId="actId" />
+    <ToLivecode v-model="showOverlay" :gid="model" :data="codeData" :actId="actId" />
   </div>
 </template>
 <script lang="ts" setup>

src/components/app/to-livecode.vue

@@ -2,7 +2,7 @@
   <TOverlay v-model="visible" class="tolc-overlay">
     <div class="tolc-box">
       <div class="tolc-title">
-        <span>兑换码</span>
+        <span>{{ gameInfo?.name ?? "" }}兑换码</span>
         <v-icon
           size="18px"
           title="share"
@@ -39,16 +39,28 @@
 </template>
 <script setup lang="ts">
 import showSnackbar from "@comp/func/snackbar.js";
+import useBBSStore from "@store/bbs.js";
 import { generateShareImg } from "@utils/TGShare.js";
 import { timestampToDate } from "@utils/toolFunc.js";
+import { storeToRefs } from "pinia";
+import { computed } from "vue";
 
 import TMiImg from "./t-mi-img.vue";
 import TOverlay from "./t-overlay.vue";
 
-type ToLiveCodeProps = { data: Array<TGApp.BBS.Navigator.CodeData>; actId: string | undefined };
+type ToLiveCodeProps = {
+  data: Array<TGApp.BBS.Navigator.CodeData>;
+  actId: string | undefined;
+  gid: number;
+};
+
+const { gameList } = storeToRefs(useBBSStore());
 
 const props = defineProps<ToLiveCodeProps>();
 const visible = defineModel<boolean>({ default: false });
+const gameInfo = computed<TGApp.BBS.Game.Item | undefined>(() => {
+  return gameList.value.find((i) => i.id === props.gid);
+});
 
 function copy(code: string): void {
   navigator.clipboard.writeText(code);