Design review for Vue.js code.

A <div @click="open"> with no role, no tabindex, no keydown handler. Keyboard and screen reader users cannot reach it. Rams suggests the button element in one click.

An <input v-model="email"> with a placeholder standing in for a label. The hint vanishes on the first keystroke and screen readers have nothing to announce.

Body text set to #9ca3af on white is 2.5:1, under the 4.5:1 minimum. Rams computes the ratio from the real hex in your <style scoped> block and quotes the exact line.

Rams knows your token layer, so var(--color-text) is never flagged. But a one-off #3b82f6 pasted into a component drifts from the palette, and it gets called out.

A <Transition> whose .v-enter-active animates transform for 400ms with no prefers-reduced-motion guard. Users who turned motion off in their OS still get the full animation.

A purple-to-blue hero gradient, glow shadows, five identical filled buttons in one SFC. A whole craft category exists to catch layouts that look generated, not designed.