Upgrade to Pro — share decks privately, control downloads, hide ads and more …

UIコンポーネント Vue3マイグレーション体験記

UIコンポーネント Vue3マイグレーション体験記

PayPayカード株式会社ではVue.js/Nuxt.jsを使ったプロダクト開発が中心です。昨年2023年12月末にvue2.xがEOLを迎えたため、セキュリティの観点からVue3へマイグレーションを行う必要がありました、今回はPayPayカード内で利用しているUIコンポーネントのマイグレーションを行う中で、苦労した点やどう解決したかについてお話します。

LY Corporation Tech

April 17, 2024
Tweet

More Decks by LY Corporation Tech

Other Decks in Technology

Transcript

  1. Swiperで利用されているscssのimport関連でビルドが通らない š 当初swiper6系を利用していた。 š Swiper6系はproduction build時にpagination componentのscssが抜け落ちて しまう事象が解決されていない š https://github.com/nolimits4web/swiper/issues/3777

    š HACK対応でrequireを使えばうまく動作するが、Vite環境でrequireが使えない。 Swiper7系でその事象が解決されているため、Vue3対応時には取り急ぎv7までバー ジョンアップ š https://github.com/nolimits4web/swiper/projects/2 13