improve types

resources/js/Pages/Artists/Components/Form/PhotoForm.svelte

@@ -5,10 +5,11 @@
 	import type { EditPhotoResource, ArtistPhotoCrop } from '@/types/artists';
 	import Cropper, { type CropValue } from '@/Components/Cropper.svelte';
 	import Label from '@/Components/Form/Label.svelte';
+	import type { Writable } from 'svelte/store';
 
 	let { currentPhoto, form }: {
 		currentPhoto: EditPhotoResource | null;
-		form: InertiaForm<{
+		form: Writable<InertiaForm<{
 			photo: {
 				file: File | null;
 				url: string | null;
@@ -17,7 +18,7 @@
 				source: string | null;
 				grayscale: boolean;
 			};
-		}>;
+		}>>;
 	} = $props();
 
 	let activePicker: Picker = $state({ type: 'current' });

resources/js/Pages/Tales/Components/Form/ActorsForm.svelte

@@ -1,11 +1,12 @@
 <script lang="ts">
 	import { tick } from 'svelte';
+	import type { Writable } from 'svelte/store';
 	import { type InertiaForm } from '@inertiajs/svelte';
 	import randomKey from '@/helpers/randomKey';
 	import ArtistPicker from '@/Components/ComboBox/ArtistPicker.svelte';
 
 	let { form }: {
-		form: InertiaForm<{
+		form: Writable<InertiaForm<{
 			actors: Array<{
 				artist: string;
 				characters: string | null;
@@ -15,7 +16,7 @@
 				noTransitions: boolean;
 				hasDeletedElement: null | 'above' | 'below';
 			}>;
-		}>;
+		}>>;
 	} = $props();
 
 	function addActor() {

resources/js/Pages/Tales/Components/Form/CoverForm.svelte

@@ -1,15 +1,16 @@
 <script lang="ts">
+	import type { Writable } from 'svelte/store';
 	import { type InertiaForm } from '@inertiajs/svelte';
 	import prettyBytes from 'pretty-bytes';
 	import type { CoverResource } from '@/types/tales';
 	import Label from '@/Components/Form/Label.svelte';
 
 	let { currentCover, form, action }: {
 		currentCover: CoverResource | null;
-		form: InertiaForm<{
+		form: Writable<InertiaForm<{
 			removeCover: boolean;
 			cover: File | null;
-		}>;
+		}>>;
 		action: 'create' | 'edit';
 	} = $props();
 

resources/js/Pages/Tales/Components/Form/CreditsForm.svelte

@@ -1,20 +1,21 @@
 <script lang="ts">
+	import type { Writable } from 'svelte/store';
 	import { type InertiaForm } from '@inertiajs/svelte';
 	import type { CreditType } from '@/types/tales';
 	import { creditLabels } from '@/helpers/creditLabels';
 	import randomKey from '@/helpers/randomKey';
 	import ArtistPicker from '@/Components/ComboBox/ArtistPicker.svelte';
 
 	let { form }: {
-		form: InertiaForm<{
+		form: Writable<InertiaForm<{
 			credits: Array<{
 				artist: string;
 				type: CreditType;
 				as: string | null;
 				nr: number | null;
 				key: string;
 			}>;
-		}>;
+		}>>;
 	} = $props();
 
 	function addCredit() {

resources/js/types/inertia.d.ts

@@ -35,15 +35,15 @@ declare module '@inertiajs/svelte' {
 	>;
 	export const page: Readable<Page>;
 	export function remember<T>(initialState: T, key: string): Writable<T>;
-	export function useForm<TForm extends FormDataType>(data: TForm | (() => TForm)): InertiaForm<TForm>;
+	export function useForm<TForm extends FormDataType>(data: TForm | (() => TForm)): Writable<InertiaForm<TForm>>;
 	export function useForm<TForm extends FormDataType>(
 		rememberKey: string,
 		data: TForm | (() => TForm),
-	): InertiaForm<TForm>;
+	): Writable<InertiaForm<TForm>>;
 	export function useForm<TForm extends FormDataType>(
 		rememberKeyOrData: string | TForm | (() => TForm),
 		maybeData?: TForm | (() => TForm),
-	): InertiaForm<TForm>;
+	): Writable<InertiaForm<TForm>>;
 
 	type FormDataType = object;
 
@@ -73,5 +73,5 @@ declare module '@inertiajs/svelte' {
 		cancel(): void;
 	}
 
-	export type InertiaForm<TForm extends FormDataType> = Writable<TForm & InertiaFormProps<TForm>>;
+	export type InertiaForm<TForm extends FormDataType> = TForm & InertiaFormProps<TForm>;
 }