From c5bfc84ada67119cf33df6a4a321d3f0a7268b2f Mon Sep 17 00:00:00 2001
From: dye8128 <daiki.fzn@gmail.com>
Date: Thu, 11 Jul 2024 17:51:35 +0900
Subject: [PATCH 1/3] =?UTF-8?q?to=E5=B1=9E=E6=80=A7=E3=81=A7=E3=82=AA?=
 =?UTF-8?q?=E3=83=96=E3=82=B8=E3=82=A7=E3=82=AF=E3=83=88=E3=82=92=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E3=81=99=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB(?=
 =?UTF-8?q?=E6=96=87=E5=AD=97=E5=88=97=E7=9B=B4=E6=89=93=E3=81=A1=E3=81=A0?=
 =?UTF-8?q?=E3=81=A3=E3=81=9F=E3=81=A8=E3=81=93=E3=82=8D)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Contest/ContestTeamItem.vue  | 5 ++++-
 src/components/Contest/ContestTeams.vue     | 2 +-
 src/components/Contests/ContestItem.vue     | 5 ++++-
 src/components/Events/EventItem.vue         | 5 ++++-
 src/components/Layout/PageHeader.vue        | 2 +-
 src/components/User/UserProfileDesktop.vue  | 2 +-
 src/components/User/UserProfileMobile.vue   | 2 +-
 src/components/UserAccounts/AccountItem.vue | 5 ++++-
 src/pages/Contest.vue                       | 7 +++++--
 src/pages/ContestEdit.vue                   | 5 ++++-
 src/pages/ContestNew.vue                    | 2 +-
 src/pages/ContestTeamEdit.vue               | 5 ++++-
 src/pages/ContestTeamNew.vue                | 5 ++++-
 src/pages/Contests.vue                      | 2 +-
 src/pages/Event.vue                         | 2 +-
 src/pages/Project.vue                       | 2 +-
 src/pages/ProjectNew.vue                    | 2 +-
 src/pages/Projects.vue                      | 2 +-
 src/pages/UserAccountEdit.vue               | 2 +-
 src/pages/UserAccountNew.vue                | 2 +-
 src/pages/UserAccounts.vue                  | 4 ++--
 21 files changed, 47 insertions(+), 23 deletions(-)

diff --git a/src/components/Contest/ContestTeamItem.vue b/src/components/Contest/ContestTeamItem.vue
index ef029bac..01c03d7e 100644
--- a/src/components/Contest/ContestTeamItem.vue
+++ b/src/components/Contest/ContestTeamItem.vue
@@ -17,7 +17,10 @@ const userNames = computed(() =>
 
 <template>
   <router-link
-    :to="`/contests/${contestId}/teams/${contestTeam.id}/edit`"
+    :to="{
+      name: 'ContestTeamEdit',
+      params: { contestId: contestId, teamId: contestTeam.id }
+    }"
     :class="$style.link"
   >
     <div :class="$style.container">
diff --git a/src/components/Contest/ContestTeams.vue b/src/components/Contest/ContestTeams.vue
index 717415aa..0461d579 100644
--- a/src/components/Contest/ContestTeams.vue
+++ b/src/components/Contest/ContestTeams.vue
@@ -32,7 +32,7 @@ const filteredContestTeams = computed(() =>
       </div>
       <div>
         <router-link
-          :to="`/contests/${contestId}/teams/new`"
+          :to="{ name: 'ContestTeamNew', params: { contestId: contestId } }"
           :class="$style.link"
         >
           <base-button type="primary" icon="mdi:plus">New</base-button>
diff --git a/src/components/Contests/ContestItem.vue b/src/components/Contests/ContestItem.vue
index e40cec08..4ca24ea2 100644
--- a/src/components/Contests/ContestItem.vue
+++ b/src/components/Contests/ContestItem.vue
@@ -11,7 +11,10 @@ defineProps<Props>()
 </script>
 
 <template>
-  <router-link :to="`/contests/${contest.id}`" :class="$style.link">
+  <router-link
+    :to="{ name: 'Contest', params: { contestId: contest.id } }"
+    :class="$style.link"
+  >
     <div :class="$style.container">
       <p :class="$style.name">{{ contest.name }}</p>
       <p :class="$style.duration">
diff --git a/src/components/Events/EventItem.vue b/src/components/Events/EventItem.vue
index 234998ee..54f2c15c 100644
--- a/src/components/Events/EventItem.vue
+++ b/src/components/Events/EventItem.vue
@@ -53,7 +53,10 @@ onUnmounted(() => {
 
 <template>
   <div :class="$style.container">
-    <router-link :to="`events/${event.id}`" :class="$style.link">
+    <router-link
+      :to="{ name: 'Event', params: { id: event.id } }"
+      :class="$style.link"
+    >
       <p :class="$style.name">{{ event.name }}</p>
       <p :class="$style.duration">
         <icon name="mdi:calendar" />
diff --git a/src/components/Layout/PageHeader.vue b/src/components/Layout/PageHeader.vue
index c17bf7c8..146e4097 100644
--- a/src/components/Layout/PageHeader.vue
+++ b/src/components/Layout/PageHeader.vue
@@ -20,7 +20,7 @@ const { isMobile } = storeToRefs(useResponsiveStore())
     <button v-if="isMobile" @click="emit('toggleNavigationBar')">
       <icon name="mdi:menu" />
     </button>
-    <router-link to="/">
+    <router-link :to="{ name: 'Index' }">
       <img
         src="/@/assets/traP_logo_blue.svg"
         alt="traP"
diff --git a/src/components/User/UserProfileDesktop.vue b/src/components/User/UserProfileDesktop.vue
index 814c3179..51f23778 100644
--- a/src/components/User/UserProfileDesktop.vue
+++ b/src/components/User/UserProfileDesktop.vue
@@ -22,7 +22,7 @@ defineProps<Props>()
       </div>
       <div :class="$style.accounts">
         <user-accounts :accounts="user.accounts" />
-        <router-link to="/user/accounts" :class="$style.link">
+        <router-link :to="{ name: 'UserAccounts' }" :class="$style.link">
           <base-button icon="mdi:account">Edit</base-button>
         </router-link>
       </div>
diff --git a/src/components/User/UserProfileMobile.vue b/src/components/User/UserProfileMobile.vue
index a86c53e2..380a6e23 100644
--- a/src/components/User/UserProfileMobile.vue
+++ b/src/components/User/UserProfileMobile.vue
@@ -23,7 +23,7 @@ defineProps<Props>()
     </div>
     <div :class="$style.accounts">
       <user-accounts :accounts="user.accounts" />
-      <router-link to="/user/accounts" :class="$style.link">
+      <router-link :to="{ name: 'UserAccounts' }" :class="$style.link">
         <base-button icon="mdi:account">Edit</base-button>
       </router-link>
     </div>
diff --git a/src/components/UserAccounts/AccountItem.vue b/src/components/UserAccounts/AccountItem.vue
index c97b66db..cc161f16 100644
--- a/src/components/UserAccounts/AccountItem.vue
+++ b/src/components/UserAccounts/AccountItem.vue
@@ -11,7 +11,10 @@ defineProps<Props>()
 </script>
 
 <template>
-  <router-link :to="`/user/accounts/${account.id}/edit`" :class="$style.link">
+  <router-link
+    :to="{ name: 'UserAccountsEdit', params: { accountId: account.id } }"
+    :class="$style.link"
+  >
     <div :class="$style.container">
       <div :class="$style.displayNameContainer">
         <p :class="$style.displayName">{{ account.displayName }}</p>
diff --git a/src/pages/Contest.vue b/src/pages/Contest.vue
index f752ce02..f74d455f 100644
--- a/src/pages/Contest.vue
+++ b/src/pages/Contest.vue
@@ -31,7 +31,10 @@ const contestTeams: ContestTeam[] = (
         detail="コンテストの詳細です。"
         :class="$style.header"
       />
-      <router-link :to="`/contests/${contestId}/edit`" :class="$style.link">
+      <router-link
+        :to="{ name: 'ContestEdit', params: { contestId: contestId } }"
+        :class="$style.link"
+      >
         <base-button type="primary" icon="mdi:pencil">Edit</base-button>
       </router-link>
     </div>
@@ -70,7 +73,7 @@ const contestTeams: ContestTeam[] = (
       </section>
     </div>
 
-    <router-link to="/contests" :class="$style.link">
+    <router-link :to="{ name: 'Contests' }" :class="$style.link">
       <base-button
         :class="$style.backButton"
         type="secondary"
diff --git a/src/pages/ContestEdit.vue b/src/pages/ContestEdit.vue
index 6e47e684..96109c70 100644
--- a/src/pages/ContestEdit.vue
+++ b/src/pages/ContestEdit.vue
@@ -131,7 +131,10 @@ const deleteContest = async () => {
     <delete-form target="コンテスト" @delete="open" />
 
     <div :class="$style.buttonContainer">
-      <router-link :to="`/contests/${contestId}`" :class="$style.link">
+      <router-link
+        :to="{ name: 'Contest', params: { contestId: contestId } }"
+        :class="$style.link"
+      >
         <base-button
           :class="$style.backButton"
           type="secondary"
diff --git a/src/pages/ContestNew.vue b/src/pages/ContestNew.vue
index d2fae74d..e9a30305 100644
--- a/src/pages/ContestNew.vue
+++ b/src/pages/ContestNew.vue
@@ -114,7 +114,7 @@ const createContest = async () => {
       </labeled-form>
     </form>
     <div :class="$style.buttonContainer">
-      <router-link to="/contests" :class="$style.link">
+      <router-link :to="{ name: 'Contests' }" :class="$style.link">
         <base-button
           :class="$style.backButton"
           type="secondary"
diff --git a/src/pages/ContestTeamEdit.vue b/src/pages/ContestTeamEdit.vue
index 7459abdc..e43531b8 100644
--- a/src/pages/ContestTeamEdit.vue
+++ b/src/pages/ContestTeamEdit.vue
@@ -136,7 +136,10 @@ const deleteContestTeam = async () => {
     <delete-form target="コンテストチーム" @delete="open" />
 
     <div :class="$style.buttonContainer">
-      <router-link :to="`/contests/${contestId}`" :class="$style.link">
+      <router-link
+        :to="{ name: 'Contest', params: { contestId: contestId } }"
+        :class="$style.link"
+      >
         <base-button type="secondary" icon="mdi:arrow-left">Back</base-button>
       </router-link>
       <base-button
diff --git a/src/pages/ContestTeamNew.vue b/src/pages/ContestTeamNew.vue
index bc3bd3c4..5aab71bf 100644
--- a/src/pages/ContestTeamNew.vue
+++ b/src/pages/ContestTeamNew.vue
@@ -109,7 +109,10 @@ const createContestTeam = async () => {
     </form>
 
     <div :class="$style.buttonContainer">
-      <router-link :to="`/contests/${contestId}`" :class="$style.link">
+      <router-link
+        :to="{ name: 'Contest', params: { contestId: contestId } }"
+        :class="$style.link"
+      >
         <base-button type="secondary" icon="mdi:arrow-left">Back</base-button>
       </router-link>
       <base-button
diff --git a/src/pages/Contests.vue b/src/pages/Contests.vue
index 10e770f7..eb5a9e96 100644
--- a/src/pages/Contests.vue
+++ b/src/pages/Contests.vue
@@ -37,7 +37,7 @@ const filteredContests = computed(() =>
         />
       </div>
       <div>
-        <router-link to="/contests/new" :class="$style.link">
+        <router-link :to="{ name: 'ContestNew' }" :class="$style.link">
           <base-button type="primary" icon="mdi:trophy">New</base-button>
         </router-link>
       </div>
diff --git a/src/pages/Event.vue b/src/pages/Event.vue
index 6a650931..897ac034 100644
--- a/src/pages/Event.vue
+++ b/src/pages/Event.vue
@@ -115,7 +115,7 @@ const updateEvent = async () => {
     </div>
 
     <div :class="$style.buttonContainer">
-      <router-link to="/events" :class="$style.link">
+      <router-link :to="{ name: 'Events' }" :class="$style.link">
         <base-button
           :class="$style.backButton"
           type="secondary"
diff --git a/src/pages/Project.vue b/src/pages/Project.vue
index 7a79ed6d..b760e690 100644
--- a/src/pages/Project.vue
+++ b/src/pages/Project.vue
@@ -160,7 +160,7 @@ const handleDelete = (id: string) => {
     </form>
 
     <div :class="$style.buttonContainer">
-      <router-link :to="`/projects/${projectId}`" :class="$style.link">
+      <router-link :to="{ name: 'Projects' }" :class="$style.link">
         <base-button
           :class="$style.backButton"
           type="secondary"
diff --git a/src/pages/ProjectNew.vue b/src/pages/ProjectNew.vue
index 114ed48b..b675ceba 100644
--- a/src/pages/ProjectNew.vue
+++ b/src/pages/ProjectNew.vue
@@ -165,7 +165,7 @@ const handleDelete = (id: string) => {
       </labeled-form>
     </form>
     <div :class="$style.buttonContainer">
-      <router-link to="/projects" :class="$style.link">
+      <router-link :to="{ name: 'Projects' }" :class="$style.link">
         <base-button
           :class="$style.backButton"
           type="secondary"
diff --git a/src/pages/Projects.vue b/src/pages/Projects.vue
index b092bc4a..62afc54a 100644
--- a/src/pages/Projects.vue
+++ b/src/pages/Projects.vue
@@ -37,7 +37,7 @@ const filteredProjects = computed(() =>
         />
       </div>
       <div>
-        <router-link to="/projects/new" :class="$style.link">
+        <router-link :to="{ name: 'ProjectNew' }" :class="$style.link">
           <base-button type="primary" icon="mdi:clipboard-file">
             New</base-button
           >
diff --git a/src/pages/UserAccountEdit.vue b/src/pages/UserAccountEdit.vue
index f045872b..01ccbe39 100644
--- a/src/pages/UserAccountEdit.vue
+++ b/src/pages/UserAccountEdit.vue
@@ -126,7 +126,7 @@ const deleteAccount = async () => {
     <delete-form target="アカウント" @delete="open" />
 
     <div :class="$style.buttonContainer">
-      <router-link to="/user/accounts" :class="$style.link">
+      <router-link :to="{ name: 'UserAccounts' }" :class="$style.link">
         <base-button
           :class="$style.backButton"
           type="secondary"
diff --git a/src/pages/UserAccountNew.vue b/src/pages/UserAccountNew.vue
index ce3e7b88..c049bb2a 100644
--- a/src/pages/UserAccountNew.vue
+++ b/src/pages/UserAccountNew.vue
@@ -111,7 +111,7 @@ const createNewAccount = async () => {
       </labeled-form>
     </form>
     <div :class="$style.buttonContainer">
-      <router-link to="/user/accounts" :class="$style.link">
+      <router-link :to="{ name: 'UserAccounts' }" :class="$style.link">
         <base-button
           :class="$style.backButton"
           type="secondary"
diff --git a/src/pages/UserAccounts.vue b/src/pages/UserAccounts.vue
index f3215001..01ddf94d 100644
--- a/src/pages/UserAccounts.vue
+++ b/src/pages/UserAccounts.vue
@@ -22,7 +22,7 @@ const me = (await apis.getMe()).data
         detail="アカウント情報を変更します。"
         :class="$style.header"
       />
-      <router-link to="/user/accounts/new" :class="$style.link">
+      <router-link :to="{ name: 'UserAccountsNew' }" :class="$style.link">
         <base-button type="primary" icon="mdi:account">New</base-button>
       </router-link>
     </div>
@@ -32,7 +32,7 @@ const me = (await apis.getMe()).data
       </li>
     </ul>
 
-    <router-link to="/user" :class="$style.link">
+    <router-link :to="{ name: 'Profile' }" :class="$style.link">
       <base-button
         :class="$style.backButton"
         type="secondary"

From 264b2c714734b13361967d18e74e3d33b99e9315 Mon Sep 17 00:00:00 2001
From: dye8128 <daiki.fzn@gmail.com>
Date: Thu, 11 Jul 2024 18:00:22 +0900
Subject: [PATCH 2/3] =?UTF-8?q?1=E5=80=8B=E6=8A=9C=E3=81=91=E3=81=A6?=
 =?UTF-8?q?=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Projects/ProjectItem.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Projects/ProjectItem.vue b/src/components/Projects/ProjectItem.vue
index be325e9a..d46d09b9 100644
--- a/src/components/Projects/ProjectItem.vue
+++ b/src/components/Projects/ProjectItem.vue
@@ -11,7 +11,10 @@ defineProps<Props>()
 </script>
 
 <template>
-  <router-link :to="`/projects/${project.id}/edit`" :class="$style.link">
+  <router-link 
+    :to="{ name: 'Project', params: { projectId: project.id } }"
+    :class="$style.link"
+  >
     <div :class="$style.container">
       <p :class="$style.name">{{ project.name }}</p>
       <p :class="$style.duration">

From 2f5101dd0deb3cdcc44fffdce12f63aab3525fdf Mon Sep 17 00:00:00 2001
From: dye8128 <daiki.fzn@gmail.com>
Date: Thu, 11 Jul 2024 22:42:08 +0900
Subject: [PATCH 3/3] format

---
 src/components/Projects/ProjectItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Projects/ProjectItem.vue b/src/components/Projects/ProjectItem.vue
index d46d09b9..49912063 100644
--- a/src/components/Projects/ProjectItem.vue
+++ b/src/components/Projects/ProjectItem.vue
@@ -11,7 +11,7 @@ defineProps<Props>()
 </script>
 
 <template>
-  <router-link 
+  <router-link
     :to="{ name: 'Project', params: { projectId: project.id } }"
     :class="$style.link"
   >