🚨 Removing linter warnings

components/collections/addCollection.vue

@@ -17,7 +17,11 @@
     <div slot="body">
       <ul>
         <li>
-          <input type="text" v-model="name" :placeholder="$t('my_new_collection')" />
+          <input
+            type="text"
+            v-model="name"
+            :placeholder="$t('my_new_collection')"
+          />
         </li>
       </ul>
     </div>

components/collections/addFolder.vue

@@ -17,7 +17,11 @@
     <div slot="body">
       <ul>
         <li>
-          <input type="text" v-model="name" :placeholder="$t('my_new_folder')" />
+          <input
+            type="text"
+            v-model="name"
+            :placeholder="$t('my_new_folder')"
+          />
         </li>
       </ul>
     </div>

components/collections/request.vue

@@ -1,7 +1,11 @@
 <template>
   <div class="flex-wrap">
     <div>
-      <button class="icon" @click="selectRequest()" v-tooltip="$t('use_request')">
+      <button
+        class="icon"
+        @click="selectRequest()"
+        v-tooltip="$t('use_request')"
+      >
         <i class="material-icons">insert_drive_file</i>
         <span>{{ request.name }}</span>
       </button>

components/history.vue

@@ -1,10 +1,5 @@
 <template>
-  <pw-section
+  <pw-section class="green" icon="history" :label="$t('history')" ref="history">
-    class="green"
-    icon="history"
-    :label="$t('history')"
-    ref="history"
-  >
     <ul>
       <li id="filter-history">
         <input
@@ -27,7 +22,9 @@
             class="icon"
             :class="{ stared: entry.star }"
             @click="toggleStar(index)"
-            v-tooltip="{ content: !entry.star ? $t('add_star') : $t('remove_star') }"
+            v-tooltip="{
+              content: !entry.star ? $t('add_star') : $t('remove_star')
+            }"
           >
             <i class="material-icons">
               {{ entry.star ? "star" : "star_border" }}
@@ -238,7 +235,9 @@
         </v-popover>
       </div>
       <div class="flex-wrap" v-else>
-        <label for="clear-history-button" class="info">{{ $t("are_you_sure") }}</label>
+        <label for="clear-history-button" class="info">
+          {{ $t("are_you_sure") }}
+        </label>
         <div>
           <button
             class="icon"

functions/network.js

@@ -1,13 +1,12 @@
 import AxiosStrategy from "./strategies/AxiosStrategy";
 import ProxyStrategy from "./strategies/ProxyStrategy";
 
-
 const sendNetworkRequest = (req, store) => {
   if (store.state.postwoman.settings.PROXY_ENABLED) {
     return ProxyStrategy(req, store);
-  } 
+  }
 
   return AxiosStrategy(req, store);
-}
+};
 
 export { sendNetworkRequest };

lang/en-US.js

@@ -154,7 +154,8 @@ export default {
   disconnected_from: "Disconnected from {name}",
   something_went_wrong: "Something went wrong!",
   error_occurred: "An error has occurred.",
-  browser_support_sse: "This browser doesn't seems to have Server Sent Events support.",
+  browser_support_sse:
+    "This browser doesn't seems to have Server Sent Events support.",
   log: "Log",
   no_url: "No URL",
   run_query: "Run Query",
@@ -207,7 +208,8 @@ export default {
   value_count: "value {count}",
   send_request_first: "Send a request first",
   generate_docs: "Generate Documentation",
-  generate_docs_message: "Import any Postwoman Collection to Generate Documentation on-the-go.",
+  generate_docs_message:
+    "Import any Postwoman Collection to Generate Documentation on-the-go.",
   generate_docs_first: "Generate documentation first",
   docs_generated: "Documentation generated",
   import_collections: "Import collections",
@@ -231,8 +233,10 @@ export default {
   enable_proxy: "Try enabling Proxy",
   complete_config_urls: "Please complete configuration urls.",
   token_request_saved: "Token request saved",
-  donate_info1: "If you have enjoyed the productivity of using Postwoman, consider donating as a sign of appreciation.",
+  donate_info1:
-  donate_info2: "You can support Postwoman development via the following methods:",
+    "If you have enjoyed the productivity of using Postwoman, consider donating as a sign of appreciation.",
+  donate_info2:
+    "You can support Postwoman development via the following methods:",
   one_time_recurring: "One-time or recurring",
   one_time: "One-time",
   recurring: "Recurring",

layouts/error.vue

@@ -1,6 +1,10 @@
 <template>
   <div class="page page-error">
-    <img src="~static/icons/error.svg" :alt="$t('error')" class="error_banner" />
+    <img
+      src="~static/icons/error.svg"
+      :alt="$t('error')"
+      class="error_banner"
+    />
     <h2>{{ error.statusCode }}</h2>
     <h3>{{ error.message }}</h3>
     <p>

pages/doc.vue

@@ -93,12 +93,14 @@
               </p>
               <p class="doc-desc" v-if="request.path">
                 <span>
-                  {{ $t("path") }}: <code>{{ request.path || $t("none") }}</code>
+                  {{ $t("path") }}:
+                  <code>{{ request.path || $t("none") }}</code>
                 </span>
               </p>
               <p class="doc-desc" v-if="request.method">
                 <span>
-                  {{ $t("method") }}: <code>{{ request.method || $t("none") }}</code>
+                  {{ $t("method") }}:
+                  <code>{{ request.method || $t("none") }}</code>
                 </span>
               </p>
               <p class="doc-desc" v-if="request.auth">
@@ -109,7 +111,8 @@
               </p>
               <p class="doc-desc" v-if="request.httpUser">
                 <span>
-                  {{ $t("username") }}: <code>{{ request.httpUser || $t("none") }}</code>
+                  {{ $t("username") }}:
+                  <code>{{ request.httpUser || $t("none") }}</code>
                 </span>
               </p>
               <p class="doc-desc" v-if="request.httpPassword">
@@ -120,16 +123,17 @@
               </p>
               <p class="doc-desc" v-if="request.bearerToken">
                 <span>
-                  {{ $t("token") }}: <code>{{ request.bearerToken || $t("none") }}</code>
+                  {{ $t("token") }}:
+                  <code>{{ request.bearerToken || $t("none") }}</code>
                 </span>
               </p>
               <h4 v-if="request.headers.length > 0">{{ $t("headers") }}</h4>
-              <span
+              <span v-if="request.headers">
-                v-if="request.headers"
+                <p
-                v-for="header in request.headers"
+                  v-for="header in request.headers"
-                :key="header.key"
+                  :key="header.key"
-              >
+                  class="doc-desc"
-                <p class="doc-desc">
+                >
                   <span>
                     {{ header.key || $t("none") }}:
                     <code>{{ header.value || $t("none") }}</code>
@@ -137,12 +141,12 @@
                 </p>
               </span>
               <h4 v-if="request.params.length > 0">{{ $t("parameters") }}</h4>
-              <span
+              <span v-if="request.params">
-                v-if="request.params"
+                <p
-                v-for="parameter in request.params"
+                  v-for="parameter in request.params"
-                :key="parameter.key"
+                  :key="parameter.key"
-              >
+                  class="doc-desc"
-                <p class="doc-desc">
+                >
                   <span>
                     {{ parameter.key || $t("none") }}:
                     <code>{{ parameter.value || $t("none") }}</code>
@@ -150,12 +154,12 @@
                 </p>
               </span>
               <h4 v-if="request.bodyParam">{{ $t("payload") }}</h4>
-              <span
+              <span v-if="request.bodyParam">
-                v-if="request.bodyParam"
+                <p
-                v-for="payload in request.bodyParam"
+                  v-for="payload in request.bodyParam"
-                :key="payload.key"
+                  :key="payload.key"
-              >
+                  class="doc-desc"
-                <p class="doc-desc">
+                >
                   <span>
                     {{ payload.key || $t("none") }}:
                     <code>{{ payload.value || $t("none") }}</code>
@@ -164,7 +168,8 @@
               </span>
               <p class="doc-desc" v-if="request.rawParams">
                 <span>
-                  {{ $t("parameters") }}: <code>{{ request.rawParams || $t("none") }}</code>
+                  {{ $t("parameters") }}:
+                  <code>{{ request.rawParams || $t("none") }}</code>
                 </span>
               </p>
               <p class="doc-desc" v-if="request.contentType">
@@ -202,7 +207,8 @@
             </p>
             <p class="doc-desc" v-if="request.method">
               <span>
-                {{ $t("method") }}: <code>{{ request.method || $t("none") }}</code>
+                {{ $t("method") }}:
+                <code>{{ request.method || $t("none") }}</code>
               </span>
             </p>
             <p class="doc-desc" v-if="request.auth">
@@ -213,26 +219,29 @@
             </p>
             <p class="doc-desc" v-if="request.httpUser">
               <span>
-                {{ $t("username") }}: <code>{{ request.httpUser || $t("none") }}</code>
+                {{ $t("username") }}:
+                <code>{{ request.httpUser || $t("none") }}</code>
               </span>
             </p>
             <p class="doc-desc" v-if="request.httpPassword">
               <span>
-                {{ $t("password") }}: <code>{{ request.httpPassword || $t("none") }}</code>
+                {{ $t("password") }}:
+                <code>{{ request.httpPassword || $t("none") }}</code>
               </span>
             </p>
             <p class="doc-desc" v-if="request.bearerToken">
               <span>
-                {{ $t("token") }}: <code>{{ request.bearerToken || $t("none") }}</code>
+                {{ $t("token") }}:
+                <code>{{ request.bearerToken || $t("none") }}</code>
               </span>
             </p>
             <h4 v-if="request.headers.length > 0">{{ $t("headers") }}</h4>
-            <span
+            <span v-if="request.headers">
-              v-if="request.headers"
+              <p
-              v-for="header in request.headers"
+                v-for="header in request.headers"
-              :key="header.key"
+                :key="header.key"
-            >
+                class="doc-desc"
-              <p class="doc-desc">
+              >
                 <span>
                   {{ header.key || $t("none") }}:
                   <code>{{ header.value || $t("none") }}</code>
@@ -240,12 +249,12 @@
               </p>
             </span>
             <h4 v-if="request.params.length > 0">{{ $t("parameters") }}</h4>
-            <span
+            <span v-if="request.params">
-              v-if="request.params"
+              <p
-              v-for="parameter in request.params"
+                v-for="parameter in request.params"
-              :key="parameter.key"
+                :key="parameter.key"
-            >
+                class="doc-desc"
-              <p class="doc-desc">
+              >
                 <span>
                   {{ parameter.key || $t("none") }}:
                   <code>{{ parameter.value || $t("none") }}</code>
@@ -253,12 +262,12 @@
               </p>
             </span>
             <h4 v-if="request.bodyParam">{{ $t("payload") }}</h4>
-            <span
+            <span v-if="request.bodyParam">
-              v-if="request.bodyParam"
+              <p
-              v-for="payload in request.bodyParam"
+                v-for="payload in request.bodyParam"
-              :key="payload.key"
+                :key="payload.key"
-            >
+                class="doc-desc"
-              <p class="doc-desc">
+              >
                 <span>
                   {{ payload.key || $t("none") }}:
                   <code>{{ payload.value || $t("none") }}</code>
@@ -267,7 +276,8 @@
             </span>
             <p class="doc-desc" v-if="request.rawParams">
               <span>
-                {{ $t("parameters") }}: <code>{{ request.rawParams || $t("none") }}</code>
+                {{ $t("parameters") }}:
+                <code>{{ request.rawParams || $t("none") }}</code>
               </span>
             </p>
             <p class="doc-desc" v-if="request.contentType">
@@ -305,9 +315,6 @@
   }
 }
 
-.collection {
-}
-
 .folder {
   border-left: 1px solid var(--brd-color);
   margin: 16px 0 0;

pages/index.vue

@@ -40,11 +40,7 @@
           </ul>
         </pw-section>
 
-        <pw-section
+        <pw-section class="blue" :label="$t('request')" ref="request">
-          class="blue"
-          :label="$t('request')"
-          ref="request"
-        >
           <ul>
             <li>
               <label for="method">{{ $t("method") }}</label>
@@ -842,7 +838,11 @@
           <input id="collection-tab" type="radio" name="side" />
           <label for="collection-tab">{{ $t("collections") }}</label>
           <div class="tab">
-            <pw-section class="yellow" :label="$t('collections')" ref="collections">
+            <pw-section
+              class="yellow"
+              :label="$t('collections')"
+              ref="collections"
+            >
               <collections />
             </pw-section>
           </div>