Hi all, I installed vue-awesome-swiper to my sage9 site by following README.md.
For some reason, the slider only works properly after “yarn start”. Slider does not work after “yarn build”.
Have a look. My localhost:3000 (yarn start) is at the top of the gif.
My swipe cards are transitioning fine, spacing between the cards works, there is some class magic going on the right (golden highlights), there is inertia after drag release.
The local site after “yarn build” is at the bottom. Spacing is broken. Swipe cards drag survived but it is kind of crippled (inertia is gone ).
- I added Vue by following guide at Adding Vue.js to Sage 9: Dependencies and Approach
- I use TailwindCSS
- I don’t see any new erros in browser developer console
- Other Vue components like vue2-google-maps work fine
- I tried both vue-awesome-slider Global and and Local Registration (Readme.md)
routes/maps.js route file where I have registered vue-awesome-swiper. Vue app and Google maps were registered before:
scripts/vue/.../FullScreenSwipeCardsBar.vue file where I use the slider:
This text will be hidden
Please help to fix my build, I am not sure what is going on.