LoginSignup
11
9

More than 3 years have passed since last update.

Nuxt.jsのプロジェクトにOnsen UIを導入する方法

Last updated at Posted at 2018-10-22

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のコンポーネントを使用することができます。

使用例

11
9
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
9