keyboard swiper nav

components/Projects.vue

@@ -22,6 +22,7 @@
             :loop="true"
             :modules="modules"
             :navigation="true"
+            :keyboard="{ enabled: true }"
             @slideChange="onSlideChange"
             @swiper="onSwiper"
         >
@@ -39,7 +40,7 @@
 </template>
 
 <script>
-import { A11y, Navigation, Zoom } from "swiper/modules";
+import { Keyboard, A11y, Navigation, Zoom } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/vue";
 import "swiper/css";
 import 'swiper/css/zoom';
@@ -83,7 +84,7 @@ export default {
         return {
             onSwiper,
             onSlideChange,
-            modules: [Navigation, A11y, Zoom],
+            modules: [Keyboard, Navigation, A11y, Zoom],
             displaySlider,
             closeSlider,
         };