From 892bbfed68ab2658098d3c9db9fe168b0036d6f3 Mon Sep 17 00:00:00 2001
From: Hironsan <light.tree.1.13@gmail.com>
Date: Fri, 19 Mar 2021 09:08:52 +0900
Subject: [PATCH] Add v-shortkey, fix #1258

---
 .../pages/projects/_id/text-classification/index.vue     | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/pages/projects/_id/text-classification/index.vue b/frontend/pages/projects/_id/text-classification/index.vue
index 740ca12c..f97dc753 100644
--- a/frontend/pages/projects/_id/text-classification/index.vue
+++ b/frontend/pages/projects/_id/text-classification/index.vue
@@ -18,7 +18,10 @@
       />
     </template>
     <template v-slot:content>
-      <v-card @shortkey="addOrRemove">
+      <v-card
+        v-shortkey="shortKeys"
+        @shortkey="addOrRemove"
+      >
         <v-card-title>
           <text-classification
             :labels="labels"
@@ -37,14 +40,12 @@
 </template>
 
 <script>
-import Vue from 'vue'
 import _ from 'lodash'
 import LayoutText from '@/components/tasks/layout/LayoutText'
 import ListMetadata from '@/components/tasks/metadata/ListMetadata'
 import TextClassification from '@/components/tasks/textClassification/TextClassification'
 import ToolbarLaptop from '@/components/tasks/toolbar/ToolbarLaptop'
 import ToolbarMobile from '@/components/tasks/toolbar/ToolbarMobile'
-Vue.use(require('vue-shortkey'))
 
 export default {
   layout: 'workspace',
@@ -129,7 +130,7 @@ export default {
 
     async addOrRemove(event) {
       const label = this.labels.find(item => item.id === parseInt(event.srcKey, 10))
-      const annotation = this.doc.annotations.find(item => item.label === label.id)
+      const annotation = this.annotations.find(item => item.label === label.id)
       if (annotation) {
         await this.remove(annotation.id)
       } else {