From 65b3fc6bef9c7984fd6500d490971bca8ebcfe44 Mon Sep 17 00:00:00 2001
From: "qcgm197874@gmail.com" <qcgm197874@gmail.com>
Date: Thu, 6 Jul 2023 10:23:20 +0800
Subject: [PATCH] Add a copy question button, click to copy a specific
 question, and switch the button's background color based on the color theme
 to adapt.

---
 src/components/Messages/ChatPrompt.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/Messages/ChatPrompt.vue b/src/components/Messages/ChatPrompt.vue
index 06e309aa6..975d36ddd 100644
--- a/src/components/Messages/ChatPrompt.vue
+++ b/src/components/Messages/ChatPrompt.vue
@@ -4,7 +4,10 @@
     class="message prompt"
     :class="props.isThread ? 'thread-prompt' : ''"
   >
-    <pre>{{ props.message.content }}</pre>
+    <span>{{ props.message.content }} </span>
+    <v-btn flat size="x-small" icon @click="copyToClipboard" class="copy_btn_bg">
+      <v-icon>mdi-content-copy</v-icon>
+    </v-btn>
   </v-card>
 </template>
 
@@ -37,6 +40,10 @@ watch(
 onMounted(() => {
   root.value.$el.style.setProperty("--columns", props.columns);
 });
+function copyToClipboard() {
+  let content = props.message.content
+  navigator.clipboard.writeText(content);
+}
 </script>
 
 <style scoped>
@@ -63,4 +70,7 @@ onMounted(() => {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
+.copy_btn_bg {
+  background-color: inherit;
+}
 </style>