Get Intellisense with Ziggy's route helper out of the box

- Ignore Ziggy generated files
- Watch route changes in vite config with `vite-plugin-run`

Author: mondesirm

.gitignore

@@ -22,3 +22,4 @@ yarn-error.log
 /.nova
 /.vscode
 /.zed
+resources/js/ziggy.*

.prettierignore

@@ -1,3 +1,3 @@
 resources/js/components/ui/*
-resources/js/ziggy.js
+resources/js/ziggy.*
 resources/views/mail/*

package-lock.json

@@ -20,7 +20,8 @@
         "prettier": "^3.4.2",
         "prettier-plugin-organize-imports": "^4.1.0",
         "prettier-plugin-tailwindcss": "^0.6.11",
-        "typescript-eslint": "^8.23.0"
+        "typescript-eslint": "^8.23.0",
+        "vite-plugin-run": "^0.6.1"
     },
     "dependencies": {
         "@headlessui/react": "^2.2.0",

package.json

@@ -3,6 +3,7 @@ import react from '@vitejs/plugin-react';
 import laravel from 'laravel-vite-plugin';
 import { resolve } from 'node:path';
 import { defineConfig } from 'vite';
+import { run } from 'vite-plugin-run';
 
 export default defineConfig({
     plugins: [
@@ -11,6 +12,11 @@ export default defineConfig({
             ssr: 'resources/js/ssr.tsx',
             refresh: true,
         }),
+        run({
+            name: 'ziggy',
+            run: ['php', 'artisan', 'ziggy:generate', '--types-only'],
+            pattern: 'routes/**/*.php',
+        }),
         react(),
         tailwindcss(),
     ],