Fix some lint errors

src/components/Game/Map.vue

@@ -82,10 +82,10 @@ watch(
  () => props.randomLatLng,
  (newVal: google.maps.LatLng | null) => {
  if (newVal !== null) {
- map.addListener("click", (e: any) => {
+ map.addListener("click", (e: google.maps.MapMouseEvent) => {
  removeMarkers();
- putMarker(e.latLng);
- emit("updateSelectedLatLng", e.latLng);
+ putMarker(e.latLng as google.maps.LatLng);
+ emit("updateSelectedLatLng", e.latLng as google.maps.LatLng);
  });
  }
  }

src/components/Game/Overlay.vue

@@ -12,6 +12,7 @@ defineProps({
  msg: {
  type: String,
  required: false,
+ default: "",
  },
 });
 </script>

src/components/Game/ResultModal.vue

@@ -167,7 +167,7 @@ const emit = defineEmits<{
  onClickNextRoundButton: [];
  onClickViewSummaryButton: [];
  onClickPlayAgainButton: [];
- nClickExitButton: [];
+ onClickExitButton: [];
  endMultiplayerGame: [];
 }>();
 

src/components/Game/ScoreBoard.vue

@@ -58,6 +58,8 @@ defineProps({
  },
  countdown: {
  type: String,
+ required: true,
+ default: "",
  },
 });
 </script>

src/components/Game/StreetView.vue

@@ -11,7 +11,7 @@ import { onMounted, watch, ref, PropType } from "vue";
 const props = defineProps({
  selectedMap: {
  type: String,
- requred: true,
+ required: true,
  },
  selectedMode: {
  type: String,

src/components/Home/Switch.vue

@@ -33,6 +33,10 @@ defineProps({
  required: true,
  },
 });
+
+defineEmits<{
+ onChangeValue: [val: boolean];
+}>();
 </script>
 
 <style module lang="scss">

src/components/Home/TextInput.vue

@@ -61,9 +61,14 @@ const props = defineProps({
  errorMsg: {
  type: String,
  required: false,
+ default: null,
  },
 });
 
+defineEmits<{
+ onChangeValue: [val: string];
+}>();
+
 const state = reactive<{
  inputValue: string;
 }>({

src/router/index.ts

@@ -1,7 +1,7 @@
 import { createRouter, createWebHistory, RouteRecordRaw } from "vue-router";
 
-import Home from "@/views/Home.vue";
-import Game from "@/views/Game.vue";
+import HomeView from "@/views/HomeView.vue";
+import GameView from "@/views/GameView.vue";
 
 const routes: Array<RouteRecordRaw> = [
  {
@@ -11,12 +11,12 @@ const routes: Array<RouteRecordRaw> = [
  {
  path: "/",
  name: "home",
- component: Home,
+ component: HomeView,
  },
  {
  path: "/game",
  name: "game",
- component: Game,
+ component: GameView,
  },
 ];
 

src/views/Game.vue → src/views/GameView.vue

@@ -442,10 +442,10 @@ onMounted(() => {
  const latlng = new google.maps.LatLng(lat, lng);
  const playerName = snapshot
  .child("playerName")
- .child(childSnapshot.key!)
+ .child(childSnapshot.key as string)
  .val();
  const distance = snapshot
- .child(`round${inGameState.value.round}/${childSnapshot.key!}`)
+ .child(`round${inGameState.value.round}/${childSnapshot.key as string}`)
  .val();
  updateSelectedLatLngArr(latlng);
  updateDistanceByPlayerArr({
@@ -461,7 +461,7 @@ onMounted(() => {
  snapshot.child("score").forEach((childSnapshot) => {
  const playerName = snapshot
  .child("playerName")
- .child(childSnapshot.key!)
+ .child(childSnapshot.key as string)
  .val();
  const score = childSnapshot.val();
  state.multiplayerGameSummary.push({