Nuxt.jsのプロジェクトに、Onsen UIを導入する方法を紹介します。
パッケージをインストール
Onsen UI用のモジュールであるnuxt-onsenui-moduleをインストールします。
$ npm i -D nuxt-onsenui-module
プロジェクトにモジュールを追加
nuxt.config.js
ファイルのmodules
に、nuxt-onsenui-module
を追加します。
例:
nuxt.config.js
module.exports = {
modules: [
'nuxt-onsenui-module'
]
}
これだけで、各コンポーネント内でOnsen UIのコンポーネントを使用することができます。