Add globals.d.ts file to Playgrounds (#2637)

* Add `globals.d.ts` file to Playgrounds

* Update Layout.tsx

Author: pascalbaljet

playgrounds/react/resources/js/Components/Layout.tsx

@@ -1,7 +1,7 @@
 import { Link, usePage } from '@inertiajs/react'
 
 export default function Layout({ children, padding = true }: { children: React.ReactNode; padding?: boolean }) {
-  const { appName } = usePage<{ appName: string }>().props
+  const { appName } = usePage().props
 
   return (
     <>

playgrounds/react/resources/js/types/globals.d.ts

@@ -0,0 +1,9 @@
+import '@inertiajs/core'
+
+declare module '@inertiajs/core' {
+  export interface InertiaConfig {
+    sharedPageProps: {
+      appName: string
+    }
+  }
+}

playgrounds/svelte4/resources/js/types/globals.d.ts

@@ -0,0 +1,9 @@
+import '@inertiajs/core'
+
+declare module '@inertiajs/core' {
+  export interface InertiaConfig {
+    sharedPageProps: {
+      appName: string
+    }
+  }
+}

playgrounds/svelte5/resources/js/types/globals.d.ts

@@ -0,0 +1,9 @@
+import '@inertiajs/core'
+
+declare module '@inertiajs/core' {
+  export interface InertiaConfig {
+    sharedPageProps: {
+      appName: string
+    }
+  }
+}

playgrounds/vue3/resources/js/types/globals.d.ts

@@ -0,0 +1,9 @@
+import '@inertiajs/core'
+
+declare module '@inertiajs/core' {
+  export interface InertiaConfig {
+    sharedPageProps: {
+      appName: string
+    }
+  }
+}

playgrounds/vue3/tsconfig.json

@@ -11,5 +11,5 @@
     "noEmit": true,
     "skipLibCheck": true
   },
-  "include": ["resources/js/**/*.ts", "resources/js/**/*.d.ts", "src/**/*.vue"]
+  "include": ["resources/js/**/*.ts", "resources/js/**/*.d.ts", "resources/js/**/*.vue"]
 }