Disable left/right shortcut key in input and textarea

Closes doccano#488

Author: Hironsan

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() {

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: {

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: {

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

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