shadcn-vue-inertia
Installation
SKILL.md
shadcn-vue for Inertia Rails
shadcn-vue patterns adapted for Inertia.js + Rails + Vue 3. NOT Nuxt.
Before using a shadcn-vue example, ask:
- Does it use Nuxt-specific APIs? (
useRouter,useFetch,<NuxtLink>) → Replace with Inertiarouter, server props,<Link> - Does it use
vee-validate+zod? → Replace with Inertia<Form>+nameattributes. Inertia handles CSRF, errors, redirects, processing state.
Key Differences from Nuxt Defaults
| shadcn-vue default (Nuxt) | Inertia equivalent |
|---|---|
useFetch / useAsyncData |
Server-rendered props via controller |
useRouter() (Nuxt) |
router from @inertiajs/vue3 |
<NuxtLink> |
<Link> from @inertiajs/vue3 |
vee-validate + zod |
Inertia <Form> component |
FormField, FormItem, FormMessage |
Plain <Input name="..."> + errors.field |
useHead() (Nuxt) |
<Head> from @inertiajs/vue3 |
Related skills