現在進行中のNuxt.jsを使ったプロジェクトで横スクロールスライダーのによく使っているswiper.jsをNuxtでもということで導入してみました。githubまずはプロジェクトにインストールnpmでサクッとインストール。--saveプラグインファイルの作成swiperを動作させるためのプラグインファイルを作成、保存します。'vue-awesome-swiper'Vue.use(VueAwesomeSwiper)CSSと作成したプラグインファイルの読み込みプラグインファイルとCSSを共通ファイルで読み込みます。['~plugins/vue-awesome-swiper',],コンポーネントにコードを記述コンポーネントにコードを描いていきます。プラグインの読み込みによってswiperタグとswiper-slideのタグが認識されスライダーとして出力されます。スライドのオプションはswiper.jsと同じ記述で動作しレスポンシブ対応も問題なく動作しました。【components/foo.vue】Nuxtでも簡単にいつも使っている画像スライダーを導入することができました。Nuxt.jsで使えるスライダー、awesome-swiper.jsの導入でした。新たなサービスを展開したいご要望や名古屋のシステム開発会社をお探しでしたら、是非ともお問い合わせください。