Lint

components/collections/collection.vue

@@ -120,7 +120,7 @@ export default {
       this.$store.commit("postwoman/removeCollection", {
         collectionIndex: this.collectionIndex,
       })
-      this.syncCollections();
+      this.syncCollections()
     },
     editFolder(collectionIndex, folder, folderIndex) {
       this.$emit("edit-folder", { collectionIndex, folder, folderIndex })

components/collections/editCollection.vue

@@ -80,8 +80,8 @@ export default {
         collection: collectionUpdated,
         collectionIndex: this.$props.editingCollectionIndex,
       })
-      this.$emit("hide-modal");
-      this.syncCollections();
+      this.$emit("hide-modal")
+      this.syncCollections()
     },
     hideModal() {
       this.$emit("hide-modal")

components/collections/editFolder.vue

@@ -71,7 +71,7 @@ export default {
         folderIndex: this.$props.folderIndex,
       })
       this.hideModal()
-      this.syncCollections();
+      this.syncCollections()
     },
     hideModal() {
       this.$emit("hide-modal")

components/collections/editRequest.vue

@@ -139,7 +139,7 @@ export default {
       })
 
       this.hideModal()
-      this.syncCollections();
+      this.syncCollections()
     },
     hideModal() {
       this.$emit("hide-modal")

components/collections/folder.vue

@@ -106,7 +106,7 @@ export default {
         collectionIndex: this.collectionIndex,
         folderIndex: this.folderIndex,
       })
-      this.syncCollections();
+      this.syncCollections()
     },
     editFolder() {
       this.$emit("edit-folder")

components/collections/index.vue

@@ -135,7 +135,8 @@ export default {
   computed: {
     collections() {
       return fb.currentUser !== null
-          ? fb.currentCollections : this.$store.state.postwoman.collections
+        ? fb.currentCollections
+        : this.$store.state.postwoman.collections
     },
   },
   async mounted() {

components/collections/request.vue

@@ -69,7 +69,7 @@ export default {
         folderIndex: this.folderIndex,
         requestIndex: this.requestIndex,
       })
-      this.syncCollections();
+      this.syncCollections()
     },
   },
 }

components/environments/index.vue

@@ -83,7 +83,8 @@ export default {
   computed: {
     environments() {
       return fb.currentUser !== null
-          ? fb.currentEnvironments : this.$store.state.postwoman.environments
+        ? fb.currentEnvironments
+        : this.$store.state.postwoman.environments
     },
   },
   async mounted() {

components/firebase/logout.vue

@@ -24,7 +24,7 @@ export default {
       firebase
         .auth()
         .signOut()
-        .catch(err => {
+        .catch((err) => {
           self.$toast.show(err.message || err, {
             icon: "error",
           })

components/graphql/field.vue

@@ -38,7 +38,7 @@
   display: inline-block;
   padding: 4px 8px;
   margin: 4px 0;
-  border-radius: 4px;
+  border-radius: 8px;
   font-size: 14px;
   font-weight: 700;
 }

components/layout/header.vue

@@ -113,14 +113,11 @@
                 </svg>
                 <span>{{ $t("tweet") }}</span>
               </button>
-              <button
-                v-if="navigatorShare"
-                class="icon"
-                @click="nativeShare"
-                v-close-popover
-                v-tooltip="$t('more')"
-              >
+            </div>
+            <div v-if="navigatorShare">
+              <button class="icon" @click="nativeShare" v-close-popover v-tooltip="$t('more')">
                 <i class="material-icons">share</i>
+                <span>Share</span>
               </button>
             </div>
           </template>

components/layout/logo.vue

@@ -5,7 +5,7 @@
     x="0px"
     y="0px"
     viewBox="0 0 612.001 612.001"
-    style="enable-background:new 0 0 612.001 612.001;"
+    style="enable-background: new 0 0 612.001 612.001;"
     xml:space="preserve"
   >
     <defs id="defs11" />
@@ -13,7 +13,7 @@
       <circle
         :fill="color"
         transform="scale(1,-1)"
-        style="stroke-width:1.19531453"
+        style="stroke-width: 1.19531453;"
         r="178.70923"
         cy="-501.55591"
         cx="822.40845"

components/realtime/log.vue

@@ -47,8 +47,8 @@ export default {
   methods: {
     getSourcePrefix,
   },
-  updated: function() {
-    this.$nextTick(function() {
+  updated: function () {
+    this.$nextTick(function () {
       if (this.$refs.log) {
         this.$refs.log.scrollBy(0, this.$refs.log.scrollHeight + 100)
       }

components/realtime/mqtt.vue

@@ -77,7 +77,7 @@ export default {
     "pw-section": () => import("../../components/layout/section"),
     realtimeLog: () => import("./log"),
   },
-  data: function() {
+  data: function () {
     return {
       url: "wss://test.mosquitto.org:8081",
       client: null,

components/ui/ace-editor.vue

@@ -120,7 +120,7 @@ export default {
       return this.$store.state.postwoman.settings.THEME_ACE_EDITOR || DEFAULT_THEME
     },
 
-    provideLinting: debounce(function(code) {
+    provideLinting: debounce(function (code) {
       if (this.lang === "json") {
         try {
           jsonParse(code)

components/ui/autocomplete.vue

@@ -194,14 +194,14 @@ export default {
 
       return (
         this.source
-          .filter(entry => {
+          .filter((entry) => {
             return (
               entry.toLowerCase().startsWith(input.toLowerCase()) &&
               input.toLowerCase() !== entry.toLowerCase()
             )
           })
           // Cut off the part that's already been typed.
-          .map(entry => entry.substring(this.selectionStart))
+          .map((entry) => entry.substring(this.selectionStart))
           // We only want the top 6 suggestions.
           .slice(0, 6)
       )

components/ui/modal.vue

@@ -50,7 +50,7 @@
   padding: 16px;
   transition: all 0.2s ease;
   background-color: var(--bg-color);
-  border-radius: 16px;
+  border-radius: 8px;
   box-shadow: 0px 16px 70px rgba(0, 0, 0, 0.5);
   max-height: calc(100vh - 128px);
   max-width: 720px;

components/ui/tabs.vue

@@ -2,7 +2,7 @@
   <div class="tabs-wrapper">
     <div class="tabs">
       <ul>
-        <li v-for="tab in tabs" :class="{ 'is-active': tab.isActive }">
+        <li v-for="(tab, index) in tabs" :class="{ 'is-active': tab.isActive }" :key="index">
           <a :href="tab.href" @click="selectTab(tab)">
             <i v-if="tab.icon" class="material-icons">
               {{ tab.icon }}
@@ -45,7 +45,7 @@
         justify-content: center;
         padding: 8px 16px;
         color: var(--fg-light-color);
-        border-radius: 4px;
+        border-radius: 8px;
         cursor: pointer;
 
         .material-icons {
@@ -87,7 +87,7 @@ export default {
 
   methods: {
     selectTab({ id }) {
-      this.tabs.forEach(tab => {
+      this.tabs.forEach((tab) => {
         tab.isActive = tab.id == id
       })
     },