AI Generated This Vue View. I Had to Fix It.

Описание: I generated this entire Vue view for my SaaS using AI.

At first glance, it looked fine. It worked.
But once I reviewed the code, I realized I wouldn’t ship it.

In this video, I go through what AI got wrong when generating frontend code for a real project:

Too many computed properties
Reimplementing shared components
Duplicated SVGs instead of using existing icon components
Overengineered logic for simple problems
Code that works, but isn’t maintainable

AI is great for fast prototyping.
But architecture, reuse, and maintainability still require developer judgment.

This is part of my “Building a SaaS” series where I document real decisions while building with Vue.

Timeline

00:00 – AI generated this view (but I wouldn’t ship it)
00:33 – Too many computed properties for simple logic
01:00 – AI leaves structural artifacts in the code
01:41 – Reimplementing collapsible instead of using shared component
02:29 – Inline SVG instead of using existing icon system
03:08 – Strange positioning hacks vs clean layout logic
03:40 – Unnecessary transitions and extra code
04:20 – Overengineered demographics computed example
05:15 – Final verdict: fast, but not maintainable
05:50 – How I’ll use AI going forward (build patterns first)

Building in public. Real code. Real trade-offs.