Fix build errors

Author: bendera

src/components/Controls/BooleanField.astro

@@ -1,57 +1,58 @@
----
-import { uniqueId } from "./uniqueid";
-import Field from "./Field.astro";
-
-export type Props = {
-  name: string;
-  defaultValue: boolean;
-};
-
-const cid = uniqueId("BooleanField-");
-
-const { name = "", defaultValue = false } = Astro.props;
----
-
-<Field cid={cid} name={name} fieldType="BooleanField">
-  <input type="checkbox" id={cid} name={name} checked={defaultValue} />
-</Field>
-
-<style>
-  input {
-    border: 1px solid var(--sl-color-gray-5);
-  }
-</style>
-
-<script>
-  function checkboxChange(ev: Event) {
-    const field = (ev.target as HTMLInputElement).closest<HTMLDivElement>(
-      '[data-astro-component="BooleanField"]'
-    )!;
-
-    updateFieldTarget(field);
-  }
-
-  function updateFieldTarget(field: HTMLDivElement) {
-    const root = field.closest<HTMLFieldSetElement>(
-      '[data-astro-component="Controls"]'
-    );
-    const cb = field.querySelector("input")!;
-
-    if (root) {
-      const target = root.dataset.target!;
-      const targetEl = document.querySelector(target);
-
-      if (targetEl) {
-        targetEl[cb.name] = cb.checked;
-      }
-    }
-  }
-
-  document
-    .querySelectorAll<HTMLDivElement>('[data-astro-component="BooleanField"]')
-    .forEach((el) => {
-      const cb = el.querySelector("input");
-      cb?.addEventListener("change", checkboxChange);
-      updateFieldTarget(el);
-    });
-</script>
+---
+import { uniqueId } from "./uniqueid";
+import Field from "./Field.astro";
+
+export type Props = {
+  name: string;
+  defaultValue: boolean;
+};
+
+const cid = uniqueId("BooleanField-");
+
+const { name = "", defaultValue = false } = Astro.props;
+---
+
+<Field cid={cid} name={name} fieldType="BooleanField">
+  <input type="checkbox" id={cid} name={name} checked={defaultValue} />
+</Field>
+
+<style>
+  input {
+    border: 1px solid var(--sl-color-gray-5);
+  }
+</style>
+
+<script>
+  function checkboxChange(ev: Event) {
+    const field = (ev.target as HTMLInputElement).closest<HTMLDivElement>(
+      '[data-astro-component="BooleanField"]'
+    )!;
+
+    updateFieldTarget(field);
+  }
+
+  function updateFieldTarget(field: HTMLDivElement) {
+    const root = field.closest<HTMLFieldSetElement>(
+      '[data-astro-component="Controls"]'
+    );
+    const cb = field.querySelector("input")!;
+
+    if (root) {
+      const target = root.dataset.target!;
+      const targetEl = document.querySelector(target);
+
+      if (targetEl) {
+        // @ts-ignore
+        targetEl[cb.name] = cb.checked;
+      }
+    }
+  }
+
+  document
+    .querySelectorAll<HTMLDivElement>('[data-astro-component="BooleanField"]')
+    .forEach((el) => {
+      const cb = el.querySelector("input");
+      cb?.addEventListener("change", checkboxChange);
+      updateFieldTarget(el);
+    });
+</script>

src/components/Controls/EnumField.astro

@@ -58,6 +58,7 @@ const { name = "", defaultValue = false, options = [] } = Astro.props;
       const targetEl = document.querySelector(target);
 
       if (targetEl) {
+        // @ts-ignore
         targetEl[select.name] = select.value;
       }
     }

src/components/Controls/NumberField.astro

@@ -49,6 +49,7 @@ const { name = "", defaultValue = 0 } = Astro.props;
       const targetEl = document.querySelector(target);
 
       if (targetEl) {
+        // @ts-ignore
         targetEl[input.name] = input.value;
       }
     }

src/components/SiteTitle.astro

@@ -6,31 +6,13 @@ const { siteTitle, siteTitleHref } = Astro.locals.starlightRoute;
 ---
 
 <a href={siteTitleHref} class="site-title sl-flex">
-  {
-    config.logo && logos.dark && (
-      <>
-        <img
-          class:list={{
-            "light:sl-hidden print:hidden": !("src" in config.logo),
-          }}
-          alt={config.logo.alt}
-          src={logos.dark.src}
-          width={logos.dark.width}
-          height={logos.dark.height}
-        />
-        {/* Show light alternate if a user configure both light and dark logos. */}
-        {!("src" in config.logo) && (
-          <img
-            class="dark:sl-hidden print:block"
-            alt={config.logo.alt}
-            src={logos.light?.src}
-            width={logos.light?.width}
-            height={logos.light?.height}
-          />
-        )}
-      </>
-    )
-  }
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 167.435 73.998">
+    <g fill="#007acc"
+      ><path
+        d="M115.89 8.141L100.762.857a4.574 4.574 0 00-5.23.89L66.537 28.2l-12.63-9.584a3.042 3.042 0 00-3.908.173l-4.051 3.678a3.067 3.067 0 00-.015 4.526l10.963 10-10.963 10a3.067 3.067 0 00.015 4.526l4.051 3.692c1.107.992 2.745 1.064 3.908.173l12.63-9.584L95.53 72.251a4.552 4.552 0 005.216.89l15.144-7.284a4.576 4.576 0 002.6-4.138V12.28a4.552 4.552 0 00-2.6-4.138zm-15.761 45.56l-22.012-16.71 22.012-16.709zM134.34 0l-7.81 7.81L155.73 37l-29.2 29.188 7.81 7.81 33.095-33.094v-7.81zM40.904 7.81L11.704 37l29.2 29.188-7.81 7.81L0 40.904v-7.81L33.094 0z"
+      ></path></g
+    >
+  </svg>
   <span class:list={{ "sr-only": config.logo?.replacesTitle }} translate="no">
     {siteTitle}
   </span>
@@ -58,7 +40,7 @@ const { siteTitle, siteTitleHref } = Astro.locals.starlightRoute;
     span {
       overflow: hidden;
     }
-    img {
+    img, svg {
       height: calc(var(--sl-nav-height) - 2 * var(--sl-nav-pad-y));
       width: auto;
       max-width: 100%;