feat(WIP): process 국가선택 추가

hwe/ts/processing/Nation/che_국호변경.vue

@@ -0,0 +1,53 @@
+<template>
+  <TopBackBar :title="commandName" type="chief" />
+  <div class="bg0">
+    <div>
+      나라의 이름을 바꿉니다. 황제가 된 후 1회 가능합니다.<br />
+      국명 : <br />
+    </div>
+    <div class="row">
+      <div class="col-12 col-md-6">
+        <b-form-input v-model="destNationName"/>
+      </div>
+      <div class="col-12 col-md-6">
+        <b-button @click="submit">{{ commandName }}</b-button>
+      </div>
+    </div>
+  </div>
+  <BottomBar :title="commandName" />
+</template>
+
+<script lang="ts">
+import { defineComponent, ref } from "vue";
+import { unwrap } from "@/util/unwrap";
+import { Args } from "@/processing/args";
+import TopBackBar from "@/components/TopBackBar.vue";
+import BottomBar from "@/components/BottomBar.vue";
+
+declare const commandName: string;
+
+export default defineComponent({
+  components: {
+    TopBackBar,
+    BottomBar,
+  },
+  setup() {
+    const destNationName = ref("");
+
+    async function submit(e: Event) {
+      const event = new CustomEvent<Args>("customSubmit", {
+        detail: {
+          nationName: destNationName.value,
+        },
+      });
+      unwrap(e.target).dispatchEvent(event);
+    }
+
+    return {
+      destNationName,
+      commandName,
+      submit,
+    };
+  },
+});
+</script>