Nuxt List

切り抜き

Nuxt3でheadlessuiとvue advanced cropperを使って画像を切り抜いた。

カンマ

Nuxt3とGSAP ScrollTriggerでカンマ含み数字をカウントアニメーションさせる。

ふわっとメニュー

Nuxt3とTailwind CSSでふわっとフェードでメニューを表示する。

効かない

TailwindCSSでhidden sm:blockが効かないのを効かせる。

Nuxt3でpluginsのファイルを呼び出すとtsエラーになる。

順番

Nuxt3でtransitionした時の順番が思ってるのと違った。

崩れる

Vuetify3でpageTransitionしたら、footerが崩れた。

アップアップ

app.vueに何を記載しても反応がないを解決する。

ふぉーむ

Nuxt3でNetlify Formsを動かしてみる。

ねとりふぁい

NetlifyにNuxt3をSSRでデプロイする。

フレワク

Nuxt3+Vuetify3で実装するも相変わらずハマる。

バリフォー

Nuxt3でvuetify3とVeeValidate4を実装するのに手こずる。

北海道コロナ週報

北海道の新型コロナウイルス感染状況を可視化する。

勝手にリフレ

Nuxt3でリフレッシュされる現象に悩まされる。

要不要

Nuxt3でnuxt-securityを導入したが不要だった件。

ハマる

Nuxt3でnuxt-og-imageにハマる。

怪しいチャート

Nuxt3でApexChartsを使い多軸yaxisと複数のsiriesを紐付ける。

ハマる

Nuxt3でcreateElementしたらCSSが効かないを解消する。

縦スラ

横スライダーを縦スライダーにする話。

条件分岐

Nuxt3でv-bindのclassに複数の条件分岐を設定する。