UNPKG

vite-plugin-ziggy

Version:

Vite plugin for Ziggy

63 lines (50 loc) 2.22 kB
# Ziggy Vite Plugin > Vite plugin for generating Ziggy route types automatically when your route files change ```sh npm i -D vite-plugin-ziggy ``` ## Usage After you installed `vite-plugin-ziggy` add it to your Vite configuration like so: ```ts import { defineConfig } from 'vite'; ... import ziggy from 'vite-plugin-ziggy'; export default defineConfig({ plugins: [ ... ziggy({ sail: true, // Uses Sail instead of PHP group: 'api', url: 'http://laravel-app.test', only: ['admin.*'], except: ['debugbar.*'], }), ], }); ``` Then just add the types to `tsconfig.json`: ```json { "compilerOptions": { ..., "types": [ "vite/client", "vite-plugin-ziggy/routes" ] } } ``` After that, every time you make a change to any routes in `routes/` This plugin will auto generate your route types for Ziggy's `route()` to auto complete for you. ### Configuration This plugin allows you to set the following configuration: | Key | Description | Required | Default | | ----------- | ----------------------------------------------- | -------- | --------------------------------------- | | `path` | The path to output the types file | ❌ No | `node_modules/vite-plugin-ziggy/routes` | | `only` | Include _ONLY_ these routes | ❌ No | `[]` | | `except` | All routes _EXCEPT_ these | ❌ No | `[]` | | `sail` | Use `sail` instead of the `php` command | ❌ No | `false` | | `group` | Route group to generate | ❌ No | `undefined` (not set by default) | | `url` | The application URL | ❌ No | `undefined` (not set by default) | | `types` | Generate TypeScript declaration file | ❌ No | `true` | | `typesOnly` | Generate _only_ the TypeScript declaration file | ❌ No | `true` |