【Nuxt.js】Nuxt.jsプロジェクトにプラグインを導入する

Nuxt.jsで外部プラグインを導入する際の手順をまとめておきます。

1 . 追加したいプラグインをインストール（今回はvuejs-dialogを例にします）

npm i -save vuejs-dialog

package.jsonに追加されていることを確認！

package.json

"vuejs-dialog": "^1.4.2"

2 . pluginsフォルダ配下にファイルを作成する(ファイル名は任意)

※MacのコマンドなのでWindowsの方は読み替えて下さい。

touch plugins/vuejs-dialog.js

3 . 下記のようにプラグインをVueで使うことを宣言する

plugins/vuejs-dialog.js

import Vue from 'vue'
import VueDialog from 'vuejs-dialog'

Vue.use(VueDialog)

4 . 作成したplugins/vuejs-dialog.jsをnuxt.config.jsに登録する

nuxt.config.js

plugins: [
    { src: '~/plugins/vuejs-dialog'}
  ],

これで各Vueファイルからプラグインを使用できます!!!