現状

propsでメインビジュアルコンポーネントのmin-heightを受け取っているが、別に不要では？（固定した方がいい）

やるかやらないか

多分やる
やる
このイシュー

ToDo

• tailwind.config.jsの作成

ファイルパス

components/BaseHeading.vue

なにこれ

デザインをこんな風に変えたい。

どうする

見出しの文字列をslotで受け取っているが、propsで複数受け取れるようにする。

props

• title（見出し、日本語）
• sub（見出しを英語にしたやつ）

ファイルパス

pages/information/index.vue
pages/information/old.vue

新しいものは/information/に、過去のものは/information/old/に表示させる

API設計

isRecentフィールドがtrueなら新しいもの、falseなら過去に振り分け。

現状

propsでメインビジュアルコンポーネントのmin-heightを受け取り可変にしているが、固定にする。

ファイルパス

components/LayoutMainVisual.vue

ファイルパス

components/LayoutBlogList.vue

ファイルパス

layouts/default.vue

なにこれ

前ぺージ共通のスタイルはdefault.vueに書き出す

対象の要素

• html
• body
• main

なにこれ

index.vueでお知らせ一覧を表示するのにcomponents/LayoutInformationList.vueでコンポーネント化し、呼び出ししているが無意味なので削除

ファイルパス

components/LayoutInformationList.vue

ToDo

• #87
• [ ]

ファイルパス

components/LayoutHeader.vue

マークアップ構造

2段構成にする。上段には医院のロゴと住所、連絡先。下段にはナビゲーション。
下段はposition: stickyで画面トップに固定。

Todo

• マークアップ
• レスポンシブ
• 下段の画面上部固定

なにこれ

1つのお知らせごとに1ページを生成しているが、1ページにまとめて表示させたい。

やるかやらないか

多分やる

新規と過去に分ける

比較的新しい投稿（最新3件とか）のみ/information/に表示させ、それ以降は/information/backnumberとかに入れる。
新規と過去はmicroCMSでブール値で振り分けるのがシンプルでよさそう。

ファイルパス

components/LayoutMainVisualComponent

なにこれ❓

propsで以下のものを渡せるようにする

• メインビジュアルの画像（visual）
• ページのタイトル（title）
• 説明文（message）
• メインビジュアルのmin-height（height）

注意点

min-heightは固定してもいいのでは？
イシューを発行したので詳しくはこっちで

ファイルパス

components/LayoutInformationList.vue

なにこれ

microCMSからお知らせを取得、投稿日時とお知らせタイトルをリスト形式で表示

なにこれ

Nuxtでfontawesomeアイコンを使えるようにする

参考

https://kanlog-nuxt.netlify.app/blog/nuxt-fontawesome/

ファイルパス

pages/index.vue

なにこれ

トップページ

マークアップ