@nuxt/ui
Version:
A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.
41 lines • 1.31 kB
text/typescript
export default {
"slots": {
"root": "relative",
"container": "flex flex-col mx-auto max-w-2xl",
"header": "",
"meta": "flex items-center gap-3 mb-2",
"date": "text-sm/6 text-toned truncate",
"badge": "",
"title": "relative text-xl text-pretty font-semibold text-highlighted",
"description": "text-base text-pretty text-muted mt-1",
"imageWrapper": "relative overflow-hidden rounded-lg aspect-[16/9] mt-5 group/changelog-version-image",
"image": "object-cover object-top w-full h-full",
"authors": "flex flex-wrap gap-x-4 gap-y-1.5",
"footer": "border-t border-default pt-5 flex items-center justify-between",
"indicator": "absolute start-0 top-0 w-32 hidden lg:flex items-center justify-end gap-3 min-w-0",
"dot": "size-4 rounded-full bg-default ring ring-default flex items-center justify-center my-1",
"dotInner": "size-2 rounded-full bg-primary"
},
"variants": {
"body": {
"false": {
"footer": "mt-5"
}
},
"badge": {
"false": {
"meta": "lg:hidden"
}
},
"to": {
"true": {
"image": "transform transition-transform duration-200 group-hover/changelog-version-image:scale-105"
}
},
"hidden": {
"true": {
"date": "lg:hidden"
}
}
}
}