Nuxt2のプロジェクトのNuxt3化をしてる途中。 nuxt-modules/iconが使いたいけど、 Nuxt2には対応していないよう。。 とりあえず、Nuxt2でIconifyを使える用意して、 Buefyのb-iconを置き換えれるようにしたときの備忘録。 iconifyの導入 Iconify for Vue 2 I…

普段Bulmaを使っているけど、カラーテーマないかなと思ってたら、 Bulmaswatchというのを見つけたのでその備忘録。 インストール まずは、bulmaswatchをインストール $ npm install bulmaswatch cssに組み込む BuefyのCustomizationに従い、SCSSを用意。 そ…

Buefyを使って開発をしているけど、 BulmaのModal内でDatePickerを使うとモーダル内に隠れてしまって、うまく表示されないことがあるので、その時の備忘録。 GitHubのIssue(#292)で書かれていて、こんな感じのCSSを追加するとよいらしい。 overflowがautoに…

以前の記事でvue-fontawesomeを使って、FontAwesome5を使えるようにしたけど、 nuxt-fontawesomeというもっと便利なのがあったので、試してみたときの備忘録。 便利だけでどデフォルトをFontAwesomeにしないといけないっぽい感じなので、併用していると難し…

ふいにボトムナビ(下の方にあるメニューバー)をつけたいなと思ったので、 その時の備忘録。Bulmaが好きなのでBulmaで。 やっぱスマホだとボトムナビゲーションのほうがいいよねぇと思ったので、レスポンシブ対応した(*´ω｀*) pic.twitter.com/NjUznVjOXv— き…

最近Bulmaがいい感じ。Awesome5をBulma/Nuxt.jsで利用するときの備忘録 インストール $ npm install --save nuxt-buefy @fortawesome/fontawesome-free-webfonts nuxt.config.jsの設定 { // CSSにFont Awesomeを追加 css: [ '@fortawesome/fontawesome-free-…