Fix Method

Removed the "as any" casting on the entire method block for Chat and NeighborhoodMapPage. Updated menuToggleXp variable.

Author: SalleeMatthew

spa/src/components/Chat.vue

@@ -216,7 +216,7 @@
       :active-panel-users="activePanel === 'users'"
       :menu-go-to="menuGoTo"
       :menu-toggle-role="menuToggleRole"
-      :menu-toggle-xp="menuToggleXP"
+      :menu-toggle-xp="menuToggleXp"
       :menu-toggle-speech="menuToggleSpeech"
       :menu-beam-to="menuBeamTo"
       :menu-whisper="menuWhisper"
@@ -254,18 +254,100 @@
 import Vue from 'vue';
 import { debugMsg } from '@/helpers';
 import UserMenu from './UserMenu.vue';
-export default Vue.extend({
+
+interface ChatData {
+  message: string;
+  messages: any[];
+  users: any[];
+  backpackObjects: any[];
+  primaryRole: string;
+  displayRole: boolean;
+  xpAmount: number;
+  activePanel: string;
+  objectId: any;
+  canInteractWithObject: boolean;
+  canModify: boolean;
+  memberId: any;
+  username: any;
+  usernameBackPack: any;
+  blockedUser: boolean;
+  blockedMembers: any[];
+  cursorX: any;
+  cursorY: any;
+  numberOfPosts: number;
+  userMenu: boolean;
+  menuTop: any;
+  menuLeft: any;
+  menuBottom: any;
+  menuBeamTo: boolean;
+  menuWhisper: boolean;
+  menuInviteChat: boolean;
+  menuIgnore: boolean;
+  menuDrop: boolean;
+  menuMove: boolean;
+  menuTake: boolean;
+  menuBuy: boolean;
+  menuDestroy: boolean;
+  menuProperties: boolean;
+  menuRequestBackpack: boolean;
+  menuGoTo: boolean;
+  menuToggleRole: boolean;
+  menuToggleXp: boolean;
+  menuToggleSpeech: boolean;
+  mallObject: boolean;
+  activePlaces: any[];
+  placeList: any[];
+  placeType: any;
+  placeUsername: any;
+  placeSlug: any;
+  placeId: any;
+  chatIntervalId: any;
+  pingIntervalId: any;
+  worldMembers: any[];
+  chatEnabled: boolean;
+  showRole: boolean;
+  showXP: boolean;
+  tts: boolean;
+  virtualPet: any;
+  virtualPetDirectly: any[];
+  virtualPetWhisper: any[];
+  virtualPetBeam: any[];
+  virtualPetMessageData: any[];
+  virtualPetInputs: any[][];
+  virtualPetOutputs: any[][];
+  virtualPetDefault: any[];
+  entryMessageCode: number;
+  selectedId: any;
+}
+
+interface ChatMethods {
+  [key: string]: (...args: any[]) => any;
+}
+
+interface ChatComputed {
+  connected: boolean;
+}
+
+export default Vue.extend<ChatData, ChatMethods, ChatComputed, Record<string, any>>({
   name: "Chat",
   components: {
     UserMenu,
   },
-  props: [
-    "place",
-    "sharedEvent",
-    "sharedObjects",
-    "clickId",
-  ],
-  data: () => {
+  props: {
+    place: {
+      default: null,
+    },
+    sharedEvent: {
+      default: null,
+    },
+    sharedObjects: {
+      default: null,
+    },
+    clickId: {
+      default: null,
+    },
+  },
+  data(): ChatData {
     return {
       message: "",
       messages: [],
@@ -303,7 +385,7 @@ export default Vue.extend({
       menuRequestBackpack: true,
       menuGoTo: false,
       menuToggleRole: false,
-      menuToggleXP: false,
+      menuToggleXp: false,
       menuToggleSpeech: false,
       mallObject: false,
       activePlaces: [],
@@ -486,7 +568,7 @@ export default Vue.extend({
       this.menuRequestBackpack = false;
       this.menuGoTo = false;
       this.menuToggleRole = false;
-      this.menuToggleXP = false;
+      this.menuToggleXp = false;
       this.menuToggleSpeech = false;
       this.mallObject = false;
       this.placeType = null;
@@ -532,7 +614,7 @@ export default Vue.extend({
       if(this.activePanel === 'users'){
         if(target[0] === this.$store.data.user.id){
           this.menuToggleRole = true;
-          this.menuToggleXP = true;
+          this.menuToggleXp = true;
           this.menuToggleSpeech = true;
         } else {
           this.menuIgnore = true;
@@ -1064,7 +1146,7 @@ export default Vue.extend({
         this.messages.splice(index, 1);
       }
     },
-  } as any,
+  },
   watch: {
     place() {
       this.startNewChat();

spa/src/components/UserMenu.vue

@@ -51,7 +51,7 @@
         <input type="checkbox" id="role" :checked="showRole" @change="$emit('role-change', $event.target.checked)" />
         <label for="role"> Users Roles</label>
       </li>
-      <li v-show="menuToggleXP || menuToggleXp" class="
+      <li v-show="menuToggleXp" class="
         p-1
         pl-3.5
         hover:text-white
@@ -219,7 +219,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 export default {
   name: "UserMenu",
   props: {
@@ -234,7 +234,6 @@ export default {
     menuGoTo: Boolean,
     menuToggleRole: Boolean,
     menuToggleXp: Boolean,
-    menuToggleXP: Boolean,
     menuToggleSpeech: Boolean,
     menuBeamTo: Boolean,
     menuWhisper: Boolean,

spa/src/pages/neighborhood/NeighborhoodMapPage.vue

@@ -95,7 +95,7 @@ export default Vue.extend({
         this.$store.data.user.token,
       );
     },
-  } as any,
+  },
   watch: {},
   computed: {
     mapBackground() {