Nuxt2のnuxt-linkでaria-currentの属性が設定されなかった問題について
同じURIのリンクなのに aria-currentの属性がつく場合とつかない場合があって結構悩んだのでそのメモ。 どのような問題が発生していたのか？ よくあるページネーションの実装で、1ページ目の/hoge?page=1はクエリを削除してリンクを表示していた。 ページ番号を削除したNuxtLinkにおいて aria-c…
nuxt
6 件の記事
2024
2021
Nuxt Composition APIのuseFetchとcomputedの問題について
Nuxt Composition APIでuseFetchとcomputedを組合わて使っていたらトラブルが。。。。 使っている@nuxtjs/composition-apiのバージョンについて こんな感じ @nuxtjs/composition-api": "0.22.0" 何が起きていたのか？ https://tw…
2020
Nuxt.js + Nuxt Compostion API + TypeScriptでmicroCMSを利用してSSGをする
jamstackが流行り始めている最近ですが、流行りに乗っかるためにNuxt.js + Nuxt CompostionAPI + TypeScriptとう環境下でmicroCMSを利用してSSGしてみた。 特に頑張るところはないんですが、TypeScriptが初心者でちょっと苦労した・・・。 サンプル 今回のサンプルは…
2019
会社のホームページをNuxtで作ってfirebaseでhostingして、Github Actionsでデプロイできるようにした
PartyHard Inc. 最近ホームページみられる機会増えたし、お問い合わせフォームからはウザい宣伝ばかりくるので、ホームページが見られる機会も増えたのでリニューアルしました🎉 前回のホームページよりマシな気がしますが、そんなこともない気がします。 (誰かデザインやってくれる人いないですかね...費用はほとんど出せ…
Nuxt.jsのhooksを利用してビルド時にファイルを生成する
Nuxt.jsを触っていると何かのタイミングでビルド時にファイルを生成したくなる場合があります。(あんまりないかも...) 今回は「package.jsonに書かれたバージョン番号をビルドしたdistディレクトリの中にVERSION.TXTとして含めたい。」という感じでした。 この場合Nuxtのhooksの機能をうまく…
2018
nuxtでtitleタグを動的に設定する
Nuxtでheadタグ内の設定をしたい場合は、nuxt.config.jsの中に記述します。 head: { title: 'polidog.jp' } あと、titleTemplateってのがあって head: { titleTemplate: ' | polidog.jp' } とかテンプレート設定をすることができ…