From 5c50cc0b5835e9250ebc31c4f77dcecf4d260862 Mon Sep 17 00:00:00 2001
From: Hironsan <light.tree.1.13@gmail.com>
Date: Wed, 20 Oct 2021 08:04:54 +0900
Subject: [PATCH] Add explanation for grapheme mode

---
 frontend/components/project/FormCreate.vue | 23 ++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/frontend/components/project/FormCreate.vue b/frontend/components/project/FormCreate.vue
index 32f9689d..2df9d50b 100644
--- a/frontend/components/project/FormCreate.vue
+++ b/frontend/components/project/FormCreate.vue
@@ -64,9 +64,28 @@
         <v-checkbox
           v-if="isSequenceLabelingProject"
           :value="graphemeMode"
-          label="Use grapheme mode"
           @change="updateValue('graphemeMode', $event === true)"
-        />
+        >
+          <template v-slot:label>
+            <div>
+              Count
+              <v-tooltip bottom>
+                <template v-slot:activator="{ on }">
+                  <a
+                    target="_blank"
+                    href="https://unicode.org/reports/tr29/"
+                    @click.stop
+                    v-on="on"
+                  >
+                    grapheme clusters
+                  </a>
+                </template>
+                Like emoji(🌷, 💩, and 👍)
+              </v-tooltip>
+              as one character
+            </div>
+          </template>
+        </v-checkbox>
         <v-checkbox
           :value="enableRandomOrder"
           :label="$t('overview.randomizeDocOrder')"