From 845418da60c2dac9ff625a90e74bbf885110b557 Mon Sep 17 00:00:00 2001
From: Kenryu Shibata <kenryudev5894@gmail.com>
Date: Sun, 11 Aug 2024 11:08:54 +0900
Subject: [PATCH] started writting header component

---
 components/TheHeader.vue | 39 +++++++++++++++++++++++++++++++++++++--
 1 file changed, 37 insertions(+), 2 deletions(-)

diff --git a/components/TheHeader.vue b/components/TheHeader.vue
index d8044bb..619865b 100644
--- a/components/TheHeader.vue
+++ b/components/TheHeader.vue
@@ -2,8 +2,43 @@
 
 <template>
   <div>
-    Component: TheHeader
+    <ul>
+      <li>
+        <NuxtLink to="/news">
+          News
+        </NuxtLink>
+      </li>
+      <li>
+        <NuxtLink to="/projects">
+          Projects
+        </NuxtLink>
+      </li>
+      <li>Link</li>
+      <li>Contact</li>
+      <li>
+        <NuxtLink to="/about">
+          About SERA
+        </NuxtLink>
+      </li>
+    </ul>
+    <NuxtLink to="/">
+      <img ref="/sera-logo-no-text.svg">
+    </NuxtLink>
+    <ul>
+      <li>
+        <NuxtLink to="/">For non-member</NuxtLink>
+      </li>
+      <li>
+        <NuxtLink to="/">Info</NuxtLink>
+      </li>
+    </ul>
   </div>
 </template>
 
-<style scoped></style>
+<style scoped>
+div {
+  display: grid;
+  grid-row: 1fr;
+  grid-template-columns: 1fr 1fr 1fr;
+}
+</style>