Merge pull request #145 from traPtitech/feat/no_project_no_group_no_c…

…ontest

参加プロジェクトとかがないときの表示

src/components/User/ContestsContainer.vue

@@ -11,7 +11,7 @@ defineProps<Props>()
 <template>
   <section :class="$style.section">
     <h2 :class="$style.title">実績</h2>
-    <ul :class="$style.contests">
+    <ul v-if="contests.length > 0" :class="$style.contests">
       <li v-for="contest in contests" :key="contest.id" :class="$style.contest">
         <router-link :to="`/contests/${contest.id}`" :class="$style.link">
           <div>{{ contest.name }}</div>
@@ -22,6 +22,7 @@ defineProps<Props>()
         </router-link>
       </li>
     </ul>
+    <p v-else>まだ実績は登録されていません</p>
   </section>
 </template>
 

src/components/User/GroupsContainer.vue

@@ -12,7 +12,8 @@ defineProps<Props>()
 <template>
   <section :class="$style.section">
     <h2 :class="$style.title">班</h2>
-    <group-list :groups="groups" />
+    <group-list v-if="groups.length > 0" :groups="groups" />
+    <p v-else>現在所属している班はありません</p>
   </section>
 </template>
 

src/components/User/ProjectsContainer.vue

@@ -12,7 +12,8 @@ defineProps<Props>()
 <template>
   <section :class="$style.section">
     <h2 :class="$style.title">参加プロジェクト</h2>
-    <project-list :projects="projects" />
+    <project-list v-if="projects.length > 0" :projects="projects" />
+    <p v-else>これまでに参加したプロジェクトはありません</p>
   </section>
 </template>