recipe: add Pea Soup recipe (#6)

Author: gameroman

biome.json

@@ -0,0 +1,4 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.4.10/schema.json",
+  "extends": ["@gameroman/config/biome"]
+}

biome.jsonc

@@ -14,12 +14,12 @@
   },
   "dependencies": {
     "@astrojs/starlight": "^0.38.2",
-    "astro": "^6.0.8"
+    "astro": "^6.1.2"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.4.8",
-    "@gameroman/config": "^0.0.3",
-    "wrangler": "^4.76.0"
+    "@biomejs/biome": "2.4.10",
+    "@gameroman/config": "^0.0.5",
+    "wrangler": "^4.79.0"
   },
   "overrides": {
     "esbuild": "^0.27.4"

bun.lock

@@ -1,15 +1,30 @@
 ---
+type Unit = ("g" | "kg" | "г" | "кг" | "litres" | "литров") | (string & {});
+
+interface AmountRange {
+  from: number;
+  to: number;
+}
+
 interface Ingredient {
   name: string;
-  amount: string | number;
-  unit?: string;
+  amount: number | AmountRange;
+  unit?: Unit;
 }
 
 interface Props {
   items: Ingredient[];
 }
 
 const { items } = Astro.props;
+
+function getAmount(amount: string | number | AmountRange, unit?: Unit): string {
+  if (typeof amount === "string" || typeof amount === "number") {
+    return `${amount} ${unit || ""}`;
+  }
+
+  return `${amount.from} - ${amount.to} ${unit || ""}`;
+}
 ---
 
 <section class="ingredients-container">
@@ -19,9 +34,7 @@ const { items } = Astro.props;
           <label class="ingredient-label">
             <input type="checkbox" class="ingredient-checkbox" />
             <span class="ingredient-text">
-              <span class="amount">
-                {item.amount} {item.unit || ""}
-              </span>
+              <span class="amount">{getAmount(item.amount, item.unit)}</span>
               {item.name}
             </span>
           </label>
@@ -55,6 +68,7 @@ const { items } = Astro.props;
   align-items: center;
   padding: 0.75rem 1rem;
   cursor: pointer;
+  margin: 0;
   border-bottom: 1px solid var(--sl-color-hairline);
   transition: background-color 0.2s ease;
 }

package.json

@@ -3,11 +3,11 @@ title: Fried Eggs
 description: How to make Fried Eggs.
 ---
 
-import RecipeIngredients from "#components/RecipeIngredients.astro";
+import Ingredients from "#components/RecipeIngredients.astro";
 
 ## Ingredients
 
-<RecipeIngredients items={[{ name: "Eggs", amount: 2 }]} />
+<Ingredients items={[{ name: "Eggs", amount: 2 }]} />
 
 ## Instructions
 

src/components/RecipeIngredients.astro

@@ -0,0 +1,28 @@
+---
+title: Pea Soup
+description: How to make Pea Soup.
+---
+
+import Ingredients from "#components/RecipeIngredients.astro";
+
+## Ingredients
+
+<Ingredients
+  items={[
+    { name: "Water", amount: 5, unit: "litres" },
+    { name: "Smoked Pork Ribs", amount: 1, unit: "kg" },
+    { name: "Peas", amount: 400, unit: "g" },
+    { name: "Carrots", amount: 2 },
+    { name: "Potatoes", amount: 4 },
+    { name: "Onions", amount: 2 },
+  ]}
+/>
+
+## Instructions
+
+1. Place the smoked ribs in a pot with the water and begin cooking.
+2. Peel and chop the carrots, potatoes, and onions.
+3. Sauté the onions and carrots in a pan, then add them to the pot.
+4. Cover the pot with a lid and simmer on low heat for 1.5 to 2 hours.
+5. Add the peas to the pot and simmer for another hour.
+6. Add the potatoes and simmer for a final 30 to 50 minutes until tender.

src/content/docs/recipes/fried-eggs.mdx

@@ -3,11 +3,11 @@ title: Яичница
 description: Как приготовить яичницу.
 ---
 
-import RecipeIngredients from "#components/RecipeIngredients.astro";
+import Ingredients from "#components/RecipeIngredients.astro";
 
 ## Ингредиенты
 
-<RecipeIngredients items={[{ name: "Яйца", amount: 2 }]} />
+<Ingredients items={[{ name: "Яйца", amount: 2 }]} />
 
 ## Рецепт
 

src/content/docs/recipes/pea-soup.mdx

@@ -0,0 +1,28 @@
+---
+title: Гороховый суп
+description: Как приготовить гороховый суп.
+---
+
+import Ingredients from "#components/RecipeIngredients.astro";
+
+## Ингредиенты
+
+<Ingredients
+  items={[
+    { name: "Кастрюля с водой", amount: 5, unit: "литров" },
+    { name: "Копченые свиные ребрышки", amount: 1, unit: "кг" },
+    { name: "Горох", amount: 400, unit: "г" },
+    { name: "Морковь", amount: 2 },
+    { name: "Картошка", amount: 4 },
+    { name: "Лук", amount: 2 },
+  ]}
+/>
+
+## Рецепт
+
+1. Поставить варить ребрышки
+2. Почистить и порезать морковь, картошку и лук.
+3. Обжарить лук и морковь, добавить их в кастрюлю
+4. Накрыть кастрюлю крышкой и оставить на слабом огне вариться на 1.5 - 2 часа
+5. Добавить горох, и варить ещё час
+6. Добавить картошку, и варить ещё 30-50 минут