fix: un-def eslint error for global variables

Author: devartstar

.eslintrc.js

@@ -11,4 +11,19 @@ module.exports = {
         // override/add rules settings here, such as:
         // 'vue/no-unused-vars': 'error'
     },
+    // true -> writable global variables
+    // false -> readable global variables
+    globals: {
+        lightMode: true,
+        Array: true,
+        restrictedElements: true,
+        globalScope: true,
+        projectId: true,
+        id: true,
+        loading: true,
+        embed: true,
+        width: true,
+        height: true,
+        DPR: true,
+    },
 }

src/components/ContextMenu/ContextMenu.vue

@@ -2,8 +2,8 @@
     <div id="contextMenu" oncontextmenu="return false;">
         <ul>
             <li
-                :key="index"
                 v-for="(menuOption, index) in contextMenuOptions"
+                :key="index"
                 :data-index="index"
                 @click="menuItemClicked($event)"
             >
@@ -41,6 +41,11 @@ export default {
             },
         }
     },
+
+    // Lifecycle hook on mounted - dont initially display the context menu
+    mounted() {
+        this.hideContextMenu()
+    },
     methods: {
         hideContextMenu() {
             var el = document.getElementById('contextMenu')
@@ -75,11 +80,6 @@ export default {
             }
         },
     },
-
-    // Lifecycle hook on mounted - dont initially display the context menu
-    mounted() {
-        this.hideContextMenu()
-    },
 }
 </script>
 

src/components/Dropdown/DropDown.vue

@@ -1,19 +1,19 @@
 <template>
     <ul class="dropdown-menu">
-        <li :key="listItem.id" v-for="listItem in listItems">
+        <li v-for="listItem in listItems" :key="listItem.id">
             <a
+                :id="listItem.itemid"
                 class="dropdown-item"
                 :class="
                     dropDownType == 'navLink'
                         ? 'logixButton text-left pl-1'
                         : ''
                 "
-                :id="listItem.itemid"
                 style="white-space: pre-line"
                 >{{ listItem.item }}
             </a>
         </li>
-        <div class="dropdown-divider" v-if="dropDownType == 'user'"></div>
+        <div v-if="dropDownType == 'user'" class="dropdown-divider"></div>
         <li v-if="dropDownType == 'user'">
             <a class="dropdown-item" rel="nofollow" data-method="delete"
                 >Sign Out</a