専用ページを作りました。2019この年末恒例特別なイベントという印象がありますが、基本的にはカレンダーを作れば良いのです。当ブログでは既にVuexストアでブログのコンテンツ情報が格納されています。ブログのリンク先を各日に設定、1日から25日まで公開することで大方の目的は達成します。dayjs(`${this.year}/12/01`).format('dddd')キモは開始日12月1日の曜日を確認することです。日曜日の場合は0、月曜日の場合は1のように、開始位置を求めます。dayjs(`${this.year}/12/31`).format('dddd')この開始位置は、月が始まるまでの余白を設定する際に役立ちます。同様に終了日12月31日の曜日も確認し、終了位置を求めます。25日まで日付の他にアイコンを表示。26日以降についてはアドベントカレンダーの決まりにより、ブログ記事のリンクと紐付けできないよう日付のみを表示するようにしました。100%;}該当日の記事が投稿され次第、アイコンのopacityを100%にし、そのリンク先へ飛べるようにします。開始、終了位置をここで使う先ほど求めた開始位置や、終了位置をどこで使うのか。day--disabled"/>2019年12月こそ日曜日からスタートしますが、毎月必ず日曜日から始まる訳ではありません。カレンダーの並びとしてこの日曜日から始めなければならず、開始位置(または終了位置)がキモになるという訳です。詳しくは、ソースコードを確認してくださいAdventCalendar.vueあとは容易に動的ページに載せるだけ。作成し、Routeパラメータに該当年を指定します。使ってアクセスしていること。Vuexストアでコンテンツ情報の取得を行っており、今回もブラウザのレンダリング前に該当する年のコンテンツ情報を取得すべくasyncDataで呼び出すことにしました。