Merge pull request #582 from vuejs-jp/enhance/main-layout

[10/23] update main layout

Author: jiyuujin

app/components/TopPageSection.vue

@@ -81,6 +81,7 @@ const components = computed<ImageList>(() => getImageListByDevice(device.value))
       <TwitterButton />
     </div>
   </div>
+  <VoiceAudioSpectrum />
 </template>
 
 <style lang="ts" scoped>

app/pages/index.vue

@@ -20,17 +20,17 @@ useHead({
   <main>
     <NavPageSectionContainer />
     <TopPageSection />
-    <MessagePageSection />
-    <SpeakerPageSection />
     <template v-if="showTimetable">
       <TimetablePageSection />
     </template>
+    <SpeakerPageSection />
     <EventPageSection />
     <template v-if="canPurchase">
-      <TicketPageSection />
       <AccessSection />
+      <TicketPageSection />
     </template>
     <SponsorPageSection />
+    <MessagePageSection />
     <FormPageSection />
     <TeamPageSection />
     <FooterPageSection />

app/utils/constants.ts

@@ -6,21 +6,21 @@ export type NavLink = {
 }
 
 export const navLinks: NavLink[] = [
-  { text: 'Message', link: '/#message' },
   { text: 'Speakers', link: '/#speakers' },
   { text: 'Sponsors', link: '/#sponsors' },
+  { text: 'Message', link: '/#message' },
   { text: 'Contact', link: '/#form' },
 ]
 
 export const navFullLinks = (showTimetable: boolean) =>
   [
-    { text: 'Message', link: '/#message' },
-    { text: 'Speakers', link: '/#speakers' },
     ...[showTimetable ? { text: 'Time table', link: '/#timetable' } : undefined],
+    { text: 'Speakers', link: '/#speakers' },
     { text: 'Events', link: '/#events' },
-    { text: 'Ticket', link: '/#ticket' },
     { text: 'Access', link: '/#access' },
+    { text: 'Ticket', link: '/#ticket' },
     { text: 'Sponsors', link: '/#sponsors' },
+    { text: 'Message', link: '/#message' },
     { text: 'Contact', link: '/#form' },
   ].filter((l) => {
     return l !== undefined