feat: generate types that match generated js

README.md

@@ -267,16 +267,6 @@ To generate route types, run the `ziggy:generate` command with the `--types` or
 php artisan ziggy:generate --types
 ```
 
-To make your IDE aware that Ziggy's `route()` helper is available globally, and to type it correctly, add a declaration like this in a `.d.ts` file somewhere in your project:
-
-```ts
-import routeFn from 'ziggy-js';
-
-declare global {
-    var route: typeof routeFn;
-}
-```
-
 If you don't have Ziggy's NPM package installed, add the following to your `jsconfig.json` or `tsconfig.json` to load Ziggy's types from your vendor directory:
 
 ```json

src/Output/Types.php

@@ -27,10 +27,14 @@ public function __toString(): string
 
         return <<<JAVASCRIPT
 /* This file is generated by Ziggy. */
+import routeFn, { type Config } from 'ziggy-js'
 declare module 'ziggy-js' {
   interface RouteList {$routes->toJson(JSON_PRETTY_PRINT)}
 }
-export {};
+declare global {
+  var route: typeof routeFn
+}
+export declare const Ziggy: Config;
 
 JAVASCRIPT;
     }

tests/fixtures/ziggy-7.d.ts

@@ -1,4 +1,5 @@
 /* This file is generated by Ziggy. */
+import routeFn, { type Config } from 'ziggy-js'
 declare module 'ziggy-js' {
   interface RouteList {
     "posts.index": [],
@@ -18,4 +19,7 @@ declare module 'ziggy-js' {
     ]
 }
 }
-export {};
+declare global {
+  var route: typeof routeFn
+}
+export declare const Ziggy: Config;

tests/fixtures/ziggy.d.ts

@@ -1,4 +1,5 @@
 /* This file is generated by Ziggy. */
+import routeFn, { type Config } from 'ziggy-js'
 declare module 'ziggy-js' {
   interface RouteList {
     "posts.index": [],
@@ -9,4 +10,7 @@
     ]
 }
 }
-export {};
+declare global {
+  var route: typeof routeFn
+}
+export declare const Ziggy: Config;