refac: linter 관련 설정 변경 및 적용, map_theme 변수 제거

- eslint에 prettier 조합
- prettierrc에 width 120, tabWidth 2
- gameStor->map_theme 제거
- map_theme, mapTheme를 GameConst::$mapName으로 대체
- eslint에서 vue/vue3-essential 대신 vue3-recommended 적용
  - vue/max-attributes-per-line 완화
  - vue/v-on-event-hyphenation 해제
  - vue/attribute-hyphenation 해제
- 일부 tsc import type warning 해결
- 일부 vue template type warning 해결
- 일부 vue SFC를 script setup으로 변경
  - TipTap
  - TopBackBar
  - BottomBackBar
  - BoardArticle
  - ProcessCity

hwe/ts/components/DragSelect.vue

@@ -6,8 +6,7 @@
       userSelect: disabled ? undefined : 'none',
       overflow: 'hidden',
       touchAction: disabled ? undefined : 'none',
-    }
-    "
+    }"
     :class="{ disabledDrag: disabled }"
   >
     <slot :selected="intersected" />
@@ -16,14 +15,7 @@
 
 <script lang="ts">
 /// https://github.com/andi23rosca/drag-select-vue/blob/master/src/DragSelect.vue
-import {
-  defineComponent,
-  ref,
-  watch,
-  onMounted,
-  onBeforeUnmount,
-  type PropType,
-} from "vue";
+import { defineComponent, ref, watch, onMounted, onBeforeUnmount, type PropType } from "vue";
 import VueTypes from "vue-types";
 
 function getDimensions(p1: coord, p2: coord): rect {
@@ -47,14 +39,8 @@ type rect = { width: number; height: number };
 export default defineComponent({
   props: {
     attribute: VueTypes.string.isRequired,
-    color: {
-      ...VueTypes.string.def("#4299E1"),
-      required: false,
-    },
-    opacity: {
-      ...VueTypes.number.def(0.7),
-      required: false,
-    },
+    color: VueTypes.string.def("#4299E1"),
+    opacity: VueTypes.number.def(0.7),
     modelValue: {
       type: Object as PropType<Set<string>>,
       required: false,
@@ -64,7 +50,7 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false,
-    }
+    },
   },
   emits: ["update:modelValue", "dragDone", "dragStart"],
   setup(props, { emit }) {
@@ -194,20 +180,22 @@ export default defineComponent({
         isMine = false;
       }
 
-      watch(() => props.disabled, disabledNext => {
-        if (disabledNext) {
-          uContainer.removeEventListener("mousedown", startDrag);
-          uContainer.removeEventListener("touchstart", touchStart);
-          document.removeEventListener("mouseup", endDrag);
-          document.removeEventListener("touchend", endDrag);
+      watch(
+        () => props.disabled,
+        (disabledNext) => {
+          if (disabledNext) {
+            uContainer.removeEventListener("mousedown", startDrag);
+            uContainer.removeEventListener("touchstart", touchStart);
+            document.removeEventListener("mouseup", endDrag);
+            document.removeEventListener("touchend", endDrag);
+          } else {
+            uContainer.addEventListener("mousedown", startDrag);
+            uContainer.addEventListener("touchstart", touchStart);
+            document.addEventListener("mouseup", endDrag);
+            document.addEventListener("touchend", endDrag);
+          }
         }
-        else {
-          uContainer.addEventListener("mousedown", startDrag);
-          uContainer.addEventListener("touchstart", touchStart);
-          document.addEventListener("mouseup", endDrag);
-          document.addEventListener("touchend", endDrag);
-        }
-      });
+      );
 
       if (!props.disabled) {
         uContainer.addEventListener("mousedown", startDrag);
@@ -216,7 +204,6 @@ export default defineComponent({
         document.addEventListener("touchend", endDrag);
       }
 
-
       onBeforeUnmount(() => {
         uContainer.removeEventListener("mousedown", startDrag);
         uContainer.removeEventListener("touchstart", touchStart);
@@ -231,4 +218,4 @@ export default defineComponent({
     };
   },
 });
-</script>
+</script>