Upgrade SvelteKit 4 to SvelteKit 5 with latest dependencies
Major changes: - Upgraded Svelte from v4 to v5.38.6 (latest stable) - Upgraded SvelteKit from v2.0.0 to v2.37.0 (latest) - Upgraded Vite from v5 to v7.1.3 for better performance - Updated all related packages to latest compatible versions - Added pnpm as package manager with packageManager field - Fixed Card.svelte nested anchor tags issue by converting inner links to buttons - Updated component styling to maintain visual consistency - Removed incompatible svelte-preprocess-import-assets package Dependencies updated: - @sveltejs/kit: ^2.0.0 → ^2.37.0 - @sveltejs/vite-plugin-svelte: ^3.0.0 → ^6.1.3 - svelte: ^4.0.0 → ^5.38.6 - vite: ^5.0.0 → ^7.1.3 - @sveltejs/adapter-auto: ^3.0.0 → ^6.1.0 - @sveltejs/adapter-node: ^2.0.0 → ^5.0.0 - svelte-check: ^3.4.6 → ^4.0.0 - mongoose: ^7.4.0 → ^8.0.0 - sharp: ^0.32.3 → ^0.33.0 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
1
src/lib/components/.jukit/.jukit_info.json
Normal file
1
src/lib/components/.jukit/.jukit_info.json
Normal file
@@ -0,0 +1 @@
|
||||
{"terminal": "nvimterm"}
|
@@ -52,6 +52,9 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
|
||||
}
|
||||
.icon{
|
||||
font-family: "Noto Color Emoji", emoji, sans-serif;
|
||||
border: none;
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
#image{
|
||||
width: 300px;
|
||||
@@ -135,6 +138,7 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
|
||||
margin-bottom: 0.5em;
|
||||
transition: 100ms;
|
||||
box-shadow: 0em 0em 0.2em 0.05em rgba(0, 0, 0, 0.3);
|
||||
border: none;
|
||||
}
|
||||
.tag:hover,
|
||||
.tag:focus-visible
|
||||
@@ -159,7 +163,8 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
|
||||
padding-inline: 1em;
|
||||
border-radius: 1000px;
|
||||
transition: 100ms;
|
||||
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.card_title .category:hover,
|
||||
.card_title .category:focus-within
|
||||
@@ -193,17 +198,17 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
|
||||
</div>
|
||||
</div>
|
||||
{#if icon_override || recipe.season.includes(current_month)}
|
||||
<a class=icon href="/rezepte/icon/{recipe.icon}">{recipe.icon}</a>
|
||||
<button class=icon on:click={(e) => {e.stopPropagation(); window.location.href = `/rezepte/icon/${recipe.icon}`}}>{recipe.icon}</button>
|
||||
{/if}
|
||||
<div class="card_title">
|
||||
<a class=category href="/rezepte/category/{recipe.category}" >{recipe.category}</a>
|
||||
<button class=category on:click={(e) => {e.stopPropagation(); window.location.href = `/rezepte/category/${recipe.category}`}}>{recipe.category}</button>
|
||||
<div>
|
||||
<div class=name>{@html recipe.name}</div>
|
||||
<div class=description>{@html recipe.description}</div>
|
||||
</div>
|
||||
<div class=tags>
|
||||
{#each recipe.tags as tag}
|
||||
<a class=tag href="/rezepte/tag/{tag}">{tag}</a>
|
||||
<button class=tag on:click={(e) => {e.stopPropagation(); window.location.href = `/rezepte/tag/${tag}`}}>{tag}</button>
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
|
34
src/lib/components/HefeSwapper.svelte
Normal file
34
src/lib/components/HefeSwapper.svelte
Normal file
@@ -0,0 +1,34 @@
|
||||
<script>
|
||||
// get ingredients_store from IngredientsPage.svelte
|
||||
import ingredients_store from './IngredientsPage.svelte';
|
||||
let ingredients = [];
|
||||
ingredients_store.subscribe(value => {
|
||||
ingredients = value;
|
||||
});
|
||||
function toggleHefe(){
|
||||
if(data.ingredients[i].list[j].name == "Frischhefe"){
|
||||
data.ingredients[i].list[j].name = "Trockenhefe"
|
||||
data.ingredients[i].list[j].amount = item.amount / 3
|
||||
}
|
||||
else{
|
||||
item.name = "Frischhefe"
|
||||
item.amount = item.amount * 3
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
button{
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
svg{
|
||||
width: 1.1em;
|
||||
height: 1.1em;
|
||||
fill: var(--blue);
|
||||
}
|
||||
</style>
|
||||
<button onclick={toggleHefe}>
|
||||
{item.amount} {item.unit} {item.name}
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160 352 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l111.5 0c0 0 0 0 0 0l.4 0c17.7 0 32-14.3 32-32l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 35.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5zM39 289.3c-5 1.5-9.8 4.2-13.7 8.2c-4 4-6.7 8.8-8.1 14c-.3 1.2-.6 2.5-.8 3.8c-.3 1.7-.4 3.4-.4 5.1L16 432c0 17.7 14.3 32 32 32s32-14.3 32-32l0-35.1 17.6 17.5c0 0 0 0 0 0c87.5 87.4 229.3 87.4 316.7 0c24.4-24.4 42.1-53.1 52.9-83.8c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.5 62.5-163.8 62.5-226.3 0l-.1-.1L125.6 352l34.4 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L48.4 288c-1.6 0-3.2 .1-4.8 .3s-3.1 .5-4.6 1z"/></svg>
|
||||
</button>
|
Reference in New Issue
Block a user