remove dynamic loading for first section. change title level of secti…

…on title component.

src/components/picker/SectionTitle.vue

@@ -7,7 +7,7 @@ defineProps<{
 
 <template>
   <div :class="$style.title">
-    <h2>{{ $props.title }}</h2>
+    <h3>{{ $props.title }}</h3>
     <p v-if="$props.description" :class="$style.description">{{ $props.description }}</p>
   </div>
 </template>
@@ -20,6 +20,10 @@ defineProps<{
   gap: 5px;
 
   width: 100%;
+
+  h3 {
+    font-size: 1.4rem;
+  }
 }
 
 .description {

src/constants/section.ts

@@ -1,6 +1,7 @@
 import { defineAsyncComponent, type Component } from 'vue'
 import LoadingSection from '@/components/picker/sections/LoadingSection.vue'
 import type { RouteName } from '@/router'
+import SizeSettings from '@/components/picker/sections/SizeSettings.vue'
 
 export const DEFAULT_SHOW_TITLE = true,
   DEFAULT_FULLSCREEN = true
@@ -26,11 +27,7 @@ export type SectionList = {
 export const sections = {
   'size-settings': {
     title: '자리 배치 설정',
-    component: defineAsyncComponent({
-      /** @todo use Suspense instead of repeating the same code */
-      loader: () => import('@/components/picker/sections/SizeSettings.vue'),
-      loadingComponent: LoadingSection,
-    }),
+    component: SizeSettings,
   },
   'name-settings': {
     title: '이름 설정',