From 846c1426cf1dbe08f7c65fca06cd7ca1a6b5f4cd Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sun, 8 Aug 2021 13:16:14 +0530
Subject: [PATCH] fix: proper implementation of isCustomMethod

---
 components/http/Request.vue | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/components/http/Request.vue b/components/http/Request.vue
index afb3ed7f5..4401e9e57 100644
--- a/components/http/Request.vue
+++ b/components/http/Request.vue
@@ -28,7 +28,7 @@
                 focus:border-accent focus:outline-none
               "
               :value="newMethod"
-              :readonly="isCustomMethod()"
+              :readonly="!isCustomMethod"
               @input="onSelectMethod($event.target.value)"
             />
           </template>
@@ -205,6 +205,7 @@
 
 <script lang="ts">
 import {
+  computed,
   defineComponent,
   ref,
   useContext,
@@ -383,11 +384,9 @@ export default defineComponent({
     defineActionHandler("request.method.delete", () => updateMethod("DELETE"))
     defineActionHandler("request.method.head", () => updateMethod("HEAD"))
 
-    const isCustomMethod = () => {
-      if (newMethod.value === "CUSTOM" || !methods.includes(newMethod.value))
-        return false
-      return true
-    }
+    const isCustomMethod = computed(() => {
+      return newMethod.value === "CUSTOM" || !methods.includes(newMethod.value)
+    })
 
     return {
       newEndpoint,