Cookbook with Vue 3 & Cooklang
A cookbook repository for Cooklang files made with Nuxt 3, Vue 3 and Pinia.
07 ∕ 04 ∕ 2024Today I made a little cookbook site for myself. It gave me a chance to finally get stuck into Cooklang and Pinia.
Alongside Cooklang, I added a shopping list feature and you can do a basic search as well.
It’s live here: https://cookbook.wray.pro/
And the source is here: https://github.com/2xAA/cookbook
Cooklang is a markup language for recipes, it has been on my radar for quite some time.
This is a recipe for baked potatoes:
>> course: dinner
>> vegan: true
>> time: 80
>> source: https://www.bbcgoodfood.com/recipes/classic-jacket-potatoes
Heat the #oven{} to 220°C / 200°C fan / gas 7.
Rub @olive oil{} and @salt{} over @baking potatoes (large){} and put directly on the top shelf of the oven. Bake for ~{20%minutes}.
Turn down the oven to 190C / 170°C fan / gas 5 and bake for ~{45%minutes} up to an hour, until the skin is crisp and the flesh soft.
Cut a cross on top of each potato, squeeze the sides, add the soured cream and your favourite toppings.My cookbook renders it like so: https://cookbook.wray.pro/recipe/Classic%20Jacket%20Potatoes