diff --git a/src/routes/game/components/SpectatorListMenu.vue b/src/routes/game/components/SpectatorListMenu.vue
index 7adf12424..6b2e194e6 100644
--- a/src/routes/game/components/SpectatorListMenu.vue
+++ b/src/routes/game/components/SpectatorListMenu.vue
@@ -42,26 +42,19 @@
   </BaseMenu>
 </template>
 
-<script>
+<script setup>
+import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import BaseMenu from '@/components/BaseMenu.vue';
 
-export default {
-  components: {
-    BaseMenu,
+defineProps({
+  spectatingUsers: {
+    /** @type {import('vue').PropType<string[]>} */
+    type: Array,
+    required: true,
   },
-  props: {
-    spectatingUsers: {
-      type: Array,
-      required: true,
-    },
-  },
-  setup() {
-    const { t } = useI18n();
-    return { t };
-  },
-  data() {
-    return { spectatingMenu: false };
-  },
-};
+});
+
+const { t } = useI18n();
+const spectatingMenu = ref(false);
 </script>