Fix linting issues

app/data/updaters/DataUpdater.mjs

@@ -10,6 +10,7 @@ import NsoClient from '../../splatnet/NsoClient.mjs';
 import { locales, regionalLocales, defaultLocale } from '../../../src/common/i18n.mjs';
 import { LocalizationProcessor } from '../LocalizationProcessor.mjs';
 import { deriveId, getDateParts, getTopOfCurrentHour } from '../../common/util.mjs';
+import { Console } from 'node:console';
 
 export default class DataUpdater
 {

app/data/updaters/StageScheduleUpdater.mjs

@@ -1,4 +1,3 @@
-import ValueCache from "../../common/ValueCache.mjs";
 import DataUpdater from "./DataUpdater.mjs";
 import _ from 'lodash';
 

app/data/updaters/XRankUpdater.mjs

@@ -1,4 +1,3 @@
-import jsonpath from 'jsonpath';
 import prefixedConsole from "../../common/prefixedConsole.mjs";
 import { getXRankSeasonId } from '../../common/util.mjs';
 import DataUpdater from "./DataUpdater.mjs";

app/screenshots/HttpServer.mjs

@@ -3,7 +3,7 @@ import ecstatic from 'ecstatic';
 
 export default class HttpServer
 {
-  /** @var {http.Server} */
+  /** @member {http.Server} */
   #server = null;
 
   get port() {

app/screenshots/ScreenshotHelper.mjs

@@ -1,7 +1,6 @@
 import { URL } from 'url';
 import puppeteer from 'puppeteer';
 import HttpServer from './HttpServer.mjs';
-import timers from 'timers/promises';
 
 const defaultViewport = {
   // Using a 16:9 ratio here by default to match Twitter's image card dimensions

app/social/StatusGeneratorManager.mjs

@@ -1,5 +1,6 @@
 import prefixedConsole from "../common/prefixedConsole.mjs";
 import ScreenshotHelper from "../screenshots/ScreenshotHelper.mjs";
+import Client from "./clients/Client.mjs";
 import StatusGenerator from "./generators/StatusGenerator.mjs";
 
 export default class StatusGeneratorManager

app/social/clients/TwitterClient.mjs

@@ -6,7 +6,7 @@ export default class TwitterClient extends Client
   key = 'twitter';
   name = 'Twitter';
 
-  /** @var {TwitterApi} */
+  /** @member {TwitterApi} */
   #api;
 
   async canSend() {

app/social/generators/ChallengeStatus.mjs

@@ -2,6 +2,7 @@ import StatusGenerator from "./StatusGenerator.mjs";
 import Media from "../Media.mjs";
 import { useEventSchedulesStore } from "../../../src/stores/schedules.mjs";
 import { br2nl } from "../../common/util.mjs";
+import ScreenshotHelper from "../../screenshots/ScreenshotHelper.mjs";
 export default class ChallengeStatus extends StatusGenerator
 {
   key = 'challenge';

app/social/generators/DailyDropGearStatus.mjs

@@ -2,6 +2,7 @@ import StatusGenerator from "./StatusGenerator.mjs";
 import Media from "../Media.mjs";
 import { useGearStore } from "../../../src/stores/gear.mjs";
 import { getGearIcon } from "../../common/util.mjs";
+import ScreenshotHelper from "../../screenshots/ScreenshotHelper.mjs";
 
 export default class DailyDropGearStatus extends StatusGenerator
 {

app/social/generators/EggstraWorkStatus.mjs

@@ -1,6 +1,7 @@
 import StatusGenerator from "./StatusGenerator.mjs";
 import Media from "../Media.mjs";
 import { useEggstraWorkSchedulesStore } from "../../../src/stores/schedules.mjs";
+import ScreenshotHelper from "../../screenshots/ScreenshotHelper.mjs";
 
 export default class EggstraWorkStatus extends StatusGenerator
 {

app/social/generators/EggstraWorkUpcomingStatus.mjs

@@ -2,6 +2,7 @@ import StatusGenerator from "./StatusGenerator.mjs";
 import Media from "../Media.mjs";
 import { useEggstraWorkSchedulesStore } from "../../../src/stores/schedules.mjs";
 import { useTimeStore } from "../../../src/stores/time.mjs";
+import ScreenshotHelper from "../../screenshots/ScreenshotHelper.mjs";
 
 export default class EggstraWorkUpcomingStatus extends StatusGenerator
 {

app/social/generators/RegularGearStatus.mjs

@@ -27,7 +27,7 @@ export default class RegularGearStatus extends StatusGenerator
     let icon = getGearIcon(gear);
     let name = gear.gear.name;
     let power = gear.gear.primaryGearPower.name;
-    let url = `https://splatoon3.ink/nso/g/${gear.id}`;
+    // let url = `https://splatoon3.ink/nso/g/${gear.id}`;
 
     return [
       `Up now on SplatNet: ${icon} ${name} with ${power} #splatnet3`,
@@ -36,7 +36,7 @@ export default class RegularGearStatus extends StatusGenerator
     ].join('\n');
   }
 
-  /** @param {ScreenshotHelper} screenshotHelper */
+  /** @param {screenshotHelper} screenshotHelper */
   async _getMedia(screenshotHelper) {
     let media = new Media;
     media.file = await screenshotHelper.capture('gear/regular');

app/social/generators/SalmonRunGearStatus.mjs

@@ -1,6 +1,7 @@
 import StatusGenerator from "./StatusGenerator.mjs";
 import Media from "../Media.mjs";
 import { useCoopGearStore } from "../../../src/stores/gear.mjs";
+import ScreenshotHelper from "../../screenshots/ScreenshotHelper.mjs";
 
 export default class SalmonRunGearStatus extends StatusGenerator
 {

app/social/generators/SalmonRunStatus.mjs

@@ -1,6 +1,7 @@
 import StatusGenerator from "./StatusGenerator.mjs";
 import Media from "../Media.mjs";
 import { useSalmonRunSchedulesStore } from "../../../src/stores/schedules.mjs";
+import ScreenshotHelper from "../../screenshots/ScreenshotHelper.mjs";
 
 export default class SalmonRunStatus extends StatusGenerator
 {

app/social/generators/SalmonRunUpcomingStatus.mjs

@@ -2,6 +2,7 @@ import StatusGenerator from "./StatusGenerator.mjs";
 import Media from "../Media.mjs";
 import { useSalmonRunSchedulesStore } from "../../../src/stores/schedules.mjs";
 import { useTimeStore } from "../../../src/stores/time.mjs";
+import ScreenshotHelper from "../../screenshots/ScreenshotHelper.mjs";
 
 export default class SalmonRunUpcomingStatus extends StatusGenerator
 {

app/social/generators/SchedulesStatus.mjs

@@ -2,6 +2,7 @@ import StatusGenerator from "./StatusGenerator.mjs";
 import Media from "../Media.mjs";
 import { useAnarchyOpenSchedulesStore, useAnarchySeriesSchedulesStore, useRegularSchedulesStore, useSplatfestOpenSchedulesStore, useSplatfestProSchedulesStore, useXSchedulesStore } from "../../../src/stores/schedules.mjs";
 import { useUSSplatfestsStore } from '../../../src/stores/splatfests.mjs';
+import ScreenshotHelper from "../../screenshots/ScreenshotHelper.mjs";
 export default class SchedulesStatus extends StatusGenerator
 {
   key = 'schedules';

app/social/generators/SplatfestResultsStatus.mjs

@@ -1,6 +1,7 @@
 import StatusGenerator from "./StatusGenerator.mjs";
 import Media from "../Media.mjs";
 import { useUSSplatfestsStore, useEUSplatfestsStore, useJPSplatfestsStore, useAPSplatfestsStore } from '../../../src/stores/splatfests.mjs';
+import ScreenshotHelper from "../../screenshots/ScreenshotHelper.mjs";
 
 export default class SplatfestResultsStatus extends StatusGenerator
 {

app/social/generators/SplatfestStatus.mjs

@@ -2,6 +2,7 @@ import StatusGenerator from "./StatusGenerator.mjs";
 import Media from "../Media.mjs";
 import { useUSSplatfestsStore, useEUSplatfestsStore, useJPSplatfestsStore, useAPSplatfestsStore, STATUS_ACTIVE, STATUS_PAST } from '../../../src/stores/splatfests.mjs';
 import { useTimeStore } from "../../../src/stores/time.mjs";
+import ScreenshotHelper from "../../screenshots/ScreenshotHelper.mjs";
 
 export default class SplatfestStatus extends StatusGenerator
 {

app/social/generators/StatusGenerator.mjs

@@ -3,11 +3,11 @@ import { createPinia, setActivePinia } from 'pinia';
 import { useCoopDataStore, useFestivalsDataStore, useGearDataStore, useSchedulesDataStore } from '../../../src/stores/data.mjs';
 import prefixedConsole from '../../common/prefixedConsole.mjs';
 import Status from '../Status.mjs';
-import Client from '../clients/Client.mjs';
 import ScreenshotHelper from '../../screenshots/ScreenshotHelper.mjs';
 import { getTopOfCurrentHour } from '../../common/util.mjs';
 import { useTimeStore } from '../../../src/stores/time.mjs';
 import ValueCache from '../../common/ValueCache.mjs';
+import { Console } from 'node:console';
 
 export default class StatusGenerator
 {

src/components/RuleIcon.vue

@@ -13,6 +13,7 @@ import ruleYaguraSvg from '@/assets/img/rules/yagura.svg';
 
 const props = defineProps({
   rule: {
+    type: Object,
     required: true,
   },
 });

src/components/ScheduleDialog.vue

@@ -52,6 +52,8 @@ const props = defineProps({
   },
 });
 
+defineEmits(['close']);
+
 const { types } = useScheduleTypes();
 
 const type = computed(() => types[props.type]);

src/components/ScheduleRow.vue

@@ -87,6 +87,7 @@ import { useTimeStore } from '../stores/time.mjs';
 
 const props = defineProps({
   schedule: {
+    type: Object,
     required: true,
   },
 });

src/components/SquidTape.vue

@@ -15,15 +15,19 @@ import { computed } from 'vue';
 
 const props = defineProps({
   bg: {
+    type: String,
     default: 'bg-splatoon-blue',
   },
   squidBg: {
+    type: String,
     default: 'bg-white',
   },
   border: {
+    type: String,
     default: 'border-white',
   },
   squidSize: {
+    type: String,
     default: '10px',
   },
 });

src/components/StageDialog.vue

@@ -30,5 +30,7 @@ const props = defineProps({
   stage: Object,
 });
 
+defineEmits(['close']);
+
 const imgUrl = computed(() => props.stage?.image.url);
 </script>

src/components/TricolorBox.vue

@@ -52,7 +52,6 @@ import { computed } from 'vue';
 import { useUSSplatfestsStore } from '@/stores/splatfests';
 import ProductContainer from './ProductContainer.vue';
 import StageImage from './StageImage.vue';
-import RuleIcon from './RuleIcon.vue';
 import { useScheduleTypes } from './concerns/scheduleTypes.mjs';
 import TricolorIcon from './TricolorIcon.vue';
 

src/components/TricolorIcon.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script setup>
-import { computed, ref } from 'vue';
+import { computed } from 'vue';
 
 const props = defineProps({
   a: {

src/components/challenge/ChallengeScheduleBox.vue

@@ -99,7 +99,6 @@ import RuleIcon from '../RuleIcon.vue';
 import SquidTape from '../SquidTape.vue';
 import { useScheduleTypes } from '../concerns/scheduleTypes.mjs';
 import ChallengeScheduleRow from './ChallengeScheduleRow.vue';
-import { formatDurationFromNow } from '../../common/time';
 
 const props = defineProps({
   type: {
@@ -107,6 +106,7 @@ const props = defineProps({
     required: true,
   },
   event: {
+    type: Object,
     required: true,
   },
 });

src/components/concerns/scheduleTypes.mjs

@@ -2,7 +2,6 @@ import { useAnarchyOpenSchedulesStore, useAnarchySeriesSchedulesStore, useRegula
 import battleRegularSvg from '@/assets/img/modes/regular.svg';
 import battleBankaraSvg from '@/assets/img/modes/bankara.svg';
 import battleXSvg from '@/assets/img/modes/x.svg';
-import battleLeagueSvg from '@/assets/img/modes/league.svg';
 import battleEventSvg from '@/assets/img/modes/event.svg';
 
 export function useScheduleTypes() {

src/components/gear/RegularGear.vue

@@ -14,8 +14,13 @@
 
     <div class="pb-24 lg:pb-36">
       <div class="text-center py-4">
-        <SquidTape class="font-splatoon1 text-2xl text-black rounded-sm -rotate-2 z-10" bg="bg-splatoon-orange"
-          squid-bg="bg-black" border="border border-black" squid-size="15px">
+        <SquidTape
+          class="font-splatoon1 text-2xl text-black rounded-sm -rotate-2 z-10"
+          bg="bg-splatoon-orange"
+          squid-bg="bg-black"
+          border="border border-black"
+          squid-size="15px"
+        >
           <div class="px-1">
             {{ $t("gear.sale") }}
           </div>

src/components/salmonrun/ExpandedSalmonRunRow.vue

@@ -21,8 +21,10 @@
         </div>
       </div>
 
-      <div v-if="schedule.isBigRun"
-        class="bg-zinc-800 bg-opacity-80 text-sm text-white rounded-lg px-2 border-2 border-splatoon-bigRun">
+      <div
+        v-if="schedule.isBigRun"
+        class="bg-zinc-800 bg-opacity-80 text-sm text-white rounded-lg px-2 border-2 border-splatoon-bigRun"
+      >
         <img src="@/assets/img/modes/coop.bigrun.svg" :title="$t('salmonrun.bigrun')" class="w-4 inline-block" />
         {{ $t('salmonrun.bigrun') }}
       </div>

src/components/salmonrun/KingSalmonid.vue

@@ -27,6 +27,7 @@ import { computed } from 'vue';
 const props = defineProps({
   schedule: Object,
   size: {
+    type: String,
     default: 'w-6',
   },
 })

src/components/salmonrun/SalmonRunWeapons.vue

@@ -18,6 +18,7 @@ const props = defineProps({
     required: true,
   },
   weaponClass: {
+    type: String,
     default: 'w-10',
   },
 });

src/components/screenshots/ScreenshotScheduleBox.vue

@@ -49,7 +49,6 @@
 
 <script setup>
 import { computed } from 'vue';
-import { useUSSplatfestsStore } from '@/stores/splatfests';
 import ProductContainer from '../ProductContainer.vue';
 import StageImage from '../StageImage.vue';
 import RuleIcon from '../RuleIcon.vue';

src/components/screenshots/ScreenshotTricolorBox.vue

@@ -7,7 +7,7 @@
         </div>
       </div>
 
-      <div  class="pt-2 pb-6 px-2 space-y-2">
+      <div class="pt-2 pb-6 px-2 space-y-2">
         <div class="flex items-center justify-between font-splatoon2">
           <div class="flex items-center space-x-2 text-xl">
             <div>

src/layouts/ScreenshotLayout.vue

@@ -61,14 +61,14 @@ watchEffect(() => {
   }
 });
 
-function formatDateTime(date) {
-  date = new Date(date);
+// function formatDateTime(date) {
+//   date = new Date(date);
 
-  return date.toLocaleString(undefined, {
-    dateStyle: 'long',
-    timeStyle: 'short',
-  })
-}
+//   return date.toLocaleString(undefined, {
+//     dateStyle: 'long',
+//     timeStyle: 'short',
+//   })
+// }
 
 const isDev = import.meta.env.DEV;
 </script>

src/views/SocialsView.vue

@@ -36,11 +36,15 @@
             </ProductContainer>
 
             <img class="absolute hidden sm:block -top-6 right-36 w-32 -rotate-3" src="@/assets/img/tape/tape-2.png" />
-            <img class="absolute hidden sm:block top-20 -left-16 w-20 rotate-3"
-              src="@/assets/img/stickers/sticker-2-red.png" />
+            <img
+              class="absolute hidden sm:block top-20 -left-16 w-20 rotate-3"
+              src="@/assets/img/stickers/sticker-2-red.png"
+            />
             <img class="absolute -bottom-4 -right-12 w-32 -rotate-6" src="@/assets/img/stickers/sticker-1.png" />
-            <img class="absolute hidden sm:block -bottom-4 left-40 w-60 rotate-3"
-              src="@/assets/img/stickers/sticker-8.png" />
+            <img
+              class="absolute hidden sm:block -bottom-4 left-40 w-60 rotate-3"
+              src="@/assets/img/stickers/sticker-8.png"
+            />
           </div>
         </div>
       </div>