style: 🚨 linter go brrrr

src/App.vue

@@ -48,9 +48,7 @@
             <label>Sebin Full Body Reference</label>
           </template>
           <template #copyright>
-            <a href="https://twitter.com/draftgon">
-              draftgon
-            </a>
+            <a href="https://twitter.com/draftgon">draftgon</a>
           </template>
         </ref-figure>
 
@@ -117,9 +115,7 @@
             <label>Sebin's Expressions</label>
           </template>
           <template #copyright>
-            <a href="https://twitter.com/draftgon">
-              draftgon
-            </a>
+            <a href="https://twitter.com/draftgon">draftgon</a>
           </template>
         </ref-figure>
 
@@ -186,9 +182,7 @@
             <label>Sebin's upper body closeup</label>
           </template>
           <template #copyright>
-            <a href="https://twitter.com/NidtheDragon">
-              NidtheDragon
-            </a>
+            <a href="https://twitter.com/NidtheDragon">NidtheDragon</a>
           </template>
         </ref-figure>
 
@@ -311,9 +305,7 @@
             <label>Sebin's manly parts</label>
           </template>
           <template #copyright>
-            <a href="https://twitter.com/draftgon">
-              draftgon
-            </a>
+            <a href="https://twitter.com/draftgon">draftgon</a>
           </template>
         </ref-figure>
 
@@ -564,9 +556,7 @@
             <label>Sebin in Overdrive</label>
           </template>
           <template #copyright>
-            <a href="https://twitter.com/CVictorrosso">
-              CVictorrosso
-            </a>
+            <a href="https://twitter.com/CVictorrosso">CVictorrosso</a>
           </template>
         </ref-figure>
 

src/components/DataTable.vue

@@ -37,14 +37,14 @@ export default {
   props: {
     dataset: {
       type: Object,
-      required: true
-    }
+      required: true,
+    },
   },
   methods: {
     isHexValue(value) {
       return /^#[0-9a-f]{6}$/i.test(value) ? value : false;
-    }
-  }
+    },
+  },
 };
 </script>
 

src/components/Footer.vue

@@ -22,11 +22,11 @@ export default {
         { href: "https://t.me/SebinNyshkim", text: "Telegram" },
         {
           href: "https://www.furaffinity.net/user/sonofdragons",
-          text: "Fur Affinity"
-        }
-      ]
+          text: "Fur Affinity",
+        },
+      ],
     };
-  }
+  },
 };
 </script>
 

src/components/Gallery.vue

@@ -39,13 +39,13 @@ export default {
   data() {
     return {
       activeImage: 0,
-      images: []
+      images: [],
     };
   },
   computed: {
     offset() {
       return `margin-left: -${this.activeImage * 100}%`;
-    }
+    },
   },
   methods: {
     setActive(index) {
@@ -60,12 +60,12 @@ export default {
       if (this.activeImage < this.images.length - 1) {
         this.activeImage += 1;
       }
-    }
+    },
   },
   mounted() {
     const images = Array.from(this.$el.querySelectorAll("img"));
     this.images = images;
-  }
+  },
 };
 </script>
 

src/components/Header.vue

@@ -38,7 +38,7 @@ import RefNavbar from "@components/Navbar.vue";
 export default {
   props: {
     mainHeading: String,
-    subHeading: String
+    subHeading: String,
   },
   data() {
     return {
@@ -50,14 +50,14 @@ export default {
         { href: "#upperbody", label: "Upper Body", nsfw: false },
         { href: "#penis", label: "Penis", nsfw: true },
         { href: "#clothes", label: "Clothing Styles", nsfw: false },
-        { href: "#abilities", label: "Abilities", nsfw: false }
-      ]
+        { href: "#abilities", label: "Abilities", nsfw: false },
+      ],
     };
   },
   components: {
     NsfwSwitch,
-    RefNavbar
-  }
+    RefNavbar,
+  },
 };
 </script>
 

src/components/Navbar.vue

@@ -19,12 +19,12 @@ import debounce from "lodash/debounce";
 
 export default {
   props: {
-    navlinks: Array
+    navlinks: Array,
   },
   data() {
     return {
       isFixed: false,
-      offsetTop: null
+      offsetTop: null,
     };
   },
   methods: {
@@ -41,7 +41,7 @@ export default {
       } else {
         return this.$parent.$parent.nsfw === item;
       }
-    }
+    },
   },
   mounted() {
     window.addEventListener(
@@ -60,7 +60,7 @@ export default {
         this.checkIsFixed();
       }, 100)
     );
-  }
+  },
 };
 </script>
 

src/components/NsfwSwitch.vue

@@ -19,12 +19,12 @@
 export default {
   model: {
     prop: "checked",
-    event: "change"
+    event: "change",
   },
   props: {
     checked: Boolean,
-    id: { type: String, required: true }
-  }
+    id: { type: String, required: true },
+  },
 };
 </script>
 

src/components/NsfwWarning.vue

@@ -26,8 +26,8 @@ export default {
       this.$parent.nsfw = input;
       this.$parent.isConfirmedHorny = input;
       this.$parent.isWarn = false;
-    }
-  }
+    },
+  },
 };
 </script>
 

src/components/QuickFacts.vue

@@ -12,14 +12,14 @@
 export default {
   data() {
     return {
-      isExpanded: false
+      isExpanded: false,
     };
   },
   methods: {
     toggle() {
       this.isExpanded = !this.isExpanded;
-    }
-  }
+    },
+  },
 };
 </script>
 

src/main.js

@@ -7,5 +7,5 @@ Vue.config.productionTip = false;
 Vue.use(VueScrollTo, { offset: -55 });
 
 new Vue({
-  render: h => h(App)
+  render: (h) => h(App),
 }).$mount("#app");

src/mixins/Helper.js

@@ -48,6 +48,6 @@ export default {
       const lbs = Math.floor(nearExact);
 
       return lbs;
-    }
-  }
+    },
+  },
 };

src/mixins/Sebin.js

@@ -20,15 +20,15 @@ export default {
         horns: "#413a3a",
         claws: "#413a3a",
         nipples: "#413a3a",
-        penis: "#413a3a"
+        penis: "#413a3a",
       },
       penis: {
         shape: "humanoid",
         type: "grower",
         special: "ridged",
         size: 20, // cm
-        girth: 5 // cm
-      }
+        girth: 5, // cm
+      },
     };
   },
 
@@ -42,7 +42,7 @@ export default {
       const dobLocaleString = this.dateOfBirth.toLocaleDateString(locale, {
         year: "numeric",
         month: "long",
-        day: "2-digit"
+        day: "2-digit",
       });
 
       return `${dobLocaleString} (${age})`;
@@ -58,9 +58,9 @@ export default {
           ["Weight", `${this.weight} kg (${this.toLbs(this.weight)} lbs)`],
           [
             "Wingspan",
-            `${this.wingspan / 100} m (${this.toImperial(this.wingspan)})`
-          ]
-        ]
+            `${this.wingspan / 100} m (${this.toImperial(this.wingspan)})`,
+          ],
+        ],
       };
 
       const colors = {
@@ -73,8 +73,8 @@ export default {
           ["Eyes", this.colors.eyes],
           ["Facial Spikes", this.colors.eyebrows],
           ["Horns/Claws/Nipples", this.colors.horns],
-          ["Tail Spikes", this.colors.tailspikes]
-        ]
+          ["Tail Spikes", this.colors.tailspikes],
+        ],
       };
 
       const penis = {
@@ -85,11 +85,14 @@ export default {
           ["Special Traits", this.penis.special],
           ["Color", this.colors.penis],
           ["Length", `${this.penis.size} cm (${this.toInch(this.penis.size)})`],
-          ["Girth", `${this.penis.girth} cm (${this.toInch(this.penis.girth)})`]
-        ]
+          [
+            "Girth",
+            `${this.penis.girth} cm (${this.toInch(this.penis.girth)})`,
+          ],
+        ],
       };
 
       return { generic, colors, penis };
-    }
-  }
+    },
+  },
 };

vue.config.js

@@ -3,7 +3,7 @@ const path = require("path");
 module.exports = {
   publicPath: "",
   css: {
-    sourceMap: process.env.NODE_ENV !== "production"
+    sourceMap: process.env.NODE_ENV !== "production",
   },
   configureWebpack: {
     resolve: {
@@ -13,36 +13,37 @@ module.exports = {
         "@scss": path.resolve(__dirname, "src/scss/"),
         "@data": path.resolve(__dirname, "src/data/"),
         "@mixins": path.resolve(__dirname, "src/mixins/"),
-        "@components": path.resolve(__dirname, "src/components/")
-      }
-    }
+        "@components": path.resolve(__dirname, "src/components/"),
       },
-  chainWebpack: config => {
-    config.plugin("html").tap(args => {
+    },
+  },
+  chainWebpack: (config) => {
+    config.plugin("html").tap((args) => {
       const meta = {
         title: "Sebin Nyshkim - Reference Page",
-        desc: "The official reference page for Sebin Nyshkim with picture references and in-depth character descriptions",
+        desc:
+          "The official reference page for Sebin Nyshkim with picture references and in-depth character descriptions",
         type: "website",
         url: "https://ref.sebin-nyshkim.net",
         favicon: "favicon.png",
         preview: "preview.jpg",
         twitter: {
           card: "summary_large_image",
-          creator: "@SebinNyshkim"
-        }
+          creator: "@SebinNyshkim",
+        },
       };
 
       const links = {
         icon: {
           rel: "icon",
           href: meta.favicon,
-          type: "image/png"
+          type: "image/png",
         },
         favicon: {
           rel: "favicon",
           href: meta.favicon,
-          type: "image/png"
-        }
+          type: "image/png",
+        },
       };
 
       args[0].title = meta.title;
@@ -57,7 +58,7 @@ module.exports = {
         "og:type": meta.type,
         "og:url": meta.url,
         "og:image": `${meta.url}/${meta.preview}`,
-        "og:description": meta.desc
+        "og:description": meta.desc,
       };
 
       return args;
@@ -68,21 +69,21 @@ module.exports = {
       .test(/\.(png|jpe?g|gif|webp|svg)(\?.*)?$/i)
       .use("image-webpack-loader")
       .loader("image-webpack-loader")
-      .tap(options => {
+      .tap((options) => {
         const newOpts = {
           mozjpeg: {
             progressive: true,
-            quality: 75
+            quality: 75,
           },
           pngquant: {
             quality: [0.65, 0.9],
-            speed: 4
+            speed: 4,
           },
           gifsicle: {
-            interlaced: false
-          }
+            interlaced: false,
+          },
         };
         return { ...options, ...newOpts };
       });
-  }
+  },
 };