feat: eslint + stylelint

components/docs/Folder.vue

@@ -4,8 +4,8 @@
       <i class="material-icons">folder_open</i>
       {{ folder.name || $t("none") }}
     </h3>
-    <div v-for="(folder, index) in folder.folders" :key="index">
-      <DocsFolder :folder="folder" />
+    <div v-for="(subFolder, index) in folder.folders" :key="index">
+      <DocsFolder :folder="subFolder" />
     </div>
     <div v-for="(request, index) in folder.requests" :key="index">
       <DocsRequest :request="request" />
@@ -16,7 +16,7 @@
 <script>
 export default {
   props: {
-    folder: Object,
+    folder: { type: Object, default: () => {} },
   },
 }
 </script>
@@ -28,15 +28,12 @@ export default {
   @apply justify-center;
   @apply flex-1;
   @apply p-4;
+  @apply border-l;
+  @apply border-brdColor;
+  @apply mt-4;
 
   .material-icons {
     @apply mr-4;
   }
 }
-
-.folder {
-  @apply border-l;
-  @apply border-brdColor;
-  @apply mt-4;
-}
 </style>

components/docs/Request.vue

@@ -4,42 +4,42 @@
       <i class="material-icons">insert_drive_file</i>
       {{ request.name || $t("none") }}
     </h4>
-    <p class="doc-desc" v-if="request.url">
+    <p v-if="request.url" class="doc-desc">
       <span>
         {{ $t("url") }}: <code>{{ request.url || $t("none") }}</code>
       </span>
     </p>
-    <p class="doc-desc" v-if="request.path">
+    <p v-if="request.path" class="doc-desc">
       <span>
         {{ $t("path") }}:
         <code>{{ request.path || $t("none") }}</code>
       </span>
     </p>
-    <p class="doc-desc" v-if="request.method">
+    <p v-if="request.method" class="doc-desc">
       <span>
         {{ $t("method") }}:
         <code>{{ request.method || $t("none") }}</code>
       </span>
     </p>
-    <p class="doc-desc" v-if="request.auth">
+    <p v-if="request.auth" class="doc-desc">
       <span>
         {{ $t("authentication") }}:
         <code>{{ request.auth || $t("none") }}</code>
       </span>
     </p>
-    <p class="doc-desc" v-if="request.httpUser">
+    <p v-if="request.httpUser" class="doc-desc">
       <span>
         {{ $t("username") }}:
         <code>{{ request.httpUser || $t("none") }}</code>
       </span>
     </p>
-    <p class="doc-desc" v-if="request.httpPassword">
+    <p v-if="request.httpPassword" class="doc-desc">
       <span>
         {{ $t("password") }}:
         <code>{{ request.httpPassword || $t("none") }}</code>
       </span>
     </p>
-    <p class="doc-desc" v-if="request.bearerToken">
+    <p v-if="request.bearerToken" class="doc-desc">
       <span>
         {{ $t("token") }}:
         <code>{{ request.bearerToken || $t("none") }}</code>
@@ -56,7 +56,11 @@
     </span>
     <h4 v-if="request.params">{{ $t("parameters") }}</h4>
     <span v-if="request.params">
-      <p v-for="parameter in request.params" :key="parameter.key" class="doc-desc">
+      <p
+        v-for="parameter in request.params"
+        :key="parameter.key"
+        class="doc-desc"
+      >
         <span>
           {{ parameter.key || $t("none") }}:
           <code>{{ parameter.value || $t("none") }}</code>
@@ -65,26 +69,30 @@
     </span>
     <h4 v-if="request.bodyParams">{{ $t("payload") }}</h4>
     <span v-if="request.bodyParams">
-      <p v-for="payload in request.bodyParams" :key="payload.key" class="doc-desc">
+      <p
+        v-for="payload in request.bodyParams"
+        :key="payload.key"
+        class="doc-desc"
+      >
         <span>
           {{ payload.key || $t("none") }}:
           <code>{{ payload.value || $t("none") }}</code>
         </span>
       </p>
     </span>
-    <p class="doc-desc" v-if="request.rawParams">
+    <p v-if="request.rawParams" class="doc-desc">
       <span>
         {{ $t("parameters") }}:
         <code>{{ request.rawParams || $t("none") }}</code>
       </span>
     </p>
-    <p class="doc-desc" v-if="request.contentType">
+    <p v-if="request.contentType" class="doc-desc">
       <span>
         {{ $t("content_type") }}:
         <code>{{ request.contentType || $t("none") }}</code>
       </span>
     </p>
-    <p class="doc-desc" v-if="request.requestType">
+    <p v-if="request.requestType" class="doc-desc">
       <span>
         {{ $t("request_type") }}:
         <code>{{ request.requestType || $t("none") }}</code>
@@ -96,7 +104,7 @@
 <script>
 export default {
   props: {
-    request: Object,
+    request: { type: Object, default: () => {} },
   },
 }
 </script>
@@ -108,12 +116,6 @@ export default {
   @apply justify-center;
   @apply flex-1;
   @apply p-4;
-
-  .material-icons {
-    @apply mr-4;
-  }
-}
-.request {
   @apply border;
   @apply border-brdColor;
   @apply rounded-lg;
@@ -122,6 +124,10 @@ export default {
   h4 {
     @apply mt-4;
   }
+
+  .material-icons {
+    @apply mr-4;
+  }
 }
 
 .doc-desc {
@@ -130,13 +136,6 @@ export default {
   @apply justify-center;
   @apply flex-1;
   @apply p-4;
-
-  .material-icons {
-    @apply mr-4;
-  }
-}
-
-.doc-desc {
   @apply text-fgLightColor;
   @apply border-b;
   @apply border-dashed;
@@ -146,5 +145,9 @@ export default {
   &:last-child {
     @apply border-b-0;
   }
+
+  .material-icons {
+    @apply mr-4;
+  }
 }
 </style>