refactor: 상대경로를 @ 시작 절대경로로

hwe/scss/gateway/login.scss

@@ -0,0 +1,201 @@
+body,
+html {
+    height: 100%;
+    background-repeat: no-repeat;
+}
+
+.main {
+    margin-top: 70px;
+}
+
+h1.title {
+    font-size: 50px;
+    font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic';
+    font-weight: 400;
+}
+
+hr {
+    width: 10%;
+    /*color: #fff;*/
+}
+
+.form-group {
+    margin-bottom: 15px;
+}
+
+label {
+    margin-bottom: 15px;
+}
+
+input,
+input::-webkit-input-placeholder {
+    font-size: 11px;
+    padding-top: 3px;
+}
+
+.main-login {
+    /*background-color: #fff;*/
+    /* shadows and rounded borders */
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
+    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
+    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
+}
+
+.main-center {
+    margin-top: 30px;
+    margin: 0 auto;
+    max-width: 330px;
+    padding: 40px 40px;
+}
+
+.login_btn_group {
+    margin-top: 5px;
+}
+
+.login-register {
+    font-size: 11px;
+    text-align: center;
+}
+
+.col-form-label {
+    text-align: center;
+}
+
+.terms {
+    max-height: 200px;
+    overflow-y: auto;
+}
+
+.terms pre {
+    width: 100%;
+    white-space: pre-wrap;
+    /* Since CSS 2.1 */
+    white-space: -moz-pre-wrap;
+    /* Mozilla, since 1999 */
+    white-space: -pre-wrap;
+    /* Opera 4-6 */
+    white-space: -o-pre-wrap;
+    /* Opera 7 */
+    word-wrap: break-word;
+    /* Internet Explorer 5.5+ */
+}
+
+.vertical-center {
+    min-height: 100%;
+    /* Fallback for browsers do NOT support vh unit */
+    min-height: 100vh;
+    /* These two lines are counted as one :-)       */
+    display: flex;
+    align-items: center;
+}
+
+#login_card {
+    z-index: 801;
+}
+
+#btn_kakao_login {
+    cursor: pointer;
+    height: 46px;
+    width: 116px;
+    background-color: transparent;
+    color: transparent;
+    border: 0;
+    background-size: 100%;
+    /* To fill the dimensions of container (button), or */
+    background-repeat: no-repeat;
+    background-position: bottom center;
+    margin-top: 5px;
+    background-image: url('../oauth_kakao/kakao_login_join.png');
+}
+
+#btn_kakao_login:hover {
+    background-image: url('../oauth_kakao/kakao_login_join_ov.png');
+}
+
+#bottom_box .container {
+    text-align: center;
+}
+
+.btn-group-xs>.btn,
+.btn-xs {
+    padding: .25rem .4rem;
+    font-size: .875rem;
+    line-height: .5;
+    border-radius: .2rem;
+}
+
+#running_map {
+    border: none;
+    width: 700px;
+}
+
+
+#map-subframe {
+    display: none;
+    width: 700px;
+}
+
+@media only screen and (min-width : 360px) {
+    #map-subframe {
+        display: block;
+        transform: scale(calc(330 / 700));
+        transform-origin: 350px 0px;
+        margin-bottom: -400px;
+    }
+}
+
+
+@media only screen and (min-width : 440px) {
+    #map-subframe {
+        transform: scale(calc(410 / 700));
+        margin-bottom: -300px;
+    }
+}
+
+@media only screen and (min-width : 480px) {
+    #map-subframe {
+        transform: scale(calc(450 / 700));
+        margin-bottom: -250px;
+    }
+}
+
+
+@media only screen and (min-width : 520px) {
+    #map-subframe {
+        transform: scale(calc(490 / 700));
+        margin-bottom: -200px;
+    }
+}
+
+@media only screen and (min-width : 576px) {
+    #map-subframe {
+        transform: scale(calc(546 / 700));
+        margin-bottom: -150px;
+    }
+}
+
+@media only screen and (min-width : 640px) {
+    #map-subframe {
+        transform: scale(calc(600/700));
+        margin-bottom: -100px;
+    }
+}
+
+
+@media only screen and (min-width : 700px) {
+    #map-subframe {
+        transform: scale(calc(670 / 700));
+        margin-bottom: -20px;
+    }
+}
+
+
+@media only screen and (min-width : 730px) {
+    #map-subframe {
+        transform: none;
+        margin-bottom: 0;
+    }
+}

hwe/ts/Board.vue

@@ -60,18 +60,18 @@
 </template>
 
 <script lang="ts">
-import "../scss/common/bootstrap5.scss";
-import "../scss/game_bg.scss";
+import "@scss/common/bootstrap5.scss";
+import "@scss/game_bg.scss";
 import "../../css/config.css";
 
 import { defineComponent, onMounted, reactive, ref } from "vue";
-import TopBackBar from "./components/TopBackBar.vue";
-import BoardArticle from "./components/BoardArticle.vue";
-import { convertFormData } from "./util/convertFormData";
+import TopBackBar from "@/components/TopBackBar.vue";
+import BoardArticle from "@/components/BoardArticle.vue";
+import { convertFormData } from "@util/convertFormData";
 import axios from "axios";
-import { InvalidResponse } from "./defs";
-import { autoResizeTextarea } from "./util/autoResizeTextarea";
-import { unwrap } from "./util/unwrap";
+import { InvalidResponse } from "@/defs";
+import { autoResizeTextarea } from "@util/autoResizeTextarea";
+import { unwrap } from "@util/unwrap";
 export type BoardResponse = {
   result: true;
   articles: Record<number, BoardArticleItem>;

hwe/ts/Join.vue

@@ -294,11 +294,11 @@
   </div>
 </template>
 <script lang="ts">
-import "../scss/common/bootstrap5.scss";
-import "../scss/game_bg.scss";
+import "@scss/common/bootstrap5.scss";
+import "@scss/game_bg.scss";
 
 import { defineComponent } from "vue";
-import TopBackBar from "./components/TopBackBar.vue";
+import TopBackBar from "@/components/TopBackBar.vue";
 import {
   CTable,
   CTableBody,
@@ -306,18 +306,18 @@ import {
   CTableHeaderCell,
   CTableDataCell,
 } from "@coreui/vue/src/components/table";
-import { getIconPath } from "./util/getIconPath";
-import { isBrightColor } from "./util/isBrightColor";
+import { getIconPath } from "@util/getIconPath";
+import { isBrightColor } from "@util/isBrightColor";
 import {
   abilityLeadint,
   abilityLeadpow,
   abilityPowint,
   abilityRand,
-} from "./util/generalStats";
+} from "@util/generalStats";
 import { clone, shuffle, sum } from "lodash";
 import axios from "axios";
-import { InvalidResponse } from "./defs";
-import NumberInputWithInfo from "./components/NumberInputWithInfo.vue";
+import { InvalidResponse } from "@/defs";
+import NumberInputWithInfo from "@/components/NumberInputWithInfo.vue";
 
 declare const nationList: {
   nation: number;

hwe/ts/NPCControl.vue

@@ -459,8 +459,8 @@
   </div>
 </template>
 <script lang="ts">
-import "../scss/common/bootstrap5.scss";
-import "../scss/game_bg.scss";
+import "@scss/common/bootstrap5.scss";
+import "@scss/game_bg.scss";
 
 import { defineComponent } from "vue";
 import {
@@ -470,17 +470,17 @@ import {
   NPCChiefActions,
   NPCGeneralActions,
   ToastType,
-} from "./defs";
-import NumberInputWithInfo from "./components/NumberInputWithInfo.vue";
+} from "@/defs";
+import NumberInputWithInfo from "@/components/NumberInputWithInfo.vue";
 import { cloneDeep, isEqual, last } from "lodash";
-import { unwrap } from "./util/unwrap";
-import { convertFormData } from "./util/convertFormData";
+import { unwrap } from "@util/unwrap";
+import { convertFormData } from "@util/convertFormData";
 import axios from "axios";
-import { NPCPriorityBtnHelpMessage } from "./helpTexts";
+import { NPCPriorityBtnHelpMessage } from "@/helpTexts";
 import draggable from "vuedraggable";
-import MyToast from "./components/MyToast.vue";
-import TopBackBar from "./components/TopBackBar.vue";
-import { convertIDArray } from "./util/convertIDArray";
+import MyToast from "@/components/MyToast.vue";
+import TopBackBar from "@/components/TopBackBar.vue";
+import { convertIDArray } from "@util/convertIDArray";
 
 declare const nationID: number;
 

hwe/ts/ReservedCommand.vue

@@ -203,13 +203,13 @@ import addMinutes from "date-fns/esm/addMinutes";
 import { range } from "lodash";
 import { stringifyUrl } from "query-string";
 import { defineComponent } from "vue";
-import { formatTime } from "./util/formatTime";
-import { joinYearMonth } from "./util/joinYearMonth";
-import { mb_strwidth } from "./util/mb_strwidth";
-import { parseTime } from "./util/parseTime";
-import { parseYearMonth } from "./util/parseYearMonth";
-import { sammoAPI } from "./util/sammoAPI";
-import { filter초성withAlphabet } from "./util/filter초성withAlphabet";
+import { formatTime } from "@util/formatTime";
+import { joinYearMonth } from "@util/joinYearMonth";
+import { mb_strwidth } from "@util/mb_strwidth";
+import { parseTime } from "@util/parseTime";
+import { parseYearMonth } from "@util/parseYearMonth";
+import { sammoAPI } from "@util/sammoAPI";
+import { filter초성withAlphabet } from "@util/filter초성withAlphabet";
 
 type commandItem = {
   value: string;
@@ -544,10 +544,10 @@ export default defineComponent({
 });
 </script>
 <style lang="scss">
-@import "../scss/common/break_500px.scss";
-@import "../scss/common/variables.scss";
-@import "../scss/common/bootswatch_custom_variables.scss";
-@import "../../node_modules/bootstrap/scss/bootstrap-utilities.scss";
+@import "@scss/common/break_500px.scss";
+@import "@scss/common/variables.scss";
+@import "@scss/common/bootswatch_custom_variables.scss";
+@import "bootstrap/scss/bootstrap-utilities.scss";
 
 .commandPad {
   background-color: $gray-900;

hwe/ts/battle_simulator.ts

@@ -1,14 +1,14 @@
 import $ from 'jquery';
 import 'bootstrap';
 import download from 'downloadjs';
-import { unwrap } from "./util/unwrap";
+import { unwrap } from "@util/unwrap";
 import { isInteger } from 'lodash';
-import { combineArray, errUnknown, getNpcColor } from './common_legacy';
-import { isBrightColor } from "./util/isBrightColor";
-import { numberWithCommas } from "./util/numberWithCommas";
-import { unwrap_any } from './util/unwrap_any';
-import { BasicGeneralListResponse, InvalidResponse } from './defs';
-import { formatTime } from './util/formatTime';
+import { combineArray, errUnknown, getNpcColor } from '@/common_legacy';
+import { isBrightColor } from "@util/isBrightColor";
+import { numberWithCommas } from "@util/numberWithCommas";
+import { unwrap_any } from '@util/unwrap_any';
+import { BasicGeneralListResponse, InvalidResponse } from '@/defs';
+import { formatTime } from '@util/formatTime';
 
 type CityAttackerInfo = {
     level: number,

hwe/ts/betting.ts

@@ -1,9 +1,9 @@
 import $ from 'jquery';
 import axios from 'axios';
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
-import { InvalidResponse } from './defs';
-import { convertFormData } from './util/convertFormData';
-import { unwrap_any } from './util/unwrap_any';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { InvalidResponse } from '@/defs';
+import { convertFormData } from '@util/convertFormData';
+import { unwrap_any } from '@util/unwrap_any';
 
 $(function($){
     setAxiosXMLHttpRequest();

hwe/ts/bossInfo.ts

@@ -1,9 +1,9 @@
 import $ from 'jquery';
 import axios from 'axios';
-import { convertFormData } from './util/convertFormData';
-import { InvalidResponse } from './defs';
-import { unwrap_any } from './util/unwrap_any';
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+import { convertFormData } from '@util/convertFormData';
+import { InvalidResponse } from '@/defs';
+import { unwrap_any } from '@util/unwrap_any';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 import 'bootstrap';
 import 'select2/dist/js/select2.full.js'
 

hwe/ts/chiefCenter.ts

@@ -2,15 +2,15 @@ import axios from 'axios';
 import $ from 'jquery';
 import { range } from 'lodash';
 import { addMinutes } from 'date-fns';
-import { errUnknown, getNpcColor } from './common_legacy';
-import { InvalidResponse } from './defs';
-import { unwrap } from "./util/unwrap";
-import { convertFormData } from './util/convertFormData';
-import { unwrap_any } from "./util/unwrap_any";
-import { parseTime } from './util/parseTime';
-import { formatTime } from './util/formatTime';
+import { errUnknown, getNpcColor } from '@/common_legacy';
+import { InvalidResponse } from '@/defs';
+import { unwrap } from "@util/unwrap";
+import { convertFormData } from '@util/convertFormData';
+import { unwrap_any } from "@util/unwrap_any";
+import { parseTime } from '@util/parseTime';
+import { formatTime } from '@util/formatTime';
 import { stringifyUrl } from 'query-string';
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 
 setAxiosXMLHttpRequest();
 

hwe/ts/common_deprecated.ts

@@ -1,15 +1,15 @@
-import { exportWindow } from "./util/exportWindow";
-import { activateFlip, errUnknown, errUnknownToast, quickReject, initTooltip } from "./common_legacy";
-import { isBrightColor } from "./util/isBrightColor";
-import { getIconPath } from "./util/getIconPath";
-import { mb_strwidth } from "./util/mb_strwidth";
-import { TemplateEngine } from "./util/TemplateEngine";
-import { escapeHtml } from "./legacy/escapeHtml";
-import { nl2br } from "./util/nl2br";
+import { exportWindow } from "@util/exportWindow";
+import { activateFlip, errUnknown, errUnknownToast, quickReject, initTooltip } from "@/common_legacy";
+import { isBrightColor } from "@util/isBrightColor";
+import { getIconPath } from "@util/getIconPath";
+import { mb_strwidth } from "@util/mb_strwidth";
+import { TemplateEngine } from "@util/TemplateEngine";
+import { escapeHtml } from "@/legacy/escapeHtml";
+import { nl2br } from "@util/nl2br";
 import jQuery from "jquery";
 import 'bootstrap';
 
-import "../scss/common_legacy.scss";
+import "@scss/common_legacy.scss";
 
 exportWindow(jQuery, '$');
 exportWindow(jQuery, 'jQuery');

hwe/ts/components/BoardArticle.vue

@@ -50,12 +50,12 @@
   </table>
 </template>
 <script lang="ts">
-import { BoardArticleItem } from "../Board.vue";
-import BoardComment from "./BoardComment.vue";
+import { BoardArticleItem } from "@/Board.vue";
+import BoardComment from "@/BoardComment.vue";
 import { defineComponent, PropType } from "vue";
 import axios from "axios";
-import { convertFormData } from "../util/convertFormData";
-import { InvalidResponse } from "../defs";
+import { convertFormData } from "@util/convertFormData";
+import { InvalidResponse } from "@/defs";
 export default defineComponent({
   name: "BoardArticle",
   components: {

hwe/ts/components/BoardComment.vue

@@ -7,7 +7,7 @@
   </tr>
 </template>
 <script lang="ts">
-import { BoardCommentItem } from "../Board.vue";
+import { BoardCommentItem } from "@/Board.vue";
 import { defineComponent, PropType } from "vue";
 
 export default defineComponent({

hwe/ts/components/BottomBar.vue

@@ -14,7 +14,7 @@
 
 <script lang="ts">
 import { defineComponent, PropType } from "vue";
-import "../../scss/game_bg.scss";
+import "@scss/game_bg.scss";
 
 export default defineComponent({
   name: "TopBackBar",

hwe/ts/components/MyToast.vue

@@ -19,7 +19,7 @@
 </template>
 <script lang="ts">
 import { defineComponent, PropType } from "vue";
-import { ToastType } from "../defs";
+import { ToastType } from "@/defs";
 import { CToaster, CToast, CToastHeader, CToastBody } from "@coreui/vue/src/components/toast";
 
 export default defineComponent({

hwe/ts/components/TopBackBar.vue

@@ -9,7 +9,7 @@
 
 <script lang="ts">
 import { defineComponent, PropType } from "vue";
-import "../../scss/game_bg.scss";
+import "@scss/game_bg.scss";
 
 export default defineComponent({
   name: "TopBackBar",

hwe/ts/defaultSelectCityByMap.ts

@@ -1,5 +1,5 @@
-import { reloadWorldMap } from "./map";
-import { unwrap_any } from "./util/unwrap_any";
+import { reloadWorldMap } from "@/map";
+import { unwrap_any } from "@util/unwrap_any";
 
 export function defaultSelectCityByMap(): void {
     const $target = $("#destCityID");

hwe/ts/defaultSelectNationByMap.ts

@@ -1,5 +1,5 @@
-import { reloadWorldMap } from "./map";
-import { unwrap_any } from "./util/unwrap_any";
+import { reloadWorldMap } from "@/map";
+import { unwrap_any } from "@util/unwrap_any";
 
 export function defaultSelectNationByMap(): void{
     const $target = $("#destNationID");

hwe/ts/dipcenter.ts

@@ -2,10 +2,10 @@ import $ from 'jquery';
 import 'bootstrap';
 import 'summernote/dist/summernote-bs4';
 import 'summernote/dist/summernote-bs4.css';
-import './summernote-image-flip';
-import './summernote-ko-KR';
-import { activateFlip } from './common_legacy';
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+import '@/summernote-image-flip';
+import '@/summernote-ko-KR';
+import { activateFlip } from '@/common_legacy';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 
 declare const editable: boolean;
 

hwe/ts/diplomacy.ts

@@ -1,14 +1,14 @@
 import $ from 'jquery';
-import { unwrap_any } from './util/unwrap_any';
+import { unwrap_any } from '@util/unwrap_any';
 import axios from 'axios';
-import { isBrightColor } from "./util/isBrightColor";
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+import { isBrightColor } from "@util/isBrightColor";
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 import { isString } from 'lodash';
-import { convertFormData } from './util/convertFormData';
-import { InvalidResponse, NationStaticItem } from './defs';
-import { escapeHtml } from './legacy/escapeHtml';
-import { nl2br } from './util/nl2br';
-import { unwrap } from './util/unwrap';
+import { convertFormData } from '@util/convertFormData';
+import { InvalidResponse, NationStaticItem } from '@/defs';
+import { escapeHtml } from '@/legacy/escapeHtml';
+import { nl2br } from '@util/nl2br';
+import { unwrap } from '@util/unwrap';
 import 'bootstrap';
 import 'select2/dist/js/select2.full.js'
 import { LoadingData } from 'select2';

hwe/ts/extExpandCity.ts

@@ -1,6 +1,6 @@
 
 import $ from 'jquery';
-import { unwrap_any } from './util/unwrap_any';
+import { unwrap_any } from '@util/unwrap_any';
 
 type UserItem = {
     val: string,

hwe/ts/extKingdoms.ts

@@ -1,7 +1,7 @@
 import $ from 'jquery';
-import { unwrap } from './util/unwrap';
+import { unwrap } from '@util/unwrap';
 import axios from 'axios';
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 
 type KingdomGeneral = {
     html: JQuery<HTMLElement>,

hwe/ts/extPluginTroop.ts

@@ -1,6 +1,6 @@
 import axios from "axios";
-import { unwrap } from "./util/unwrap";
-import { RuntimeError } from "./util/RuntimeError";
+import { unwrap } from "@util/unwrap";
+import { RuntimeError } from "@util/RuntimeError";
 
 declare global {
     interface Window {

hwe/ts/gateway/admin_member.ts

@@ -1,13 +1,13 @@
 import axios from 'axios';
 import $ from 'jquery';
 import { isNumber } from 'lodash';
-import { TemplateEngine } from '../util/TemplateEngine';
-import { InvalidResponse } from '../defs';
-import { setAxiosXMLHttpRequest } from '../util/setAxiosXMLHttpRequest';
-import { unwrap_any } from '../util/unwrap_any';
-import { convertFormData } from '../util/convertFormData';
-import { exportWindow } from '../util/exportWindow';
-import './common';
+import { TemplateEngine } from '@util/TemplateEngine';
+import { InvalidResponse } from '@/defs';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { unwrap_any } from '@util/unwrap_any';
+import { convertFormData } from '@util/convertFormData';
+import { exportWindow } from '@util/exportWindow';
+import '@/gateway/common';
 
 type UserEntry = {
     userID: string,

hwe/ts/gateway/admin_server.ts

@@ -1,12 +1,12 @@
-import { exportWindow } from '../util/exportWindow';
+import { exportWindow } from '@util/exportWindow';
 import axios from 'axios';
-import { setAxiosXMLHttpRequest } from '../util/setAxiosXMLHttpRequest';
-import { InvalidResponse } from '../defs';
-import { convertFormData } from '../util/convertFormData';
-import { TemplateEngine } from "../util/TemplateEngine";
-import { unwrap_any } from '../util/unwrap_any';
-import { unwrap } from '../util/unwrap';
-import './common';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { InvalidResponse } from '@/defs';
+import { convertFormData } from '@util/convertFormData';
+import { TemplateEngine } from "@util/TemplateEngine";
+import { unwrap_any } from '@util/unwrap_any';
+import { unwrap } from '@util/unwrap';
+import '@/gateway/common';
 
 type ServerUpdateResponse = {
     result: true,

hwe/ts/gateway/common.ts

@@ -1,3 +1,3 @@
 
 import 'bootstrap';
-import "../../scss/common/bootstrap5.scss";
+import "@scss/common/bootstrap5.scss";

hwe/ts/gateway/entrance.ts

@@ -1,14 +1,14 @@
-import { exportWindow } from '../util/exportWindow';
+import { exportWindow } from '@util/exportWindow';
 import $ from 'jquery';
 exportWindow($, '$');
 import axios from 'axios';
-import { initTooltip } from '../common_legacy';
-import { TemplateEngine } from "../util/TemplateEngine";
-import { InvalidResponse } from '../defs';
-import { getDateTimeNow } from '../util/getDateTimeNow';
-import { setAxiosXMLHttpRequest } from '../util/setAxiosXMLHttpRequest';
-import { loadPlugin as loadAdminPlugin } from './admin_server';
-import './common';
+import { initTooltip } from '@/common_legacy';
+import { TemplateEngine } from '@util/TemplateEngine';
+import { InvalidResponse } from '@/defs';
+import { getDateTimeNow } from '@util/getDateTimeNow';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { loadPlugin as loadAdminPlugin } from '@/gateway/admin_server';
+import '@/gateway/common';
 
 
 declare const isAdmin: boolean;

hwe/ts/gateway/install.ts

@@ -1,15 +1,15 @@
 
 import $ from 'jquery';
 import axios from 'axios';
-import { setAxiosXMLHttpRequest } from '../util/setAxiosXMLHttpRequest';
-import { InvalidResponse } from '../defs';
-import { JQValidateForm, NamedRules } from '../util/jqValidateForm';
-import { convertFormData } from '../util/convertFormData';
-import { unwrap_any } from '../util/unwrap_any';
-import { mb_strwidth } from '../util/mb_strwidth';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { InvalidResponse } from '@/defs';
+import { JQValidateForm, NamedRules } from '@util/jqValidateForm';
+import { convertFormData } from '@util/convertFormData';
+import { unwrap_any } from '@util/unwrap_any';
+import { mb_strwidth } from '@util/mb_strwidth';
 import { isString } from 'lodash';
 import { sha512 } from 'js-sha512';
-import './common';
+import '@/gateway/common';
 
 async function changeInstallMode() {
     let result: {

hwe/ts/gateway/join.ts

@@ -1,14 +1,14 @@
 import $ from 'jquery';
 import axios from 'axios';
-import { JQValidateForm, NamedRules } from '../util/jqValidateForm';
-import { convertFormData } from '../util/convertFormData';
-import { InvalidResponse } from '../defs';
-import { setAxiosXMLHttpRequest } from '../util/setAxiosXMLHttpRequest';
-import { unwrap_any } from '../util/unwrap_any';
+import { JQValidateForm, NamedRules } from '@util/jqValidateForm';
+import { convertFormData } from '@util/convertFormData';
+import { InvalidResponse } from '@/defs';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { unwrap_any } from '@util/unwrap_any';
 import { sha512 } from 'js-sha512';
 import { isString } from 'lodash';
-import { mb_strwidth } from '../util/mb_strwidth';
-import './common';
+import { mb_strwidth } from '@util/mb_strwidth';
+import '@/gateway/common';
 
 
 $(async function () {

hwe/ts/gateway/login.ts

@@ -1,14 +1,14 @@
 import $ from 'jquery';
-import { JQValidateForm, NamedRules } from '../util/jqValidateForm';
+import { JQValidateForm, NamedRules } from '@util/jqValidateForm';
 import axios from 'axios';
-import { convertFormData } from '../util/convertFormData';
-import { setAxiosXMLHttpRequest } from '../util/setAxiosXMLHttpRequest';
-import { unwrap_any } from '../util/unwrap_any';
+import { convertFormData } from '@util/convertFormData';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { unwrap_any } from '@util/unwrap_any';
 import { sha512 } from 'js-sha512';
-import { unwrap } from '../util/unwrap';
-import { InvalidResponse } from '../defs';
-import { delay } from '../util/delay';
-import './common';
+import { unwrap } from '@util/unwrap';
+import { InvalidResponse } from '@/defs';
+import { delay } from '@util/delay';
+import '@/gateway/common';
 
 
 type LoginResponse = {

hwe/ts/gateway/user_info.ts

@@ -1,15 +1,15 @@
-import { setAxiosXMLHttpRequest } from "../util/setAxiosXMLHttpRequest";
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 import $ from 'jquery';
 import axios from 'axios';
 import { subDays } from 'date-fns';
-import { getDateTimeNow } from "../util/getDateTimeNow";
+import { getDateTimeNow } from '@util/getDateTimeNow';
 import { sha512 } from "js-sha512";
-import { convertFormData } from "../util/convertFormData";
-import { InvalidResponse } from "../defs";
-import { unwrap } from "../util/unwrap";
-import { parseTime } from "../util/parseTime";
-import { formatTime } from "../util/formatTime";
-import './common';
+import { convertFormData } from '@util/convertFormData';
+import { InvalidResponse } from '@/defs';
+import { unwrap } from '@util/unwrap';
+import { parseTime } from '@util/parseTime';
+import { formatTime } from '@util/formatTime';
+import '@/gateway/common';
 
 type ResultUserInfo = {
     result: true,

hwe/ts/hallOfFame.ts

@@ -1,6 +1,6 @@
 import $ from 'jquery';
 import { stringifyUrl } from 'query-string';
-import { initTooltip } from './common_legacy';
+import { initTooltip } from '@/common_legacy';
 import 'bootstrap';
 
 $(function ($) {

hwe/ts/helpTexts.ts

@@ -1,4 +1,4 @@
-import { NPCChiefActions, NPCGeneralActions } from "./defs";
+import { NPCChiefActions, NPCGeneralActions } from "@/defs";
 
 export const NPCPriorityBtnHelpMessage: {
   [v in NPCChiefActions | NPCGeneralActions]: string;

hwe/ts/history.ts

@@ -1,5 +1,5 @@
 import $ from 'jquery';
-import './map';
+import '@/map';
 
 declare const startYear:number;
 declare const startMonth:number;

hwe/ts/inheritPoint.vue

@@ -259,13 +259,13 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import "../scss/common/bootstrap5.scss";
-import "../scss/game_bg.scss";
-import TopBackBar from "./components/TopBackBar.vue";
+import "@scss/common/bootstrap5.scss";
+import "@scss/game_bg.scss";
+import TopBackBar from "@/components/TopBackBar.vue";
 import _ from "lodash";
-import { InvalidResponse } from "./defs";
+import { InvalidResponse } from "@/defs";
 import axios from "axios";
-import NumberInputWithInfo from "./components/NumberInputWithInfo.vue";
+import NumberInputWithInfo from "@/components/NumberInputWithInfo.vue";
 
 type InheritanceType =
   | "previous"

hwe/ts/install.ts

@@ -1,11 +1,11 @@
 import $ from "jquery";
 import 'bootstrap';
-import { setAxiosXMLHttpRequest } from "./util/setAxiosXMLHttpRequest";
+import { setAxiosXMLHttpRequest } from "@util/setAxiosXMLHttpRequest";
 import axios from "axios";
-import { InvalidResponse } from "./defs";
-import { JQValidateForm, NamedRules } from "./util/jqValidateForm";
-import { convertFormData } from "./util/convertFormData";
-import { exportWindow } from "./util/exportWindow";
+import { InvalidResponse } from "@/defs";
+import { JQValidateForm, NamedRules } from "@util/jqValidateForm";
+import { convertFormData } from "@util/convertFormData";
+import { exportWindow } from "@util/exportWindow";
 
 type ResponseScenarioItem = {
     year?: number,

hwe/ts/install_db.ts

@@ -1,10 +1,10 @@
 
 import axios from 'axios';
 import jQuery from 'jquery';
-import { JQValidateForm, NamedRules } from './util/jqValidateForm';
-import { convertFormData } from './util/convertFormData';
-import { InvalidResponse } from './defs';
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+import { JQValidateForm, NamedRules } from '@util/jqValidateForm';
+import { convertFormData } from '@util/convertFormData';
+import { InvalidResponse } from '@/defs';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 
 jQuery(async function ($) {
     setAxiosXMLHttpRequest();

hwe/ts/main.ts

@@ -1,19 +1,19 @@
 import $ from 'jquery';
 import 'bootstrap';
-import { activateFlip, initTooltip } from './common_legacy';
-import './msg.ts';
-import './map.ts';
-import { exportWindow } from './util/exportWindow';
+import { activateFlip, initTooltip } from '@/common_legacy';
+import '@/msg.ts';
+import '@/map.ts';
+import { exportWindow } from '@util/exportWindow';
 
-import { scrollHardTo } from './util/scrollHardTo';
+import { scrollHardTo } from '@util/scrollHardTo';
 
 exportWindow(scrollHardTo, 'scrollHardTo');
 exportWindow($, '$');
 
-import '../scss/main.scss';
-import { unwrap } from './util/unwrap';
-import { auto500px } from './util/auto500px';
-import { htmlReady } from './util/htmlReady';
+import '@scss/main.scss';
+import { unwrap } from '@util/unwrap';
+import { auto500px } from '@util/auto500px';
+import { htmlReady } from '@util/htmlReady';
 
 $(function ($) {
     $('.refreshPage').click(function () {

hwe/ts/map.ts

@@ -1,11 +1,11 @@
 import axios from 'axios';
 import $ from 'jquery';
 import { extend, isNumber } from 'lodash';
-import { convColorValue, convertDictById, stringFormat } from './common_legacy';
-import { InvalidResponse } from './defs';
-import { unwrap } from "./util/unwrap";
-import { convertFormData } from './util/convertFormData';
-import { exportWindow } from './util/exportWindow';
+import { convColorValue, convertDictById, stringFormat } from '@/common_legacy';
+import { InvalidResponse } from '@/defs';
+import { unwrap } from "@util/unwrap";
+import { convertFormData } from '@util/convertFormData';
+import { exportWindow } from '@util/exportWindow';
 
 declare const serverNick: string;
 declare const serverID: string;

hwe/ts/msg.ts

@@ -1,20 +1,20 @@
 
 import $ from 'jquery';
-import { InvalidResponse } from './defs';
-import { getDateTimeNow } from './util/getDateTimeNow';
+import { InvalidResponse } from '@/defs';
+import { getDateTimeNow } from '@util/getDateTimeNow';
 import axios from 'axios';
-import { convertFormData } from './util/convertFormData';
-import { isBrightColor } from "./util/isBrightColor";
-import { unwrap } from './util/unwrap';
+import { convertFormData } from '@util/convertFormData';
+import { isBrightColor } from "@util/isBrightColor";
+import { unwrap } from '@util/unwrap';
 import _ from 'lodash';
 import { addMinutes } from 'date-fns';
-import { parseTime } from './util/parseTime';
-import { formatTime } from './util/formatTime';
-import { TemplateEngine } from './util/TemplateEngine';
-import { isNotNull } from './util/isNotNull';
-import { unwrap_any } from './util/unwrap_any';
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
-import { exportWindow } from './util/exportWindow';
+import { parseTime } from '@util/parseTime';
+import { formatTime } from '@util/formatTime';
+import { TemplateEngine } from '@util/TemplateEngine';
+import { isNotNull } from '@util/isNotNull';
+import { unwrap_any } from '@util/unwrap_any';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { exportWindow } from '@util/exportWindow';
 
 const messageTemplate = `<div
     class="msg_plate msg_plate_<%msgType%> msg_plate_<%nationType%>"

hwe/ts/myPage.ts

@@ -1,10 +1,10 @@
 import axios from 'axios';
 import $ from 'jquery';
-import { InvalidResponse } from './defs';
-import { convertFormData } from './util/convertFormData';
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
-import { unwrap } from './util/unwrap';
-import { unwrap_any } from './util/unwrap_any';
+import { InvalidResponse } from '@/defs';
+import { convertFormData } from '@util/convertFormData';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { unwrap } from '@util/unwrap';
+import { unwrap_any } from '@util/unwrap_any';
 
 
 type LogResponse = {

hwe/ts/processing.ts

@@ -1,19 +1,19 @@
 import $ from 'jquery';
 exportWindow($, '$');
-import { exportWindow } from './util/exportWindow';
+import { exportWindow } from '@util/exportWindow';
 import axios from 'axios';
 import 'bootstrap';
 import 'select2/dist/js/select2.full.js'
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
-import { convertFormData } from './util/convertFormData';
-import { InvalidResponse } from './defs';
-import { unwrap_any } from './util/unwrap_any';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { convertFormData } from '@util/convertFormData';
+import { InvalidResponse } from '@/defs';
+import { unwrap_any } from '@util/unwrap_any';
 import { DataFormat, IdTextPair, OptionData } from 'select2';
-import { unwrap } from "./util/unwrap";
-import { defaultSelectCityByMap } from './defaultSelectCityByMap';
-import { defaultSelectNationByMap } from './defaultSelectNationByMap';
-import { colorSelect } from './colorSelect';
-import { recruitCrewForm } from './recruitCrewForm';
+import { unwrap } from "@util/unwrap";
+import { defaultSelectCityByMap } from '@/defaultSelectCityByMap';
+import { defaultSelectNationByMap } from '@/defaultSelectNationByMap';
+import { colorSelect } from '@/colorSelect';
+import { recruitCrewForm } from '@/recruitCrewForm';
 
 declare const isChiefTurn: boolean;
 declare const jsPlugins: string[];

hwe/ts/recent_map.ts

@@ -1,6 +1,6 @@
 import $ from 'jquery';
 import 'bootstrap';
-import { reloadWorldMap } from './map';
+import { reloadWorldMap } from '@/map';
 
 declare global{
     interface Window{

hwe/ts/recruitCrewForm.ts

@@ -1,4 +1,4 @@
-import { unwrap_any } from './util/unwrap_any';
+import { unwrap_any } from '@util/unwrap_any';
 
 
 declare const leadership: number;

hwe/ts/select_general_from_pool.ts

@@ -1,13 +1,13 @@
 import $ from 'jquery';
 import axios from 'axios';
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
-import { InvalidResponse } from './defs';
-import { initTooltip } from './common_legacy';
-import { getIconPath } from "./util/getIconPath";
-import { convertFormData } from './util/convertFormData';
-import { unwrap_any } from './util/unwrap_any';
-import { unwrap } from './util/unwrap';
-import { TemplateEngine } from './util/TemplateEngine';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { InvalidResponse } from '@/defs';
+import { initTooltip } from '@/common_legacy';
+import { getIconPath } from "@util/getIconPath";
+import { convertFormData } from '@util/convertFormData';
+import { unwrap_any } from '@util/unwrap_any';
+import { unwrap } from '@util/unwrap';
+import { TemplateEngine } from '@util/TemplateEngine';
 import { Tooltip } from 'bootstrap';
 import { trim } from 'lodash';
 type CardItem = {

hwe/ts/select_npc.ts

@@ -1,11 +1,11 @@
 import axios from 'axios';
-import { errUnknown } from './common_legacy';
-import { getIconPath } from "./util/getIconPath";
-import { TemplateEngine } from "./util/TemplateEngine";
-import { GeneralListResponse, InvalidResponse } from './defs';
-import { convertFormData } from './util/convertFormData';
-import { unwrap_any } from './util/unwrap_any';
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+import { errUnknown } from '@/common_legacy';
+import { getIconPath } from "@util/getIconPath";
+import { TemplateEngine } from "@util/TemplateEngine";
+import { GeneralListResponse, InvalidResponse } from '@/defs';
+import { convertFormData } from '@util/convertFormData';
+import { unwrap_any } from '@util/unwrap_any';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 import { Tooltip } from 'bootstrap';
 import { trim } from 'lodash';
 

hwe/ts/troop.ts

@@ -1,8 +1,8 @@
-import { errUnknown } from "./common_legacy";
-import { launchTroopPlugin } from "./extPluginTroop";
+import { errUnknown } from "@/common_legacy";
+import { launchTroopPlugin } from "@/extPluginTroop";
 import jQuery from "jquery";
 
-import "../scss/troop.scss";
+import "@scss/troop.scss";
 
 jQuery(function($){
     //btnJoinTroop, btnLeaveTroop, btnKickTroop, btnCreateTroop, btnChangeTroopName

hwe/ts/util/TemplateEngine.ts

@@ -1,4 +1,4 @@
-import { escapeHtml } from "../legacy/escapeHtml";
+import { escapeHtml } from '@/legacy/escapeHtml';
 import linkifyStr from 'linkifyjs/string';
 /**
  * 단순한 Template 함수.  <%변수명%>으로 template 가능

hwe/ts/util/auto500px.ts

@@ -1,5 +1,5 @@
-import { htmlReady } from "./htmlReady";
-import { unwrap } from "./unwrap";
+import { htmlReady } from "@util/htmlReady";
+import { unwrap } from "@util/unwrap";
 
 export function auto500px(targetHeight = 700): void {
     let deviceWidth = -1;

hwe/ts/util/autoResizeTextarea.ts

@@ -1,4 +1,4 @@
-import { unwrap } from "./unwrap";
+import { unwrap } from "@util/unwrap";
 
 export function autoResizeTextarea(e: InputEvent): void {
     const el = unwrap(e.target) as HTMLInputElement;

hwe/ts/util/convertIDArray.ts

@@ -1,4 +1,4 @@
-import { IDItem } from "../defs";
+import { IDItem } from '@/defs';
 
 export function convertIDArray<T>(array: Iterable<T>): IDItem<T>[] {
     const result: IDItem<T>[] = [];

hwe/ts/util/getDateTimeNow.ts

@@ -1,4 +1,4 @@
-import { formatTime } from './formatTime';
+import { formatTime } from '@util/formatTime';
 export function getDateTimeNow(withFraction = false): string {
     return formatTime(new Date(), withFraction);
 }

hwe/ts/util/isBrightColor.ts

@@ -1,5 +1,5 @@
-import { unwrap } from "./unwrap";
-import { hexToRgb } from "./hexToRgb";
+import { unwrap } from "@util/unwrap";
+import { hexToRgb } from "@util/hexToRgb";
 
 export function isBrightColor(color: string): boolean {
     const cv = unwrap(hexToRgb(color));

hwe/ts/util/jqValidateForm.ts

@@ -1,6 +1,6 @@
 import Schema, { Rule, Values } from "async-validator";
 import { isArray } from "lodash";
-import { mergeKVArray } from "./mergeKVArray";
+import { mergeKVArray } from "@util/mergeKVArray";
 import $ from 'jquery';
 
 type Option = {

hwe/ts/util/mb_strimwidth.ts

@@ -1,4 +1,4 @@
-import { mb_strwidth } from "./mb_strwidth";
+import { mb_strwidth } from "@util/mb_strwidth";
 
 /**
  * mb_strimwidth

hwe/ts/util/sammoAPI.ts

@@ -1,6 +1,6 @@
 import axios from "axios";
 import { isArray } from "lodash";
-import { InvalidResponse } from "../defs";
+import { InvalidResponse } from '@/defs';
 
 type ValidResponse = {
     result: true

hwe/ts/util/unwrap.ts

@@ -1,5 +1,5 @@
-import { Nullable } from "./Nullable";
-import { NotNullExpected } from "./NotNullExpected";
+import { Nullable } from "@util/Nullable";
+import { NotNullExpected } from "@util/NotNullExpected";
 
 export function unwrap<T>(result: Nullable<T>): T {
     if (result === null || result === undefined) {

hwe/ts/util/unwrap_any.ts

@@ -1,5 +1,5 @@
-import { Nullable } from "./Nullable";
-import { NotNullExpected } from "./NotNullExpected";
+import { Nullable } from "@util/Nullable";
+import { NotNullExpected } from "@util/NotNullExpected";
 
 
 export function unwrap_any<T>(result: Nullable<unknown>): T {

hwe/ts/util/unwrap_err.ts

@@ -1,4 +1,4 @@
-import { Nullable } from "./Nullable";
+import { Nullable } from "@util/Nullable";
 
 type ErrType<T> = { new(msg?: string): T }
 

hwe/ts/v_NPCControl.ts

@@ -1,9 +1,9 @@
 import { createApp } from 'vue'
-import NPCControl from './NPCControl.vue';
+import NPCControl from '@/NPCControl.vue';
 import BootstrapVue3 from 'bootstrap-vue-3'
-import "../scss/common/bootstrap5.scss";
+import "@scss/common/bootstrap5.scss";
 import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 
 setAxiosXMLHttpRequest();
 createApp(NPCControl).use(BootstrapVue3).mount('#app')

hwe/ts/v_board.ts

@@ -1,9 +1,9 @@
 import { createApp } from 'vue'
-import Board from './Board.vue';
+import Board from '@/Board.vue';
 import BootstrapVue3 from 'bootstrap-vue-3'
-import "../scss/common/bootstrap5.scss";
+import "@scss/common/bootstrap5.scss";
 import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 
 declare const isSecretBoard: boolean;
 

hwe/ts/v_inheritPoint.ts

@@ -1,6 +1,6 @@
 import { createApp } from 'vue'
-import InheritPoint from './inheritPoint.vue';
+import InheritPoint from '@/inheritPoint.vue';
 import BootstrapVue3 from 'bootstrap-vue-3'
-import "../scss/common/bootstrap5.scss";
+import "@scss/common/bootstrap5.scss";
 import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'
 createApp(InheritPoint).use(BootstrapVue3).mount('#app');

hwe/ts/v_join.ts

@@ -1,7 +1,7 @@
 import { createApp } from 'vue'
-import Join from './Join.vue';
+import Join from '@/Join.vue';
 import BootstrapVue3 from 'bootstrap-vue-3'
-import "../scss/common/bootstrap5.scss";
+import "@scss/common/bootstrap5.scss";
 import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'
 
 createApp(Join).use(BootstrapVue3).mount('#app')

hwe/ts/v_main.ts

@@ -1,7 +1,7 @@
 import { createApp } from 'vue'
-import ReservedCommand from './ReservedCommand.vue';
+import ReservedCommand from '@/ReservedCommand.vue';
 import BootstrapVue3 from 'bootstrap-vue-3'
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 import Multiselect from 'vue-multiselect';
 
 setAxiosXMLHttpRequest();