How to add Header and Footer in Nuxt 3

We package up whatever we want to put in the slot into a SlotContent component layout component Our state has to stay

A customizable grid to display cards as a masonry layout Usage Use some LandingCard, PageCard or anything really in the default slot to display a masonry

nuxt slot Nuxt will pick up the suitable layout compo- nent to render based on its slot > main > template > In , we will pass the layout

nuxt3 slot vue ，並透過 slot > 將元件的內容載入 Copy 名稱必須使用kebab-case，例如Layout 檔名為customLayout，需使用 name='custom-layout'