AntdのTooltipのデフォルト動作は、Tooltipにカーソルが移動しても表示されたままになる。ただ、この動作だとTooltipが邪魔になる場合があるので、対象の要素の外にカーソルが移動したらTooltipが非表示になってほしい。そのためには、mouseLeaveDelayオプションを0に設定することで実現できる。

ローカル開発環境でのSSL認証が必要な時ってありますよね。mkcertというツールを使えば簡単にhttps://localhostでアクセスできるようになります。今回は、Nuxt.jsへの実装例を紹介。

Nuxt.js SPA・SSR対応のGTMからGAのページトラッキングの設定方法です。nuxt-community/gtm-moduleリポジトリの@nuxtjs/gtmを使った2020年最新の設定方法になります。@nuxtjs/google-tag-managerは廃止されメンテナンスされなくなるので、@nuxtjs/gtmを使いましょう。

Vue内でSVGを読み込む際に、アイコンは色や塗り・線などのスタイルを変更するためにvue-svg-loaderで読み込みたいし、ロゴはimgタグで出力するためにfile-loaderで読み込みたい。WebpackのoneOfを使えば、vue-svg-loaderとfile-loaderの使い分けができる。