TicketPageSection

apps/web/.env.example

@@ -8,3 +8,5 @@ AVAILABLE_APPLY_SPONSOR=
 ENABLE_INVITE_STAFF=
 ENABLE_OPERATE_ADMIN=
 ENABLE_SWITCH_LOCALE=
+ENABLE_REGISTER_TICKET=
+ENABLE_REGISTER_NAMECARD=

apps/web/app/components/TicketPageSection.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import { useRuntimeConfig } from '#imports'
+import TicketSection from '~/components/ticket/TicketSection.vue'
+import NamecardSection from '~/components/ticket/NamecardSection.vue'
+
+const config = useRuntimeConfig()
+</script>
+
+<template>
+  <TicketSection />
+  <NamecardSection v-if="config.public.enableRegisterNamecard" />
+</template>

apps/web/app/components/ticket/NamecardSection.vue

@@ -0,0 +1,3 @@
+<template>
+  Namecard
+</template>

apps/web/app/components/ticket/TicketSection.vue

@@ -0,0 +1,3 @@
+<template>
+  Ticket
+</template>

apps/web/app/pages/index.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
-import { useHead, useI18n } from '#imports'
+import { useHead, useI18n, useRuntimeConfig } from '#imports'
 import { conferenceTitle } from '~/utils/constants'
 import { generalOg, twitterOg } from '~/utils/og.constants'
 
 const { locale } = useI18n({ useScope: 'global' })
+const config = useRuntimeConfig()
 
 useHead({
   // eslint-disable-next-line no-unused-vars
@@ -18,6 +19,7 @@ useHead({
   <SpeakerPageSection />
   <VolunteerPageSection v-if="locale === 'ja'" />
   <SponsorPageSection />
+  <TicketPageSection v-if="config.public.enableRegisterTicket" />
   <CooperationPartnerSection />
   <FormPageSection />
 </template>

apps/web/nuxt.config.ts

@@ -140,6 +140,8 @@ export default defineNuxtConfig({
       enableInviteStaff: process.env.ENABLE_INVITE_STAFF,
       enableOperateAdmin: process.env.ENABLE_OPERATE_ADMIN,
       enableSwitchLocale: process.env.ENABLE_SWITCH_LOCALE,
+      enableRegisterTicket: process.env.ENABLE_REGISTER_TICKET,
+      enableRegisterNamecard: process.env.ENABLE_REGISTER_NAMECARD,
     },
   },
   // for https on localhost