@@ -106,21 +106,31 @@ async function handlePngDownload(logo: (typeof logos)[number]) {
106106 />
107107 </div >
108108 <div class =" flex items-center justify-between" >
109- <span class =" text-xs text-fg-subtle font-mono" >{{ $t('brand.logos.on_dark') }}</span >
109+ <span class =" text-xs text-fg-subtle font-mono" >{{
110+ $t('brand.logos.on_dark')
111+ }}</span >
110112 <div class =" flex items-center gap-2" >
111113 <a
112114 :href =" logo.src"
113115 :download =" logo.src.replace('/', '')"
114116 class =" inline-flex items-center gap-1 text-xs font-mono text-fg-muted border border-border rounded-md px-2.5 py-1 hover:bg-bg-muted hover:text-fg transition-colors duration-200 no-underline focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-bg"
115- :aria-label =" $t('brand.logos.download_svg_aria', { name: `${logo.name()} (${$t('brand.logos.on_dark')})` })"
117+ :aria-label ="
118+ $t('brand.logos.download_svg_aria', {
119+ name: `${logo.name()} (${$t('brand.logos.on_dark')})`,
120+ })
121+ "
116122 >
117123 <span class =" i-lucide:download w-3.5 h-3.5" aria-hidden =" true" />
118124 {{ $t('brand.logos.download_svg') }}
119125 </a >
120126 <ButtonBase
121127 size =" sm"
122128 classicon =" i-lucide:download"
123- :aria-label =" $t('brand.logos.download_png_aria', { name: `${logo.name()} (${$t('brand.logos.on_dark')})` })"
129+ :aria-label ="
130+ $t('brand.logos.download_png_aria', {
131+ name: `${logo.name()} (${$t('brand.logos.on_dark')})`,
132+ })
133+ "
124134 :disabled =" pngLoading.has(logo.src)"
125135 @click =" handlePngDownload(logo)"
126136 >
@@ -149,21 +159,31 @@ async function handlePngDownload(logo: (typeof logos)[number]) {
149159 />
150160 </div >
151161 <div class =" flex items-center justify-between" >
152- <span class =" text-xs text-fg-subtle font-mono" >{{ $t('brand.logos.on_light') }}</span >
162+ <span class =" text-xs text-fg-subtle font-mono" >{{
163+ $t('brand.logos.on_light')
164+ }}</span >
153165 <div class =" flex items-center gap-2" >
154166 <a
155167 :href =" logo.src"
156168 :download =" logo.src.replace('/', '')"
157169 class =" inline-flex items-center gap-1 text-xs font-mono text-fg-muted border border-border rounded-md px-2.5 py-1 hover:bg-bg-muted hover:text-fg transition-colors duration-200 no-underline focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-bg"
158- :aria-label =" $t('brand.logos.download_svg_aria', { name: `${logo.name()} (${$t('brand.logos.on_light')})` })"
170+ :aria-label ="
171+ $t('brand.logos.download_svg_aria', {
172+ name: `${logo.name()} (${$t('brand.logos.on_light')})`,
173+ })
174+ "
159175 >
160176 <span class =" i-lucide:download w-3.5 h-3.5" aria-hidden =" true" />
161177 {{ $t('brand.logos.download_svg') }}
162178 </a >
163179 <ButtonBase
164180 size =" sm"
165181 classicon =" i-lucide:download"
166- :aria-label =" $t('brand.logos.download_png_aria', { name: `${logo.name()} (${$t('brand.logos.on_light')})` })"
182+ :aria-label ="
183+ $t('brand.logos.download_png_aria', {
184+ name: `${logo.name()} (${$t('brand.logos.on_light')})`,
185+ })
186+ "
167187 :disabled =" pngLoading.has(logo.src)"
168188 @click =" handlePngDownload(logo)"
169189 >
0 commit comments