From 5f0a73920034741236034ed7a721c68eceb8ab82 Mon Sep 17 00:00:00 2001
From: Martin Kagamino Lehoux <martin@lehoux.net>
Date: Sat, 12 Sep 2026 22:24:19 +0200
Subject: Extract Row primitive, migrate all call sites

Variants card/ref/plain with scoped skin. Padding and wrap
one-offs via style prop; draggable and handlers via rest
spread. GroceryRow absorbs item-btn/ref-link globals with
local names; BestRef scopes best-ref. Delete item-* globals
and dead page overrides.
---
 src/routes/grocery/[id]/+page.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'src/routes/grocery')

diff --git a/src/routes/grocery/[id]/+page.svelte b/src/routes/grocery/[id]/+page.svelte
index 8a0a479..54134f0 100644
--- a/src/routes/grocery/[id]/+page.svelte
+++ b/src/routes/grocery/[id]/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { enhance } from '$app/forms';
 	import Button from '$lib/components/Button.svelte';
+	import Row from '$lib/components/Row.svelte';
 
 	let { data, form } = $props();
 	let name = $state('');
@@ -143,7 +144,7 @@
 	<form method="POST" action="?/delete" use:enhance>
 		<ul class="item-list item-list--wide">
 			{#each data?.references ?? [] as ref (ref.id)}
-				<li class="item-row item-row--ref">
+				<Row variant="ref">
 					<div class="ref-info">
 						<strong>{ref.reference}</strong>
 						{#if ref.price}
@@ -158,7 +159,7 @@
 					<Button variant="ghost" name="id" value={ref.id} ariaLabel="Supprimer"
 						>&times;</Button
 					>
-				</li>
+				</Row>
 			{/each}
 		</ul>
 	</form>
-- 
cgit v1.3