📑
Nuxt3でファビコンを設定する。
Nuxt3でファビコンを設定する方法の備忘録メモです。
方法
まず、全体的にはこちらの記事を参考にしました。
記事と違った部分も以下に記載していますが、特に問題はありませんでした。
補足事項
画像の用意方法
以下のサイトで、サイズを指定、リサイズしました。
上記記事を参考にして、32 x 32にしました。
（ただし、ブックマークアイコンの表示がぼやけていたので、ベストなサイズを検討中です）
記事と違ったところ①
自分の場合は、STEP3の追記ファイル名は「nuxt.config.ts」でした。
すでにdevtools,modules,cssという項目を記述していましたが、そこに並列してapp:{~}を記述しました。
title: "My Site"の部分は、自分のサイト名に変更しました。
記事と違ったところ②
generateすると、フォルダ「.output」＞フォルダ「public」直下にfaviconファイルが入りました。
なお、隠しフォルダ（.付きのフォルダ：.output）を表示する方法は、以下のキーです。
※ちなみに、デプロイはサーバーのフォルダにpublic配下のフォルダ＆ファイルをアップロードして実行しています。
Discussion