見出しを追加した

Author: 448jp

app/components/PhotosPageSection.vue renamed to app/components/NewsPageSection.vue

@@ -1,10 +1,12 @@
-<script setup lang="ts">
-import SectionTitle from '~/components/SectionTitle.vue'
-import TimetableView from '~/components/timetable/TimetableView.vue'
-</script>
-
 <template>
   <section class="photos">
+    <SectionTitle
+        id="news"
+        class="photos_title"
+        color="vue.blue"
+        title="News"
+        yamato-title="お知らせ"
+    />
     <p>
       Vue Fes Japan 2023 にご参加いただいたみなさん、ありがとうございました。
     </p>
@@ -79,6 +81,9 @@ css({
     margin: '0 auto',
     fontSize: 'calc(16*{fontSize.base})',
   },
+  '.photos_title': {
+    marginBottom: '40px',
+  },
   '.photos p': {
     margin: '0 0 16px',
   },

app/pages/index.vue

@@ -6,7 +6,6 @@ import { useFeature } from '~/composables/useFeature'
 import { conferenceTitle } from '~/utils/constants'
 import { generalOg, twitterOg } from '~/utils/og.constants'
 import TimetablePageSection from '~/components/TimetablePageSection.vue'
-import PhotosPageSection from '~/components/PhotosPageSection.vue'
 
 const { canPurchase } = useNamecard()
 const { showTimetable } = useFeature()
@@ -21,7 +20,7 @@ useHead({
   <main>
     <NavPageSectionContainer />
     <TopPageSection />
-    <PhotosPageSection />
+    <NewsPageSection />
     <template v-if="showTimetable">
       <TimetablePageSection />
     </template>