chore: lint

components/collections/graphql/Collection.vue

@@ -198,7 +198,11 @@ export default Vue.extend({
     },
     removeCollection() {
       // Cancel pick if picked collection is deleted
-      if (this.picked && this.picked.pickedType === "gql-my-collection" && this.picked.collectionIndex === this.collectionIndex) {
+      if (
+        this.picked &&
+        this.picked.pickedType === "gql-my-collection" &&
+        this.picked.collectionIndex === this.collectionIndex
+      ) {
         this.$emit("select", { picked: null })
       }
       removeGraphqlCollection(this.collectionIndex)

components/collections/graphql/Folder.vue

@@ -182,7 +182,11 @@ export default Vue.extend({
     },
     removeFolder() {
       // Cancel pick if the picked folder is deleted
-      if (this.picked && this.picked.pickedType === "gql-my-folder" && this.picked.folderPath === this.folderPath) {
+      if (
+        this.picked &&
+        this.picked.pickedType === "gql-my-folder" &&
+        this.picked.folderPath === this.folderPath
+      ) {
         this.$emit("select", { picked: null })
       }
 

components/collections/graphql/Request.vue

@@ -123,7 +123,12 @@ export default Vue.extend({
     },
     removeRequest() {
       // Cancel pick if the picked request is deleted
-      if (this.picked && this.picked.pickedType === "gql-my-request" && this.picked.folderPath === this.folderPath && this.picked.requestIndex === this.requestIndex) {
+      if (
+        this.picked &&
+        this.picked.pickedType === "gql-my-request" &&
+        this.picked.folderPath === this.folderPath &&
+        this.picked.requestIndex === this.requestIndex
+      ) {
         this.$emit("select", { picked: null })
       }
 

components/collections/index.vue

@@ -532,7 +532,11 @@ export default {
     removeCollection({ collectionsType, collectionIndex, collectionID }) {
       if (collectionsType.type === "my-collections") {
         // Cancel pick if picked collection is deleted
-        if (this.picked && this.picked.pickedType === "my-collection" && this.picked.collectionIndex === collectionIndex) {
+        if (
+          this.picked &&
+          this.picked.pickedType === "my-collection" &&
+          this.picked.collectionIndex === collectionIndex
+        ) {
           this.$emit("select", { picked: null })
         }
 
@@ -543,7 +547,11 @@ export default {
         })
       } else if (collectionsType.type === "team-collections") {
         // Cancel pick if picked collection is deleted
-        if (this.picked && this.picked.pickedType === "teams-collection" && this.picked.collectionID === collectionID) {
+        if (
+          this.picked &&
+          this.picked.pickedType === "teams-collection" &&
+          this.picked.collectionID === collectionID
+        ) {
           this.$emit("select", { picked: null })
         }
 

components/collections/my/Folder.vue

@@ -195,7 +195,11 @@ export default {
     removeFolder() {
       // TODO: Bubble it up ?
       // Cancel pick if picked folder was deleted
-      if (this.picked && this.picked.pickedType === "my-folder" && this.picked.folderPath === this.folderPath) {
+      if (
+        this.picked &&
+        this.picked.pickedType === "my-folder" &&
+        this.picked.folderPath === this.folderPath
+      ) {
         this.$emit("select", { picked: null })
       }
       removeRESTFolder(this.folderPath)

components/collections/teams/Folder.vue

@@ -190,7 +190,11 @@ export default {
     removeFolder() {
       if (this.collectionsType.selectedTeam.myRole !== "VIEWER") {
         // Cancel pick if picked collection folder was deleted
-        if (this.picked && this.picked.pickedType === "teams-folder" && this.picked.folderID === this.folder.id) {
+        if (
+          this.picked &&
+          this.picked.pickedType === "teams-folder" &&
+          this.picked.folderID === this.folder.id
+        ) {
           this.$emit("select", { picked: null })
         }
 

components/history/graphql/Card.vue

@@ -9,7 +9,8 @@
           readonly
           :value="entry.url"
           :placeholder="$t('empty_req_name')"
-          class="bg-transparent"
+          class="cursor-pointer text-sm bg-transparent"
+          @click="$emit('use-entry')"
         />
       </li>
       <button

components/history/rest/Card.vue

@@ -2,9 +2,10 @@
   <div>
     <div class="show-on-large-screen">
       <span
-        class="p-2 m-2 truncate"
+        class="p-2 m-2 truncate inline-flex cursor-pointer items-center text-sm"
         :class="entryStatus.className"
         :style="{ '--status-code': entry.status }"
+        @click="$emit('use-entry')"
       >
         {{ `${entry.method} \xA0 • \xA0 ${entry.status}` }}
       </span>
@@ -15,7 +16,8 @@
           readonly
           :value="entry.name"
           :placeholder="$t('empty_req_name')"
-          class="bg-transparent"
+          class="cursor-pointer text-sm bg-transparent"
+          @click="$emit('use-entry')"
         />
       </li>
       <span>