diff --git a/src/App.vue b/src/App.vue index e588a77..5486131 100644 --- a/src/App.vue +++ b/src/App.vue @@ -48,9 +48,7 @@ @@ -117,9 +115,7 @@ @@ -186,9 +182,7 @@ @@ -311,9 +305,7 @@ @@ -564,9 +556,7 @@ diff --git a/src/components/DataTable.vue b/src/components/DataTable.vue index bd1f1db..1789a1d 100644 --- a/src/components/DataTable.vue +++ b/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; - } - } + }, + }, }; diff --git a/src/components/Footer.vue b/src/components/Footer.vue index 643db08..9b86985 100644 --- a/src/components/Footer.vue +++ b/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", + }, + ], }; - } + }, }; diff --git a/src/components/Gallery.vue b/src/components/Gallery.vue index d466c83..92d4ca6 100644 --- a/src/components/Gallery.vue +++ b/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; - } + }, }; diff --git a/src/components/Header.vue b/src/components/Header.vue index 17bbfa9..34159ab 100644 --- a/src/components/Header.vue +++ b/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, + }, }; diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue index 37fcf93..33a81ee 100644 --- a/src/components/Navbar.vue +++ b/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) ); - } + }, }; diff --git a/src/components/NsfwSwitch.vue b/src/components/NsfwSwitch.vue index 2cdcdfb..d01389a 100644 --- a/src/components/NsfwSwitch.vue +++ b/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 }, + }, }; diff --git a/src/components/NsfwWarning.vue b/src/components/NsfwWarning.vue index 3800632..0fd6c27 100644 --- a/src/components/NsfwWarning.vue +++ b/src/components/NsfwWarning.vue @@ -26,8 +26,8 @@ export default { this.$parent.nsfw = input; this.$parent.isConfirmedHorny = input; this.$parent.isWarn = false; - } - } + }, + }, }; diff --git a/src/components/QuickFacts.vue b/src/components/QuickFacts.vue index 8cac7ba..95c6ef7 100644 --- a/src/components/QuickFacts.vue +++ b/src/components/QuickFacts.vue @@ -12,14 +12,14 @@ export default { data() { return { - isExpanded: false + isExpanded: false, }; }, methods: { toggle() { this.isExpanded = !this.isExpanded; - } - } + }, + }, }; diff --git a/src/main.js b/src/main.js index 23d4647..f47a8dd 100644 --- a/src/main.js +++ b/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"); diff --git a/src/mixins/Helper.js b/src/mixins/Helper.js index 394eceb..26b1622 100644 --- a/src/mixins/Helper.js +++ b/src/mixins/Helper.js @@ -48,6 +48,6 @@ export default { const lbs = Math.floor(nearExact); return lbs; - } - } + }, + }, }; diff --git a/src/mixins/Sebin.js b/src/mixins/Sebin.js index f9d4eb6..b841bf3 100644 --- a/src/mixins/Sebin.js +++ b/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 }; - } - } + }, + }, }; diff --git a/vue.config.js b/vue.config.js index 3e056ea..0c388a9 100644 --- a/vue.config.js +++ b/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 }; }); - } + }, };