diff --git a/hwe/scss/history.scss b/hwe/scss/history.scss
index fdb61e52..e676dc39 100644
--- a/hwe/scss/history.scss
+++ b/hwe/scss/history.scss
@@ -10,7 +10,7 @@
     padding: 0;
   }
   .year-selector {
-    margin-left: 100%/24 * 5;
+    margin-left: calc(100%/24 * 5);
   }
 
   .map_position {
diff --git a/hwe/ts/PageBoard.vue b/hwe/ts/PageBoard.vue
index 8cbbd3c6..6247da2a 100644
--- a/hwe/ts/PageBoard.vue
+++ b/hwe/ts/PageBoard.vue
@@ -7,6 +7,7 @@
       <div class="row gx-0">
         <div class="col-2 col-md-1 articleTitle bg1 center">제목</div>
         <div class="col-10 col-md-11">
+          <!-- eslint-disable-next-line vue/max-attributes-per-line -->
           <input v-model="newArticle.title" class="titleInput" type="text" maxlength="250" placeholder="제목" />
         </div>
       </div>
diff --git a/hwe/ts/PageCachedMap.vue b/hwe/ts/PageCachedMap.vue
index ec0361e8..668cb642 100644
--- a/hwe/ts/PageCachedMap.vue
+++ b/hwe/ts/PageCachedMap.vue
@@ -16,6 +16,7 @@
       />
       <div v-if="cachedMap" class="card-body">
         <template v-for="(item, idx) in cachedMap.history" :key="idx">
+          <!-- eslint-disable-next-line vue/no-v-html -->
           <div v-html="formatLog(item)" />
         </template>
       </div>
diff --git a/hwe/ts/PageGlobalDiplomacy.vue b/hwe/ts/PageGlobalDiplomacy.vue
index 0fd12379..d18ef93b 100644
--- a/hwe/ts/PageGlobalDiplomacy.vue
+++ b/hwe/ts/PageGlobalDiplomacy.vue
@@ -1,4 +1,5 @@
 <template>
+  <!-- eslint-disable vue/no-v-html -->
   <BContainer v-if="asyncReady" id="container" :toast="{ root: true }" class="pageGlobalDiplomacy">
     <TopBackBar title="중원 정보"></TopBackBar>
     <div class="diplomacy bg0">
@@ -271,7 +272,7 @@ onMounted(async () => {
   margin-top: 1.5em;
 }
 
-.conflict-area{
+.conflict-area {
   margin-top: 1.5em;
 }
 
diff --git a/hwe/ts/PageNationGeneral.vue b/hwe/ts/PageNationGeneral.vue
index 5ca50076..3c755198 100644
--- a/hwe/ts/PageNationGeneral.vue
+++ b/hwe/ts/PageNationGeneral.vue
@@ -1,6 +1,6 @@
 <template>
   <BContainer id="container" :toast="{ root: true }" class="pageNationGeneral bg0">
-    <TopBackBar :title="title" :reloadable="true" @reload="reload" :teleport-zone="toolbarID" />
+    <TopBackBar :title="title" :reloadable="true" :teleport-zone="toolbarID" @reload="reload" />
     <!-- eslint-disable-next-line vue/max-attributes-per-line -->
     <GeneralList
       v-if="asyncReady"
diff --git a/hwe/ts/components/GeneralList.vue b/hwe/ts/components/GeneralList.vue
index 8deece98..c57cbd84 100644
--- a/hwe/ts/components/GeneralList.vue
+++ b/hwe/ts/components/GeneralList.vue
@@ -21,6 +21,7 @@
           </div></BDropdownItem
         >
       </BDropdown>
+      <!-- eslint-disable-next-line vue/max-attributes-per-line -->
       <BDropdown class="w-50" variant="info" text="열 선택" menuClass="column-menu" right>
         <template v-for="[colID, col, depth] of getColumnList()" :key="[colID, depth]">
           <BDropdownItem v-if="col instanceof ProvidedColumnGroup" disabled>
@@ -523,9 +524,9 @@ const columnRawDefs = ref<Partial<Record<headerType, GenColDef | GenColGroupDef>
       };
       return style as CellStyle;
     },
-    comparator: (_lhs, _rhs, {data: lhs}: GenRowNode, {data: rhs}: GenRowNode)=>{
+    comparator: (_lhs, _rhs, { data: lhs }: GenRowNode, { data: rhs }: GenRowNode) => {
       const npcDiff = lhs.npc - rhs.npc;
-      if(npcDiff != 0){
+      if (npcDiff != 0) {
         return npcDiff;
       }
       return lhs.name.localeCompare(rhs.name);
@@ -1154,7 +1155,7 @@ const columnRawDefs = ref<Partial<Record<headerType, GenColDef | GenColGroupDef>
             return "?";
           }
           const killRatePercent = Math.round((data.killcrew / Math.max(1, data.deathcrew)) * 100);
-          return killRatePercent
+          return killRatePercent;
         },
         valueFormatter: numberFormatter("%"),
         columnGroupShow: "open",
diff --git a/hwe/ts/components/MapViewer.vue b/hwe/ts/components/MapViewer.vue
index dc8f986a..742f1122 100644
--- a/hwe/ts/components/MapViewer.vue
+++ b/hwe/ts/components/MapViewer.vue
@@ -19,6 +19,7 @@
       class="map_title"
       :title="getTitleTooltip()"
     >
+      <!-- eslint-disable-next-line vue/max-attributes-per-line -->
       <span class="map_title_text" :style="{ color: getTitleColor() }"
         >{{ mapData?.year }}年 {{ mapData?.month }}月</span
       >
@@ -191,16 +192,20 @@ const { elementX: cursorX, elementY: cursorY, isOutside } = useMouseInElement(ma
 
 const tooltipWidth = ref(0);
 const { width: tooltipCurrWidth } = useElementSize(tooltipDom);
-watch(tooltipCurrWidth, (newWidth)=>{
-  if(newWidth == 0) return;
-  tooltipWidth.value = newWidth;
-}, {immediate: true});
+watch(
+  tooltipCurrWidth,
+  (newWidth) => {
+    if (newWidth == 0) return;
+    tooltipWidth.value = newWidth;
+  },
+  { immediate: true }
+);
 
 const { sourceType: cursorType } = useMouse();
 const emit = defineEmits<{
   (event: "city-click", city: MapCityParsed, e: MouseEvent | TouchEvent): void;
   (event: "parsed", drawable: MapCityDrawable): void;
-  (event: 'update:modelValue', value: MapCityParsed): void;
+  (event: "update:modelValue", value: MapCityParsed): void;
 }>();
 
 const isFullWidth = ref(true);
@@ -256,7 +261,7 @@ const props = defineProps({
     type: Object as PropType<MapCityParsed>,
     default: undefined,
     required: false,
-  }
+  },
 });
 
 const mapData = toRef(props, "mapData");