Fix linting issues.

source/js/listenbrainz.js

@@ -1,4 +1,6 @@
-window.addEventListener('DOMContentLoaded', async () => {
+/* global document window */
+
+window.addEventListener("DOMContentLoaded", async () => {
   const loop = async () => {
     const listen = await getCurrentListen();
     if (listen === undefined) {
@@ -26,11 +28,14 @@ async function getCoverArt(listen) {
     return;
   }
 
-  const result = await window.fetch(`https://coverartarchive.org/release/${releaseMbid}`, {
+  const result = await window.fetch(
-    headers: {
+    `https://coverartarchive.org/release/${releaseMbid}`,
-      Accept: 'application/json',
+    {
+      headers: {
+        Accept: "application/json",
+      },
     },
-  });
+  );
   if (!result.ok) {
     return;
   }
@@ -41,11 +46,15 @@ async function getCoverArt(listen) {
   }
 
   const thumbnails = data.images[0].thumbnails;
-  return thumbnails.small ?? thumbnails['250'] ?? thumbnails['500'] ?? undefined;
+  return (
+    thumbnails.small ?? thumbnails["250"] ?? thumbnails["500"] ?? undefined
+  );
 }
 
 async function getCurrentListen() {
-  const result = await window.fetch('https://api.listenbrainz.org/1/user/BaukeXYZ/playing-now');
+  const result = await window.fetch(
+    "https://api.listenbrainz.org/1/user/BaukeXYZ/playing-now",
+  );
   if (!result.ok) {
     console.warn(result.status);
     return;
@@ -64,16 +73,16 @@ function insertHtml(listen, image) {
     return;
   }
 
-  const existing = document.querySelector('.listenbrainz') ?? undefined;
+  const existing = document.querySelector(".listenbrainz") ?? undefined;
   if (existing !== undefined) {
     existing.remove();
   }
 
   const text = `${listen.track_metadata.artist_name} - ${listen.track_metadata.track_name}`;
-  const alt = image === undefined ? 'ListenBrainz Logo' : `${text} Cover Art`;
+  const alt = image === undefined ? "ListenBrainz Logo" : `${text} Cover Art`;
 
-  image = image ?? 'https://listenbrainz.org/static/img/logo_big.svg';
+  image = image ?? "https://listenbrainz.org/static/img/logo_big.svg";
-  image = image.startsWith('http://') ? 'https' + image.slice(4) : image;
+  image = image.startsWith("http://") ? "https" + image.slice(4) : image;
 
   const listenHtml = `
   <p class="listenbrainz">
@@ -84,5 +93,7 @@ function insertHtml(listen, image) {
     </a>
 </p>`;
 
-  document.querySelector('.page-header').insertAdjacentHTML('beforeend', listenHtml);
+  document
+    .querySelector(".page-header")
+    .insertAdjacentHTML("beforeend", listenHtml);
 }

source/scss/components/_listenbrainz.scss

@@ -1,4 +1,4 @@
-@use 'mixins';
+@use "mixins";
 
 .listenbrainz {
   align-items: center;

source/scss/components/_page-footer.scss

@@ -1,4 +1,4 @@
-@use 'mixins';
+@use "mixins";
 
 .page-footer {
   @include mixins.responsive-container;

source/scss/components/_page-header.scss

@@ -1,4 +1,4 @@
-@use 'mixins';
+@use "mixins";
 
 .page-header {
   --anchor-color: #000;

source/scss/components/_page-main.scss

@@ -1,4 +1,4 @@
-@use 'mixins';
+@use "mixins";
 
 .page-main {
   a {
@@ -14,7 +14,7 @@
     }
 
     &.driftingnebula {
-      background: url('/assets/driftingnebula 2022-03-09.jpeg');
+      background: url("/assets/driftingnebula 2022-03-09.jpeg");
       background-position: center center;
       background-repeat: no-repeat;
 
@@ -24,7 +24,7 @@
     }
 
     &.holllo {
-      background: url('/assets/holllo-mark-square-pattern.png');
+      background: url("/assets/holllo-mark-square-pattern.png");
       background-color: #1f1731;
       background-repeat: repeat;
       background-size: 48px;

source/scss/index.scss

@@ -1,4 +1,4 @@
-@use 'reset';
+@use "reset";
 
 html {
   font-size: 62.5%;
@@ -43,7 +43,7 @@ button {
   margin-top: 2rem;
 }
 
-@use 'components/page-footer';
+@use "components/page-footer";
-@use 'components/page-header';
+@use "components/page-header";
-@use 'components/page-main';
+@use "components/page-main";
-@use 'components/listenbrainz';
+@use "components/listenbrainz";

source/scss/modern-normalize.scss

@@ -1 +1 @@
-@use '../../node_modules/modern-normalize/modern-normalize.css';
+@use "../../node_modules/modern-normalize/modern-normalize.css";