feat: page for share urls (panelers)

Author: jiyuujin

apps/web/app/pages/sharemap.vue

@@ -1,19 +1,22 @@
 <script setup lang="ts">
 import { useFetch, useHead } from '#imports'
-import type { SpeakerCategory, SpeakerInfo, SponsorCategory, SponsorInfo, StaffCategory, StaffInfo } from '@vuejs-jp/model'
+import type { PanelerInfo, SpeakerCategory, SpeakerInfo, SponsorCategory, SponsorInfo, StaffCategory, StaffInfo } from '@vuejs-jp/model'
 import { useLocaleCurrent } from '~/composables/useLocaleCurrent'
 import { conferenceTitle, linkUrl, ogSharemapDescription } from '~/utils/constants'
 import { generalOg, twitterOg } from '~/utils/og.constants'
 
 type _SpeakerCategory = Extract<SpeakerCategory, 'sessionSpeakers' | 'lightningTalkSpeakers' | 'sponsorSessionSpeakers'>
+type _PanelerCategory = Extract<SpeakerCategory, 'panelEventPanelers'>
 type Speakers = Record<_SpeakerCategory, SpeakerInfo>
+type Panelers = Record<_PanelerCategory, PanelerInfo>
 
 type Sponsors = Record<SponsorCategory, SponsorInfo>
 
 type Staffs = Record<StaffCategory, StaffInfo>
 
 const { data: speakers, error: error1 } = await useFetch('/api/speakers')
 const { sessionSpeakers, lightningTalkSpeakers, sponsorSessionSpeakers } = speakers.value as Speakers
+const { panelEventPanelers } = speakers.value as Panelers
 if (error1.value) {
   console.error(error1.value)
 }
@@ -71,7 +74,19 @@ useHead({
       <div>
         <VFTitle id="speaker">{{ $t('speaker.title') }}</VFTitle>
         <VFTextLink
-          v-for="speaker in [...sessionSpeakers.list, ...lightningTalkSpeakers.list, ...sponsorSessionSpeakers.list]"
+          v-for="speaker in Array.from(
+            new Map(
+              [
+                ...sessionSpeakers.list,
+                ...lightningTalkSpeakers.list,
+                ...sponsorSessionSpeakers.list,
+                ...panelEventPanelers.list['nextgen-frontend-crosstalk'],
+                ...panelEventPanelers.list['welcome-vuejs-community'],
+              ]
+              .map((item) => [JSON.stringify(item), item])
+            )
+            .values()
+          )"
           :key="speaker.id"
           :href="`/sessions/${speaker.detail_page_id}/share`"
           color="vue-blue"