7881032613
Replaces the scaffolding copy block. Uses the existing i18n keys the design-system showcase already exercises, with the italic emphasis switched to text-accent-soft so the warm yellow reads on the brand-green surface. Primary CTA → /shop, secondary → /anwendungen. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
1 line
2.3 KiB
JavaScript
1 line
2.3 KiB
JavaScript
import{C as e,L as t,c as n,k as r,m as i,o as a,p as o,r as s,s as c,tt as l,u,x as d}from"./runtime-core.esm-bundler-CjdnoyKJ.js";import{n as f,t as p}from"./vue-router-BrNWkU63.js";import{t as m}from"./Logo-XIYt07ns.js";import{t as h}from"./i18n-Dy4LSDvO.js";import{t as g}from"./LanguageSwitcher-SSHEwswt.js";var _={class:`h-screen flex bg-surface text-ink overflow-hidden`},v={class:`w-[260px] shrink-0 border-r border-line bg-paper flex flex-col`},y={class:`px-6 py-6 border-b border-line`},b={class:`eyebrow mt-3`},x={class:`flex-1 overflow-y-auto px-3 py-5 space-y-6`},S={class:`eyebrow px-3 mb-2`},C={class:`flex flex-col gap-0.5`},w={class:`px-6 py-4 border-t border-line`},T={class:`flex-1 overflow-y-auto`},E={__name:`DesignLayout`,setup(E){let{t:D}=h(),O=a(()=>[{title:D(`ds.sidebar.brand`),items:[{name:`ds-logo`,label:D(`ds.nav.logo`)}]},{title:D(`ds.sidebar.tokens`),items:[{name:`ds-colors`,label:D(`ds.nav.colors`)},{name:`ds-typography`,label:D(`ds.nav.typography`)},{name:`ds-radii`,label:D(`ds.nav.radii`)},{name:`ds-shadows`,label:D(`ds.nav.shadows`)}]},{title:D(`ds.sidebar.components`),items:[{name:`ds-icons`,label:D(`ds.nav.icons`)},{name:`ds-buttons`,label:D(`ds.nav.buttons`)},{name:`ds-badges`,label:D(`ds.nav.badges`)},{name:`ds-inputs`,label:D(`ds.nav.inputs`)},{name:`ds-cards`,label:D(`ds.nav.cards`)},{name:`ds-products`,label:D(`ds.nav.products`)},{name:`ds-hero`,label:D(`ds.nav.hero`)},{name:`ds-navbar`,label:D(`ds.nav.navbar`)},{name:`ds-language`,label:D(`ds.nav.language`)}]}]);return(a,h)=>(d(),u(`div`,_,[c(`aside`,v,[c(`div`,y,[i(t(p),{to:`/`,class:`block text-brand`,"aria-label":`Kaiser Natron home`},{default:r(()=>[i(m,{class:`w-16 h-auto`})]),_:1}),c(`p`,b,l(t(D)(`ds.eyebrow.designSystem`)),1)]),c(`nav`,x,[(d(!0),u(s,null,e(O.value,i=>(d(),u(`div`,{key:i.title},[c(`p`,S,l(i.title),1),c(`div`,C,[(d(!0),u(s,null,e(i.items,e=>(d(),n(t(p),{key:e.name,to:{name:e.name},class:`px-3 py-2 rounded-sm text-[14px] font-medium text-muted hover:text-brand hover:bg-brand-wash transition-colors`,"active-class":`!text-brand !bg-brand-soft-wash`},{default:r(()=>[o(l(e.label),1)]),_:2},1032,[`to`]))),128))])]))),128))]),c(`div`,w,[i(t(p),{to:`/`,class:`text-[13px] text-muted hover:text-brand transition-colors`},{default:r(()=>[o(l(t(D)(`ds.sidebar.back`)),1)]),_:1})])]),c(`main`,T,[i(t(f))]),i(g,{floating:``})]))}};export{E as default}; |