refactor: check spelling (#2200)

Co-authored-by: Josh Soref <jsoref@users.noreply.github.com>

packages/hoppscotch-app/components/app/Fuse.vue

@@ -53,17 +53,17 @@ const searchResultsItems = computed(() =>
 
 const emitSearchAction = (action: HoppAction) => emit("action", action)
 
-const { bindArrowKeysListerners, unbindArrowKeysListerners, selectedEntry } =
+const { bindArrowKeysListeners, unbindArrowKeysListeners, selectedEntry } =
   useArrowKeysNavigation(searchResultsItems, {
     onEnter: emitSearchAction,
     stopPropagation: true,
   })
 
 onMounted(() => {
-  bindArrowKeysListerners()
+  bindArrowKeysListeners()
 })
 
 onUnmounted(() => {
-  unbindArrowKeysListerners()
+  unbindArrowKeysListeners()
 })
 </script>

packages/hoppscotch-app/components/app/Header.vue

@@ -145,7 +145,7 @@
 <script setup lang="ts">
 import { onMounted, reactive, ref } from "@nuxtjs/composition-api"
 import { useNetwork } from "@vueuse/core"
-import intializePwa from "~/helpers/pwa"
+import initializePwa from "~/helpers/pwa"
 import { probableUser$ } from "~/helpers/fb/auth"
 import { getLocalConfig, setLocalConfig } from "~/newstore/localpersistence"
 import {
@@ -181,7 +181,7 @@ defineActionHandler("modals.support.toggle", () => {
 onMounted(() => {
   // Initializes the PWA code - checks if the app is installed,
   // etc.
-  showInstallPrompt.value = intializePwa()
+  showInstallPrompt.value = initializePwa()
 
   const cookiesAllowed = getLocalConfig("cookiesAllowed") === "yes"
   if (!cookiesAllowed) {

packages/hoppscotch-app/components/app/PowerSearch.vue

@@ -107,7 +107,7 @@ const shortcutsItems = computed(() =>
   )
 )
 
-const { bindArrowKeysListerners, unbindArrowKeysListerners, selectedEntry } =
+const { bindArrowKeysListeners, unbindArrowKeysListeners, selectedEntry } =
   useArrowKeysNavigation(shortcutsItems, {
     onEnter: runAction,
   })
@@ -115,8 +115,8 @@ const { bindArrowKeysListerners, unbindArrowKeysListerners, selectedEntry } =
 watch(
   () => props.show,
   (show) => {
-    if (show) bindArrowKeysListerners()
-    else unbindArrowKeysListerners()
+    if (show) bindArrowKeysListeners()
+    else unbindArrowKeysListeners()
   }
 )
 </script>

packages/hoppscotch-app/components/http/PreRequestScript.vue

@@ -31,7 +31,7 @@
     </div>
     <div class="flex flex-1 border-b border-dividerLight">
       <div class="w-2/3 border-r border-dividerLight">
-        <div ref="preRrequestEditor" class="h-full"></div>
+        <div ref="preRequestEditor" class="h-full"></div>
       </div>
       <div
         class="sticky h-full p-4 overflow-auto bg-primary top-upperTertiaryStickyFold min-w-46 max-w-1/3 z-9"
@@ -74,11 +74,11 @@ const t = useI18n()
 
 const preRequestScript = usePreRequestScript()
 
-const preRrequestEditor = ref<any | null>(null)
+const preRequestEditor = ref<any | null>(null)
 const linewrapEnabled = ref(true)
 
 useCodemirror(
-  preRrequestEditor,
+  preRequestEditor,
   preRequestScript,
   reactive({
     extendedEditorConfig: {

packages/hoppscotch-app/components/realtime/Log.vue

@@ -38,7 +38,7 @@ const props = defineProps({
 })
 
 const logsRef = ref<any | null>(null)
-const BOTTOM_SCROLL_DIST_INNACURACY = 5
+const BOTTOM_SCROLL_DIST_INACCURACY = 5
 
 watch(
   () => props.log,
@@ -48,7 +48,7 @@ watch(
       logsRef.value.scrollHeight -
       logsRef.value.scrollTop -
       logsRef.value.clientHeight
-    if (distToBottom < BOTTOM_SCROLL_DIST_INNACURACY) {
+    if (distToBottom < BOTTOM_SCROLL_DIST_INACCURACY) {
       nextTick(() => (logsRef.value.scrollTop = logsRef.value.scrollHeight))
     }
   }

packages/hoppscotch-app/components/smart/Intersection.vue

@@ -7,7 +7,7 @@
 <script lang="ts">
 /*
   Implements a wrapper listening to viewport intersections via
-  IntesectionObserver API
+  IntersectionObserver API
 
   Events
   ------