From b864ce1b091db739809cbdfd01d31ef3a59273bf Mon Sep 17 00:00:00 2001
From: KUN1007 <yuyuyukunkunkun@gmail.com>
Date: Wed, 30 Oct 2024 04:46:27 +0800
Subject: [PATCH] feat: add a plus to add tags

---
 components/edit/topic/Tags.vue | 23 +++++++++++++++++++----
 package.json                   |  2 +-
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/components/edit/topic/Tags.vue b/components/edit/topic/Tags.vue
index e151a28c..555352eb 100644
--- a/components/edit/topic/Tags.vue
+++ b/components/edit/topic/Tags.vue
@@ -116,6 +116,10 @@ watch(
         @blur="isInputFocus = false"
       />
 
+      <span v-if="inputValue" class="add-tag" @click="handleAddTag">
+        <Icon name="lucide:plus" />
+      </span>
+
       <div class="box1"></div>
       <div class="box2" :class="isInputFocus ? 'box-active' : ''"></div>
     </div>
@@ -135,11 +139,22 @@ watch(
   align-items: center;
   flex-wrap: wrap;
   margin-bottom: 10px;
-}
 
-.tags-container {
-  display: flex;
-  flex-wrap: wrap;
+  .tags-container {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  .add-tag {
+    height: 32px;
+    width: 32px;
+    @include kun-center;
+    cursor: pointer;
+    font-size: 24px;
+    border-radius: 10px;
+    background-color: var(--kungalgame-blue-5);
+    color: var(--kungalgame-white);
+  }
 }
 
 .selected-tag {
diff --git a/package.json b/package.json
index 54d4ccbd..52b8ddfc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "kun-galgame-nuxt3",
-  "version": "2.19.20",
+  "version": "2.19.21",
   "packageManager": "pnpm@9.12.1",
   "private": true,
   "scripts": {