🎨 Format using Biome

This commit is contained in:
2025-07-01 19:45:02 +02:00
parent a859439353
commit 45226136f3
6 changed files with 97 additions and 101 deletions

View File

@ -1,17 +1,17 @@
<script lang="ts"> <script lang="ts">
// TODO move to types? // TODO move to types?
interface Option<Key> { interface Option<Key> {
key: Key key: Key
value: string value: string
} }
interface Props<Key = string> { interface Props<Key = string> {
selected: Key selected: Key
options?: Option<Key>[] options?: Option<Key>[]
class?: string class?: string
} }
let { selected = $bindable(), options = [], class: clazz }: Props = $props() let { selected = $bindable(), options = [], class: clazz }: Props = $props()
</script> </script>
<select <select

View File

@ -1,12 +1,12 @@
<script lang="ts"> <script lang="ts">
import { onMount } from "svelte" import { onMount } from "svelte"
let history: string[] = [] let history: string[] = []
let currentDir = "~" let currentDir = "~"
type Command = "help" | "about" | "skills" | "projects" | "contact" | "clear" type Command = "help" | "about" | "skills" | "projects" | "contact" | "clear"
const commands: Record<Command, () => string> = { const commands: Record<Command, () => string> = {
help: () => `Available commands: help: () => `Available commands:
about - Display information about me about - Display information about me
skills - List my technical skills skills - List my technical skills
@ -34,47 +34,43 @@ LinkedIn: linkedin.com/in/johndoe`,
history = [] history = []
return "" return ""
}, },
} }
const executeCommand = (input: string) => { const executeCommand = (input: string) => {
const [command, ...args] = input.trim().split(" ") const [command, ...args] = input.trim().split(" ")
if (command in commands) { if (command in commands) {
return commands[command as Command]() return commands[command as Command]()
} }
return `Command not found: ${command}. Type 'help' for available commands.` return `Command not found: ${command}. Type 'help' for available commands.`
} }
let input = "" let input = ""
let inputRef: HTMLInputElement | null = null let inputRef: HTMLInputElement | null = null
const handleSubmit = (e: Event) => { const handleSubmit = (e: Event) => {
e.preventDefault() e.preventDefault()
if (input.trim()) { if (input.trim()) {
if (input === "clear") { if (input === "clear") {
history = [] history = []
} else { } else {
history = [ history = [...history, `${currentDir} $ ${input}`, executeCommand(input)]
...history,
`${currentDir} $ ${input}`,
executeCommand(input),
]
} }
input = "" input = ""
} }
} }
onMount(() => { onMount(() => {
history = [ history = [
"Welcome to John Doe's Terminal Portfolio!", "Welcome to John Doe's Terminal Portfolio!",
"Type 'help' to see available commands.", "Type 'help' to see available commands.",
] ]
}) })
$: { $: {
if (inputRef) { if (inputRef) {
inputRef.scrollIntoView({ behavior: "smooth" }) inputRef.scrollIntoView({ behavior: "smooth" })
} }
} }
</script> </script>
<div class="min-h-screen bg-black text-green-500 p-4 font-mono"> <div class="min-h-screen bg-black text-green-500 p-4 font-mono">

View File

@ -1,12 +1,12 @@
<script lang="ts"> <script lang="ts">
import type { Snippet } from "svelte" import type { Snippet } from "svelte"
interface Props { interface Props {
title?: string title?: string
children: Snippet children: Snippet
} }
const { title = "", children }: Props = $props() const { title = "", children }: Props = $props()
</script> </script>
<details class="collapse collapse-arrow bg-base-200"> <details class="collapse collapse-arrow bg-base-200">

View File

@ -1,12 +1,12 @@
<script lang="ts"> <script lang="ts">
import Collapse from "@/components/collapse/Collapse.svelte" import Collapse from "@/components/collapse/Collapse.svelte"
interface Props { interface Props {
items?: string[] items?: string[]
title?: string title?: string
} }
const { items = [], title = "" }: Props = $props() const { items = [], title = "" }: Props = $props()
</script> </script>
<Collapse {title}> <Collapse {title}>

View File

@ -2,7 +2,7 @@ import { defineCollection, z } from "astro:content"
import { glob } from "astro/loaders" import { glob } from "astro/loaders"
const projectCollection = defineCollection({ const projectCollection = defineCollection({
loader: glob({ pattern: "**\/*.mdx", base: "./src/content/projects" }), loader: glob({ pattern: "**/*.mdx", base: "./src/content/projects" }),
schema: ({ image }) => schema: ({ image }) =>
z.object({ z.object({
lang: z.union([z.literal("en"), z.literal("nb")]), lang: z.union([z.literal("en"), z.literal("nb")]),
@ -19,7 +19,7 @@ const projectCollection = defineCollection({
}) })
const usesCollection = defineCollection({ const usesCollection = defineCollection({
loader: glob({ pattern: "**\/*.yaml", base: "./src/content/uses" }), loader: glob({ pattern: "**/*.yaml", base: "./src/content/uses" }),
schema: z.object({ schema: z.object({
title: z.string(), title: z.string(),
accessories: z.optional(z.array(z.string())), accessories: z.optional(z.array(z.string())),