Merge pull request #144 from traPtitech/feat/404_page

404ページ

src/pages/NotFound.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import PageContainer from '/@/components/Layout/PageContainer.vue'
+</script>
+
+<template>
+  <page-container :class="$style.container">
+    <h1>404 Not Found</h1>
+    <p>お探しのページは見つかりませんでした。</p>
+  </page-container>
+</template>
+
+<style lang="scss" module>
+.container {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+</style>

src/router/index.ts

@@ -12,6 +12,7 @@ const ProjectPage = () => import('/@/pages/ProjectPage.vue')
 const ContestsPage = () => import('/@/pages/ContestsPage.vue')
 const ContestPage = () => import('/@/pages/ContestPage.vue')
 const ContestTeamPage = () => import('/@/pages/ContestTeamPage.vue')
+const NotFound = () => import('/@/pages/NotFound.vue')
 
 const routes = [
   {
@@ -77,6 +78,11 @@ const routes = [
     path: '/contests/:contestId/teams/:teamId',
     name: 'ContestTeam',
     component: ContestTeamPage
+  },
+  {
+    path: '/:path(.*)*',
+    name: 'NotFound',
+    component: NotFound
   }
 ]