From 2a7502ef4d2e2e790f79603d55adadb75ba81337 Mon Sep 17 00:00:00 2001
From: Hironsan <light.tree.1.13@gmail.com>
Date: Tue, 28 Jan 2020 17:10:27 +0900
Subject: [PATCH] Disable left/right shortcut key in input and textarea

Closes #488
---
 frontend/components/containers/annotation/Paginator.vue    | 2 --
 frontend/components/molecules/EntityItem.vue               | 2 --
 frontend/components/organisms/annotation/EntityItemBox.vue | 2 --
 frontend/nuxt.config.js                                    | 3 ++-
 frontend/plugins/vue-shortkey.js                           | 7 +++++++
 5 files changed, 9 insertions(+), 7 deletions(-)
 create mode 100644 frontend/plugins/vue-shortkey.js

diff --git a/frontend/components/containers/annotation/Paginator.vue b/frontend/components/containers/annotation/Paginator.vue
index fcd60402..a4660f0f 100644
--- a/frontend/components/containers/annotation/Paginator.vue
+++ b/frontend/components/containers/annotation/Paginator.vue
@@ -60,9 +60,7 @@
 </template>
 
 <script>
-import Vue from 'vue'
 import { mapState, mapActions, mapMutations, mapGetters } from 'vuex'
-Vue.use(require('vue-shortkey'))
 
 export default {
   data() {
diff --git a/frontend/components/molecules/EntityItem.vue b/frontend/components/molecules/EntityItem.vue
index 157d09ff..4b1f5cdd 100644
--- a/frontend/components/molecules/EntityItem.vue
+++ b/frontend/components/molecules/EntityItem.vue
@@ -35,9 +35,7 @@
 </template>
 
 <script>
-import Vue from 'vue'
 import { idealColor } from '~/plugins/utils.js'
-Vue.use(require('vue-shortkey'))
 
 export default {
   props: {
diff --git a/frontend/components/organisms/annotation/EntityItemBox.vue b/frontend/components/organisms/annotation/EntityItemBox.vue
index 07b67dbd..070ee2c0 100644
--- a/frontend/components/organisms/annotation/EntityItemBox.vue
+++ b/frontend/components/organisms/annotation/EntityItemBox.vue
@@ -43,9 +43,7 @@
 </template>
 
 <script>
-import Vue from 'vue'
 import EntityItem from '~/components/molecules/EntityItem'
-Vue.use(require('vue-shortkey'))
 
 export default {
   components: {
diff --git a/frontend/nuxt.config.js b/frontend/nuxt.config.js
index 2fba8c7e..782ec3e6 100644
--- a/frontend/nuxt.config.js
+++ b/frontend/nuxt.config.js
@@ -48,7 +48,8 @@ export default {
   */
   plugins: [
     '~/plugins/filters.js',
-    '~/plugins/vue-youtube.js'
+    '~/plugins/vue-youtube.js',
+    '~/plugins/vue-shortkey.js'
   ],
   /*
   ** Nuxt.js modules
diff --git a/frontend/plugins/vue-shortkey.js b/frontend/plugins/vue-shortkey.js
new file mode 100644
index 00000000..5e50f7b0
--- /dev/null
+++ b/frontend/plugins/vue-shortkey.js
@@ -0,0 +1,7 @@
+import Vue from 'vue'
+const ShortKey = require('vue-shortkey')
+
+// add any custom shortkey config settings here
+Vue.use(ShortKey, { prevent: ['input', 'textarea'] })
+
+export default ShortKey