フロントエンドエンジニア初投稿です。

プログラミング学習中です。
フロントエンド中心に発信していきますが、全般的に興味あります。
（フルスタックを目指しているとかは無いですが、できるようにはなりたい）
現在は主にHTML、CSS、JavaScript、React、Next、Vue、Nuxt、Node.js、Firebase、などを
学習中。

自分のアウトプットがメインなのでわからないところを要点抑えて発信していきます。
zenn初めて使うので探りながら...

<template>
  <LayoutHeader />
  <LayoutSubHeader />

  <LayoutMainNavigation />
  <LayoutMainContainer />

  <main>
    <slot />
  </main>
  <footer>
    <!-- フッターの内容 -->
  </footer>
</template>

とりあえずVueのtemplateタグにコンポーネントタグを入れるというコードを貼り付けてみる。
ReactやVueではコンポーネント（部品）単位で作成し、importでlayoutやappに組み込んでいく。
こうすることでコンポーネントを修正すれば全てに反映される。
アトミックデザインの手法はまた別の機会にでも。