🎨 Format using Biome
This commit is contained in:
@ -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
|
||||||
|
@ -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">
|
||||||
|
@ -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">
|
||||||
|
@ -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}>
|
||||||
|
@ -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())),
|
||||||
|
Reference in New Issue
Block a user