From 66ff9ffc21448bd888342621dc8b93ab8fe60fbb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8D=E7=9F=A5=E7=81=AB=20Shiranui?=
 <supersonic@livemail.tw>
Date: Tue, 8 Oct 2024 16:30:37 +0800
Subject: [PATCH] fix(codeview.vue): bugs

---
 src/views/CodeView.vue | 37 ++++++++++++++++++++++++++++++-------
 1 file changed, 30 insertions(+), 7 deletions(-)

diff --git a/src/views/CodeView.vue b/src/views/CodeView.vue
index 727b079..5521587 100644
--- a/src/views/CodeView.vue
+++ b/src/views/CodeView.vue
@@ -1,14 +1,26 @@
 <template>
   <div class="bg-violet-500">
     <div class="container my-5 px-9 py-5">
-      <div class="max-w-sm rounded overflow-hidden shadow-lg px-3 py-5 bg-white"></div>
+      <div class="max-w-sm rounded overflow-hidden shadow-lg px-3 py-5 bg-white">
+        你所黏上的片段網址：
+        <span class="
+            rounded-full
+            bg-slate-100
+            px-2
+            py-1
+            text-xs
+            font-semibold
+            text-slate-700
+          ">
+          {{ url }}
+        </span>
+      </div>
       <div class="mx-3 my-5 text-white">
         或者，將片段代碼傳送給你的朋友，讓他們利用代碼查詢這份的文字片段
       </div>
       <div class="max-w-sm rounded overflow-hidden shadow-lg px-3 py-5 bg-white">
         <h4 class="font-semibold text-slate-900">片段代碼：</h4>
-        <span
-          class="
+        <span class="
             rounded-full
             bg-slate-100
             px-2
@@ -16,9 +28,8 @@
             text-xs
             font-semibold
             text-slate-700
-          "
-        >
-          some_code_here
+          ">
+          {{ code }}
         </span>
       </div>
     </div>
@@ -34,8 +45,20 @@ export default {
       required: true,
     },
   },
+  computed: {
+    url() {
+      if (!this.result?._id) {
+        return "Unknown";
+      }
+      const baseUrl = process.env.VUE_APP_INTE_HOST;
+      return `${baseUrl}/${this.result._id}`;
+    },
+    code() {
+      return this.result?._id || "Unknown"
+    },
+  },
   created() {
-    if (!this.result) {
+    if (!this.result?._id) {
       this.$router.replace("/");
     }
   },