fn main() {
    let greeting = "Hello, world!";
    let count: u32 = 42;
    println!("{} ({})", greeting, count);

    let nums = vec![1, 2, 3];
    let sum: u32 = nums.iter().sum();
    println!("sum = {}", sum);
}

import { useEffect, useState } from 'react'
import type { ReactNode } from 'react'

const PI = 3.14159
const ENABLED = true

interface Greeter<T extends string> {
  readonly name: T
  greet(loud?: boolean): string
}

export function Counter({ count = 0 }: { count?: number }) {
  const [n, setN] = useState<number>(count)
  useEffect(() => { console.log('mounted') }, [])
  return <button onClick={() => setN((c) => c + 1)}>Clicked {n} times</button>
}

{
  "name": "test/system",
  "version": "6.0.5",
  "private": false,
  "dependencies": { "shiki": "^3.13.0", "react": "^19.0.0" }
}

---
service: &svc web-api
config:
  enabled: true
  retries: 3
  hosts:
    - example.com
    - 127.0.0.1
fallback: *svc

title = "Example"
enabled = true
retries = 3
created = 2026-04-17T08:00:00Z

[server]
host = "example.com"
port = 8080

:root {
  --brand: #ff6785;
}

.button[data-variant="primary"]:hover {
  color: var(--brand);
  padding: 8px 12px;
  background: linear-gradient(90deg, #08f 0%, #80f 100%);
}

--- a/file.ts
+++ b/file.ts
@@ -1,4 +1,4 @@
 export function greet(name) {
-  return "hi " + name
+  return `hello ${name}`
 }

# Heading 1
## Heading 2

A paragraph with **bold**, *italic*, and `inline code`.

> A blockquote.

- list item one
- list item two

package main

import "fmt"

type Server struct {
	Host string
	Port int
}

func main() {
	s := Server{Host: "localhost", Port: 8080}
	fmt.Printf("server on %s:%d\n", s.Host, s.Port)
}