fmt

_config.ts

@@ -28,7 +28,7 @@ const site = lume(
     src: "./src",
     location: new URL("https://www.wheelsbot.dev"),
   },
-  { markdown }
+  { markdown },
 );
 
 site.use(plugins());
@@ -39,7 +39,7 @@ site.use(
       themes: ["material-theme-darker"],
     },
     theme: "material-theme-darker",
-  })
+  }),
 );
 
 export default site;

mod.ts

@@ -4,7 +4,7 @@ import "lume/types.ts";
 
 export type { Options } from "./plugins.ts";
 
-export default function(options: Partial<Options> = {}) {
+export default function (options: Partial<Options> = {}) {
   return (site: Lume.Site) => {
     // Configure the site
     site.use(plugins(options));

plugins.ts

@@ -39,7 +39,7 @@ export const defaults: Options = {
 };
 
 /** Configure the site */
-export default function(userOptions?: Options) {
+export default function (userOptions?: Options) {
   const options = merge(defaults, userOptions);
 
   return (site: Lume.Site) => {
@@ -48,7 +48,7 @@ export default function(userOptions?: Options) {
         tailwindcss({
           extensions: [".html", ".jsx", ".vto"],
           options: tailwindOptions,
-        })
+        }),
       )
       .use(postcss())
       .use(basePath())
@@ -81,7 +81,7 @@ export default function(userOptions?: Options) {
               preact: ["Component"],
             },
           },
-        })
+        }),
       )
       .copy("fonts")
       .copy("js")

serve.ts

@@ -10,7 +10,6 @@ const count = await kv.get(["visitors"]);
 
 console.log(`You are visitor number #${count.value}`);
 
-
 const server = new Server({
   port: 8000,
   root: `${Deno.cwd()}/_site`,
@@ -19,4 +18,3 @@ const server = new Server({
 server.start();
 
 console.log("Listening on http://localhost:8000");
-

src/_includes/css/ds.css

@@ -164,11 +164,29 @@ input[type="submit"] {
   text-align: center;
   text-decoration: none;
 }
-:is(button, input[type="button"], input[type="reset"], input[type="submit"], a[role="button"]):not(:disabled) {
+:is(
+  button,
+  input[type="button"],
+  input[type="reset"],
+  input[type="submit"],
+  a[role="button"]
+):not(:disabled) {
   cursor: pointer;
 }
-:is(button, input[type="button"], input[type="reset"], input[type="submit"], a[role="button"]):disabled,
-[aria-disabled="false"]:is(button, input[type="button"], input[type="reset"], input[type="submit"], a[role="button"]) {
+:is(
+  button,
+  input[type="button"],
+  input[type="reset"],
+  input[type="submit"],
+  a[role="button"]
+):disabled,
+[aria-disabled="false"]:is(
+  button,
+  input[type="button"],
+  input[type="reset"],
+  input[type="submit"],
+  a[role="button"]
+) {
   opacity: 0.33;
   pointer-events: none;
 }
@@ -328,11 +346,37 @@ textarea {
   padding: 0.7em;
   width: 100%;
 }
-:is(input[type="date"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea):disabled {
+:is(
+  input[type="date"],
+  input[type="datetime-local"],
+  input[type="email"],
+  input[type="month"],
+  input[type="number"],
+  input[type="password"],
+  input[type="tel"],
+  input[type="text"],
+  input[type="time"],
+  input[type="url"],
+  input[type="week"],
+  textarea
+):disabled {
   opacity: 0.33;
   pointer-events: none;
 }
-:is(input[type="date"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea)::placeholder {
+:is(
+  input[type="date"],
+  input[type="datetime-local"],
+  input[type="email"],
+  input[type="month"],
+  input[type="number"],
+  input[type="password"],
+  input[type="tel"],
+  input[type="text"],
+  input[type="time"],
+  input[type="url"],
+  input[type="week"],
+  textarea
+)::placeholder {
   color: currentColor;
   opacity: 0.5;
 }

src/archive.page.js

@@ -1,6 +1,6 @@
 export const layout = "layouts/archive.vto";
 
-export default function*({ search, paginate, i18n }) {
+export default function* ({ search, paginate, i18n }) {
   const posts = search.pages("type=post", "date=desc");
 
   for (

src/archive_result.page.js

@@ -1,6 +1,6 @@
 export const layout = "layouts/archive_result.vto";
 
-export default function*({ search, i18n }) {
+export default function* ({ search, i18n }) {
   // Generate a page for each tag
   for (const tag of search.values("tags")) {
     yield {

src/js/software-list.js

@@ -69,7 +69,7 @@ class SoftwareList extends HTMLElement {
   updateselectedSoftware() {
     // Get all the checkboxes inside the shadow DOM
     const checkboxes = this.shadowRoot.querySelectorAll(
-      "input[type=\"checkbox\"]:checked",
+      'input[type="checkbox"]:checked',
     );
 
     // Create a string of selected software
@@ -78,7 +78,8 @@ class SoftwareList extends HTMLElement {
       .join(" ");
 
     // Update the text content of the paragraph with the selected software
-    this.selectedSoftwareParagraph.textContent = `sudo pacman -Sy ${selectedSoftware}`;
+    this.selectedSoftwareParagraph.textContent =
+      `sudo pacman -Sy ${selectedSoftware}`;
   }
 }
 

src/styles.css

@@ -55,7 +55,8 @@ pre code {
   white-space: pre-wrap !important;
 }
 
-code { display:inline-flex;
+code {
+  display: inline-flex;
 }
 /* copied from pixelde.su */
 
@@ -67,8 +68,9 @@ code { display:inline-flex;
   }
 
   .button {
-    @apply inline-flex items-center rounded-md shadow-lg font-bold dark:text-white text-black
-      px-2 py-0.5 transition-all hover:translate-y-0.5;
+    @apply inline-flex items-center rounded-md shadow-lg font-bold
+      dark:text-white text-black px-2 py-0.5 transition-all
+      hover:translate-y-0.5;
   }
 
   .button svg {

tailwind.config.js

@@ -2,7 +2,7 @@ import typography from "npm:@tailwindcss/typography";
 import plugin from "npm:tailwindcss/plugin.js";
 
 export default {
-  content: ['./src/**/*.(html,js,css,vto)'],
+  content: ["./src/**/*.(html,js,css,vto)"],
   mode: "jit",
   darkMode: ["variant", [
     "@media (prefers-color-scheme: dark) { &:not(.light *) }",