Two fixes:
- Bring back savedPosition handling in scrollBehavior so /shop ⇄
/shop/<slug> back-nav restores the previous scroll y.
- Add a route.hash watcher in HomePage that calls scrollIntoView with
smooth behaviour. Vue Router's scrollBehavior alone wasn't reliably
firing for same-route hash navigations, so this catches them
explicitly. Also handles direct /#bundles deep-links via immediate.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
The Navbar's primary, secondary, mobile and logo links were plain
<a href> tags, which triggered full-page reloads instead of SPA
navigation — Vue Router's scrollBehavior never ran. Switching them
to RouterLink keeps the user inside the SPA so the smooth-scroll
behaviour for /#bundles, /#revitalize, /#about kicks in.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Anchor links like /#bundles, /#revitalize, /#about now smooth-scroll
to their target instead of jumping. Reverts the earlier instant-jump
choice — for the homepage nav, the animation is the desired feedback.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Anchor links (e.g. /#bundles) still scroll to their target section.
Back/forward navigation now lands at the top of the destination
instead of restoring the previous scroll y, for predictable arrivals.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Previous commit (9177c79) updated public/ source images and HomePage
but forgot to rebuild dist/. Portainer deploys from committed dist/,
so the new hero images never reached the stack.
Swap lingering "Python/MySQL" wording for "PHP / MySQL" across the
README, `src/api/` seam, the Pinia cart store, and the cart contract
doc. Add endpoint specs for checkout (Stripe handoff + webhook),
orders, and customers so the full plug-in surface is documented in
the same style as cart.md.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Pulled from the live site
(typo3conf/ext/gmsite_kaiser/Resources/Public/Images/favicon.png).
Replaces the placeholder K-on-brand SVG.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Set --color-brand to #006548 and cascade every green-tinted token
(hover/soft/float, ink, muted, line, washes, accent-ink, success,
shadows) off it through color-mix(). Retuning the brand is now a
single-variable change.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Replace inline circular-button markup and duplicated Badge classes with
first-class design-system components so every affordance is globally
controllable:
- IconButton (float / accent / cream-wash / brand-wash × sm / md / lg)
with optional count overlay; raised variants get the hover-lift
animation, flat variants keep transition-colors. No visual change.
- Badge gains an `as` prop so the search 'Clear' affordance renders as
a button with the exact same typography/pill.
- Navbar mobile search/menu + overlay close, and the search overlay's
mobile floating close, now use IconButton.
Cart icon buttons left inline for now — they combine size-specific
shadow with the count overlay and deserve a follow-up consolidation
once we add a shadow prop to IconButton.
Applies to navbar mobile search + menu and the search overlay close —
one step lighter than brand so shadow-lg actually reads. Clear pill
label trimmed to just 'Clear' / 'Löschen'.
Keeps the small-badge typography (px/py/radius/weight/tracking) but
renders "CLEAR" in accent text so it reads as an inline affordance
rather than a filled chip.
Revert mobile search/menu/close floaters to bg-brand text-accent with
shadow-lg — the cream-wash fill blended into the brand surface. Replace
the browser's native search cancel with a yellow accent-style badge
reading "clear", matching the small-badge typography.
Match the overlay menu's close button: subtle translucent fill on brand
green with a yellow icon. Drops the flat brand-on-brand buttons whose
shadows didn't read on a green page.
Adds a client-side fuzzy product search to the design system:
- `src/api/products.js`: fixture catalogue (22 products across the Kaiser
Natron, Holste, Gazelle, Grüne Tante and Linda ranges) plus a scored,
diacritic-folded search (ß→ss, ä→ae, NFKD) with weighted fields
(title 5, brand/keywords 3, size/category 2, id 1) and prefix bonus.
- `Search.vue`: tone-driven (brand/paper/cream) full-screen overlay on
mobile, centered modal on md+. Auto-focus, arrow-key nav, Enter/Esc,
suggested-products empty state, keyboard-hint footer on desktop, safe-
area aware, scroll-locks the document while open.
- Navbar now hosts two triggers: a pill-shaped "Search products"
lookalike (desktop, in the same LanguageSwitcher-style container) and
a green/accent shadow-sm floating button bottom-left on mobile. Both
open the same overlay.
- HomePage feeds the products list into Navbar.
- Design-system showcase (`/design/search`) with live demo + canned
result preview + usage snippet. Sidebar + mobile bottom-nav entries
and DE/EN i18n added.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
