Currently, I am utilizing version 6.0.25 of Storybook for the documentation of one of my Vue projects. Within this project, I am navigating between records using the less than and greater than buttons on the keyboard. However, an issue arises when I press the less than key, as Storybook intercepts the keyup event with its own shortcut to open the 'About' page. Is there a method to prevent Storybook from implementing all or specific shortcuts? There are other shortcut keys such as 's', 'd', 'f' that developers may need for various purposes! Below is the configuration file main.js in my Vue project for Storybook:
const path = require('path');
module.exports = {
stories: ['../../src/**/*.stories.@(js|ts)'],
addons: [
'@storybook/addon-docs',
'@storybook/addon-actions',
'@storybook/addon-controls'
],
webpackFinal: async (config, { configType }) => {
// Utilize Sass loader for Vuetify components
config.module.rules.push({
test: /\.s(a|c)ss$/,
use: ['style-loader', 'css-loader', 'sass-loader'],
include: path.resolve(__dirname, '../'),
});
config.module.rules.push({
resolve: {
alias: {
'@': path.resolve(__dirname, '../src'),
vue: 'vue/dist/vue.js',
'vue$': 'vue/dist/vue.esm.js',
},
},
});
// Return the modified config
return config;
},
}