import { directive } from "vue-awesome-swiper";

export default {
 data() {
   return {
     swiperOptions: {
       preloadImages: false,
       lazy: true,
       autoplay: {
         delay: 6000,
         disableOnInteraction: true,
       },
       pagination: {
         el: ".swiper-pagination",
         clickable: true,
       },
       navigation: {
         nextEl: ".swiper-button-next",
         prevEl: ".swiper-button-prev",
       },
     },
   };
 },
 directives: {
   swiper: directive,
 },
};
</script>

т.е. к этому еще чота надо?

ничего из этого как-будто не работает...

У меня это работает на нескольких проектах)

Получается тащится не весь свайпер? Просто согласно доке он юзается как компонент, а не директива.

https://swiperjs.com/vue

Покажи yarn build —analyze

Там инструкция по подключению на vue3

про это?

все же просто компонентами юзаешь?

ну nuxt.config.js plugins: ['...swiper.js'] нет?