# Show a field error with the kit input

> The Vue starter kit already has InputError. Pass it the validation string. Do not install a second kit.

- URL: https://laravel-vuejs.space/shadcn-vue-input-error
- Author: Anass Ez-zouaine (https://laravel-vuejs.space/author/anass-ez-zouaine)
- Published: 2026-10-11
- Topics: Laravel, VueJs, Inertia

People searching “shadcn vue input error” install shadcn-vue again on top of the Laravel Vue starter kit. The kit already includes it. The [setup guide](https://laravel-vuejs.space/application-setup) says so. The string you pass is the same `form.errors.email` the [CRUD guide](https://laravel-vuejs.space/laravel-inertia-vue-crud) prints in a paragraph.

> **TL;DR**
>
> -   The Vue starter kit already has InputError.
> -   Pass it the validation string.
> -   Do not install a second kit.
> -   Do not run the shadcn CLI to “add the error component” inside this kit.
>
> **Who it's for:** Laravel + Vue developers on Inertia
>
> **Applies to:** Laravel 13 · Inertia 3 · Vue 3

## The fix

The kit’s component takes one message:

```vue
<script setup lang="ts">
import { useForm } from "@inertiajs/vue3";
import InputError from "@/components/InputError.vue";

const form = useForm({ email: "" });
</script>

<template>
  <input v-model="form.email" name="email" type="email" />
  <InputError :message="form.errors.email" />
</template>
```

`form.errors.email` is a string. It is not an array. Inertia keeps the first message for the key. If your `InputError` expects `message`, pass that string. If the import path is missing, the component file is not there yet: use the paragraph from the CRUD guide instead of adding a library.

## What to avoid

> **Gotcha**
>
> Do not run the shadcn CLI to “add the error component” inside this kit. You get a second copy of the primitives and two opinions about the field.

## FAQ

**Q: How do I show a field error with the kit input?**

The Vue starter kit already has InputError. Pass it the validation string. Do not install a second kit.

**Q: What goes wrong with shadcn vue input error?**

Many developers install shadcn-vue again on top of the Laravel Vue starter kit. Do not run the shadcn CLI to "add the error component" inside this kit.