UxCardLink

components/ux/CardLink.vue

White card that acts as a link — border shifts to grape on hover. Renders a static card when no route is given.

Hover shifts the border to grape. Click navigates.

Scenarios

Standard index-page card with a route.

No `to` — renders a plain div without hover.

Body copy that is much longer than typical to confirm the card grows gracefully instead of clipping.

components/ux/CardLink.vue

Usage

<UxCardLink to = "—" :external = "false" > Content here </UxCardLink>

Prop	Type	Default	Description
to	String	''	Route; omit for a static non-hover card
external	Boolean	false	Render as a plain <a> (for API/server routes)

Slot	Description
default	Card content — compose title, description, badges