Testing Syntax Highlighting

Now we have proper syntax highlighting with rehype!

JavaScript Example

function fibonacci(n) {
  if (n <= 1) return n
  return fibonacci(n - 1) + fibonacci(n - 2)
}

console.log(fibonacci(10))

TypeScript Example

interface User {
  id: number
  name: string
  email: string
}

const getUser = async (id: number): Promise<User> => {
  const response = await fetch(`/api/users/${id}`)
  return response.json()
}

Python Example

def quick_sort(arr):
    if len(arr) <= 1:
        return arr
    pivot = arr[len(arr) // 2]
    left = [x for x in arr if x < pivot]
    middle = [x for x in arr if x == pivot]
    right = [x for x in arr if x > pivot]
    return quick_sort(left) + middle + quick_sort(right)

CSS Example

.button {
  background: linear-gradient(to right, #667eea, #764ba2);
  border-radius: 0.5rem;
  padding: 0.75rem 1.5rem;
  transition: transform 0.2s;
}

.button:hover {
  transform: scale(1.05);
}

Pretty cool, right?