Arguseye: Vue component previews that keep unresolved props visible

[DarkWorldCoder]

A Vue component can render without errors while still missing a required prop.

I’m the maker of Arguseye. It previews existing Vue single-file components for coding agents and VS Code, using the project’s Vue compiler and runtime in Chromium, without starting the application or writing stories.

Here are two call sites from an installed Vue-only fixture:

<Tile title="Desk Lamp" :price="12" />
<Tile :title="name" :price="5" />

The first resolves to { title: "Desk Lamp", price: 12 } and renders completely. The second resolves the price but does not evaluate the identifier name. Its render returns:

{
  "errors": [],
  "complete": false,
  "unresolved": [":title=\"name\""]
}

The warning also names the missing required title. An agent can then provide the value explicitly instead of treating the incomplete preview as a finished check. This result was verified with the released 0.0.10 package in a fixture with Vue installed and no React.

Discover your own component’s usages with:

npx @ayushniroula/arguseye@0.0.10 usages src/components/Card.vue

The renderer also supports scoped styles, CSS modules and baseline comparisons. Vue template/style live updates preserve state; script edits remount and report the reset. These are isolated browser checks, not full Nuxt or backend integration tests.

Requires Node.js 22+, Chromium and your project’s packages. MIT source and setup: https://github.com/DarkWorldCoder/arguseye

Feedback on a minimal component that exposes missing context would be useful.