diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index 721d32af..d9a3a165 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -3,7 +3,8 @@ module.exports = {
     parser: "vue-eslint-parser",
     "env": {
         "browser": true,
-        "es2021": true
+        "es2021": true,
+        'vue/setup-compiler-macros': true
     },
     ignorePatterns: ['*.test.ts', '.eslintrc.cjs', 'postcss.config.cjs', 'webpack.config.cjs', '*.js'],
     overrides: [{
@@ -27,6 +28,7 @@ module.exports = {
     },
     rules: {
         '@typescript-eslint/no-floating-promises': 'error',
+        'vue/script-setup-uses-vars': 'error',
     },
     settings: {
         'import/resolver': {
diff --git a/hwe/ts/ChiefCenter/TopItem.vue b/hwe/ts/ChiefCenter/TopItem.vue
index 8e3fe4bd..02909d0c 100644
--- a/hwe/ts/ChiefCenter/TopItem.vue
+++ b/hwe/ts/ChiefCenter/TopItem.vue
@@ -59,7 +59,7 @@ import { parseTime } from "@/util/parseTime";
 import type { StoredActionsHelper } from "@/util/StoredActionsHelper";
 import addMinutes from "date-fns/esm/addMinutes/index";
 import { range } from "lodash";
-import { defineProps, inject, onMounted, ref, type PropType } from "vue";
+import { inject, onMounted, ref, type PropType } from "vue";
 import VueTypes from "vue-types";
 import DragSelect from "@/components/DragSelect.vue";
 import { BButton } from "bootstrap-vue-3";
diff --git a/hwe/ts/PageChiefCenter.vue b/hwe/ts/PageChiefCenter.vue
index 0803cbea..4f2be572 100644
--- a/hwe/ts/PageChiefCenter.vue
+++ b/hwe/ts/PageChiefCenter.vue
@@ -109,7 +109,7 @@ import "@scss/common/bootstrap5.scss";
 import "@scss/game_bg.scss";
 import "../../css/config.css";
 
-import { computed, defineProps, provide, reactive, ref, toRefs, watch } from "vue";
+import { computed, provide, reactive, ref, toRefs, watch } from "vue";
 import ChiefReservedCommand from "@/components/ChiefReservedCommand.vue";
 import TopBackBar from "@/components/TopBackBar.vue";
 import BottomBar from "@/components/BottomBar.vue";
diff --git a/hwe/ts/components/BettingDetail.vue b/hwe/ts/components/BettingDetail.vue
index 694e5cdb..bfa50e94 100644
--- a/hwe/ts/components/BettingDetail.vue
+++ b/hwe/ts/components/BettingDetail.vue
@@ -124,7 +124,7 @@ import { SammoAPI, type ValidResponse } from "@/SammoAPI";
 import { joinYearMonth } from '@/util/joinYearMonth';
 import { parseYearMonth } from '@/util/parseYearMonth';
 import { isString, range, sum } from 'lodash';
-import { ref, defineProps, defineEmits, type PropType, watch } from "vue";
+import { ref, type PropType, watch } from "vue";
 
 type BettingDetailResponse = ValidResponse & {
     bettingInfo: BettingInfo;
diff --git a/hwe/ts/components/ChiefReservedCommand.vue b/hwe/ts/components/ChiefReservedCommand.vue
index 5d1d9588..9516deef 100644
--- a/hwe/ts/components/ChiefReservedCommand.vue
+++ b/hwe/ts/components/ChiefReservedCommand.vue
@@ -289,7 +289,7 @@ toggleTurn(...$event);
 <script lang="ts" setup>
 import addMinutes from "date-fns/esm/addMinutes";
 import { stringifyUrl } from "query-string";
-import { defineProps, defineEmits, defineExpose, onMounted, ref, watch, type PropType, inject } from "vue";
+import { onMounted, ref, watch, type PropType, inject } from "vue";
 import { formatTime } from "@util/formatTime";
 import { joinYearMonth } from "@util/joinYearMonth";
 import { mb_strwidth } from "@util/mb_strwidth";
diff --git a/hwe/ts/components/CommandSelectForm.vue b/hwe/ts/components/CommandSelectForm.vue
index 90dc7333..01fbd4ba 100644
--- a/hwe/ts/components/CommandSelectForm.vue
+++ b/hwe/ts/components/CommandSelectForm.vue
@@ -67,7 +67,7 @@
 <script setup lang="ts">
 import type { CommandItem } from "@/defs";
 import { BButton } from "bootstrap-vue-3";
-import { ref, defineProps, defineEmits, defineExpose, type PropType, watch, onMounted } from "vue";
+import { ref, type PropType, watch, onMounted } from "vue";
 
 interface CategoryDecoration {
     name: string,
diff --git a/hwe/ts/components/SimpleClock.vue b/hwe/ts/components/SimpleClock.vue
index 5c855226..72c926db 100644
--- a/hwe/ts/components/SimpleClock.vue
+++ b/hwe/ts/components/SimpleClock.vue
@@ -4,7 +4,7 @@
 
 <script lang="ts" setup>
 import { addMilliseconds } from 'date-fns';
-import { defineProps, type PropType, ref, onMounted, watch } from 'vue';
+import { type PropType, ref, onMounted, watch } from 'vue';
 import { formatTime } from '@/util/formatTime';
 const props = defineProps({
     serverTime: {