From 13f6e5ff437b87237a58c10d0abc303a3d62bb18 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sat, 7 Aug 2021 20:15:40 +0530
Subject: [PATCH 1/3] fix: remove keydown log

---
 helpers/keybindings.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/helpers/keybindings.ts b/helpers/keybindings.ts
index fc070bab4..0dc336527 100644
--- a/helpers/keybindings.ts
+++ b/helpers/keybindings.ts
@@ -81,7 +81,6 @@ function generateKeybindingString(ev: KeyboardEvent): ShortcutKey | null {
   const modifierKey = getActiveModifier(ev)
 
   const target = ev.target
-  console.log(target)
 
   if (!modifierKey && !(isDOMElement(target) && isTypableElement(target))) {
     // Check if we are having singulars instead

From 6599c5f5bf91e8bbcadeeca748b3a29d7f979aaf Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sun, 8 Aug 2021 12:39:02 +0530
Subject: [PATCH 2/3] feat: introduce useNuxt composable

---
 helpers/utils/composables.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/helpers/utils/composables.ts b/helpers/utils/composables.ts
index 7dad49e91..d2aed799d 100644
--- a/helpers/utils/composables.ts
+++ b/helpers/utils/composables.ts
@@ -6,9 +6,12 @@ import {
   Ref,
   ref,
   watch,
+  wrapProperty,
 } from "@nuxtjs/composition-api"
 import { Observable, Subscription } from "rxjs"
 
+export const useNuxt = wrapProperty("$nuxt")
+
 export function useReadonlyStream<T>(
   stream$: Observable<T>,
   initialValue: T

From b7e3f2a4ee0174c33099696a170d2a0d507c3ca3 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sun, 8 Aug 2021 12:41:52 +0530
Subject: [PATCH 3/3] feat: reimplement request time loading bar

---
 components/http/Request.vue | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/components/http/Request.vue b/components/http/Request.vue
index dc9a3c0b9..af8be417b 100644
--- a/components/http/Request.vue
+++ b/components/http/Request.vue
@@ -204,7 +204,12 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, useContext } from "@nuxtjs/composition-api"
+import {
+  defineComponent,
+  ref,
+  useContext,
+  watch,
+} from "@nuxtjs/composition-api"
 import {
   updateRESTResponse,
   restEndpoint$,
@@ -216,7 +221,11 @@ import {
 } from "~/newstore/RESTSession"
 import { getPlatformSpecialKey } from "~/helpers/platformutils"
 import { runRESTRequest$ } from "~/helpers/RequestRunner"
-import { useStreamSubscriber, useStream } from "~/helpers/utils/composables"
+import {
+  useStreamSubscriber,
+  useStream,
+  useNuxt,
+} from "~/helpers/utils/composables"
 import { defineActionHandler } from "~/helpers/actions"
 import { copyToClipboard } from "~/helpers/utils/clipboard"
 import { useSetting } from "~/newstore/settings"
@@ -240,6 +249,7 @@ export default defineComponent({
       $toast,
       app: { i18n },
     } = useContext()
+    const nuxt = useNuxt()
     const t = i18n.t.bind(i18n)
     const { subscribeToStream } = useStreamSubscriber()
 
@@ -255,11 +265,19 @@ export default defineComponent({
     const hasNavigatorShare = !!navigator.share
 
     // Template refs
-    //
     const methodOptions = ref<any | null>(null)
     const saveOptions = ref<any | null>(null)
     const sendOptions = ref<any | null>(null)
 
+    // Update Nuxt Loading bar
+    watch(loading, () => {
+      if (loading.value) {
+        nuxt.value.$loading.start()
+      } else {
+        nuxt.value.$loading.finish()
+      }
+    })
+
     const newSendRequest = () => {
       loading.value = true