메인 연결 페이지의 탭 종료와 복귀 동작 통일

app/game-frontend/src/views/NationCitiesView.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
+import { usePageExit } from '../composables/usePageExit';
+
 import { useClockDisplay } from '../composables/useClockDisplay';
 const { formatTime: formatGameTime } = useClockDisplay();
 import { JosaUtil } from '@sammo-ts/common/util/JosaUtil';
 import { computed, onMounted, ref } from 'vue';
-import { useRouter } from 'vue-router';
 import { formatReservedCommandBrief } from '../components/command/reservedCommandBrief';
 import type { CommandTable } from '../components/command/types';
 import LegacySortControls from '../components/ui/LegacySortControls.vue';
@@ -14,6 +15,8 @@ import { legacyNationTextColor } from '../utils/legacyNationColor';
 import { cityLevelMap, regionMap } from '../utils/nationFormat';
 import { trpc } from '../utils/trpc';
 
+const { pageExitLabel, exitPage } = usePageExit();
+
 type Result = Awaited<ReturnType<typeof trpc.nation.getCityOverview.query>>;
 type SecretResult = Awaited<ReturnType<typeof trpc.nation.getSecretGeneralList.query>>;
 type PersonnelResult = Awaited<ReturnType<typeof trpc.nation.getPersonnelInfo.query>>;
@@ -45,7 +48,6 @@ const extraSort = ref<
     | 'generalCount'
     | null
 >(null);
-const router = useRouter();
 const { error: showErrorToast, info: showInfoToast, success: showSuccessToast } = useGameFeedback();
 const sortOptions = [
     '기본',
@@ -303,9 +305,9 @@ onMounted(async () => {
                         세 력 도 시<br /><button
                             class="legacy-button legacy-button--navigation back-button"
                             type="button"
-                            @click="router.push('/')"
+                            @click="exitPage"
                         >
-                            돌아가기
+                            {{ pageExitLabel }}
                         </button>
                     </td>
                 </tr>
@@ -716,9 +718,9 @@ onMounted(async () => {
                         <button
                             class="legacy-button legacy-button--navigation back-button"
                             type="button"
-                            @click="router.push('/')"
+                            @click="exitPage"
                         >
-                            돌아가기
+                            {{ pageExitLabel }}
                         </button>
                     </td>
                 </tr>