✨ initialized with vue3-shortkey@4.0.0

ui/package.json

@@ -72,6 +72,7 @@
     "vue-web-storage": "^6.1.0",
     "vue3-clipboard": "^1.0.0",
     "vue3-google-login": "^2.0.20",
+    "vue3-shortkey": "^4.0.0",
     "vuedraggable": "^4.0.3",
     "vuex": "^4.0.0-0"
   },

ui/src/main.js

@@ -53,6 +53,7 @@ vueApp.use(localesPlugin)
 vueApp.use(genericUtilPlugin)
 vueApp.use(extensions)
 vueApp.use(directives)
+vueApp.use(require('vue3-shortkey'), { prevent: ['input', 'textarea'] })
 
 fetch('config.json').then(response => response.json()).then(config => {
   vueProps.$config = config

ui/src/views/AutogenView.vue

@@ -28,6 +28,8 @@
                   style="margin-bottom: 5px"
                   shape="round"
                   size="small"
+                  v-shortkey="['r']"
+                  @shortkey="fetchData({ irefresh: true })"
                   @click="fetchData({ irefresh: true })">
                   <template #icon><reload-outlined /></template>
                   {{ $t('label.refresh') }}