async attribute for link

Author: joetannenbaum

packages/react/src/Link.ts

@@ -32,6 +32,7 @@ interface BaseInertiaLinkProps {
   onSuccess?: () => void
   onError?: () => void
   queryStringArrayFormat?: 'indices' | 'brackets'
+  async: boolean
 }
 
 export type InertiaLinkProps = BaseInertiaLinkProps &
@@ -53,6 +54,7 @@ const Link = forwardRef<unknown, InertiaLinkProps>(
       except = [],
       headers = {},
       queryStringArrayFormat = 'brackets',
+      async = false,
       onClick = noop,
       onCancelToken = noop,
       onBefore = noop,
@@ -82,6 +84,7 @@ const Link = forwardRef<unknown, InertiaLinkProps>(
             only,
             except,
             headers,
+            async,
             onCancelToken,
             onBefore,
             onStart,
@@ -103,6 +106,7 @@ const Link = forwardRef<unknown, InertiaLinkProps>(
         only,
         except,
         headers,
+        async,
         onClick,
         onCancelToken,
         onBefore,

packages/svelte/src/lib/components/Link.svelte

@@ -14,6 +14,7 @@
   export let except: string[] = []
   export let headers: Record<string, string> = {}
   export let queryStringArrayFormat: 'brackets' | 'indices' = 'brackets'
+  export let async: boolean = false
 
   beforeUpdate(() => {
     if (as === 'a' && method.toLowerCase() !== 'get') {
@@ -38,6 +39,7 @@
     except,
     headers,
     queryStringArrayFormat,
+    async,
   }}
   {...as === 'a' ? { href } : {}}
   {...$$restProps}

packages/vue2/src/link.ts

@@ -29,6 +29,7 @@ export interface InertiaLinkProps {
   onCancel?: () => void
   onSuccess?: () => void
   queryStringArrayFormat?: 'brackets' | 'indices'
+  async: boolean
 }
 
 type InertiaLink = FunctionalComponentOptions<InertiaLinkProps>
@@ -79,6 +80,10 @@ const Link: InertiaLink = {
       type: String as PropType<'brackets' | 'indices'>,
       default: 'brackets',
     },
+    async: {
+      type: Boolean,
+      default: false,
+    },
   },
   render(h, { props, data, children }) {
     data.on = {
@@ -134,6 +139,7 @@ const Link: InertiaLink = {
                 only: props.only,
                 except: props.except,
                 headers: props.headers,
+                async: props.async,
                 // @ts-expect-error
                 onCancelToken: data.on.cancelToken,
                 // @ts-expect-error

packages/vue3/src/link.ts

@@ -21,6 +21,7 @@ export interface InertiaLinkProps {
   onCancel?: () => void
   onSuccess?: () => void
   queryStringArrayFormat?: 'brackets' | 'indices'
+  async: boolean
 }
 
 type InertiaLink = DefineComponent<InertiaLinkProps>
@@ -72,6 +73,10 @@ const Link: InertiaLink = defineComponent({
       type: String as PropType<'brackets' | 'indices'>,
       default: 'brackets',
     },
+    async: {
+      type: Boolean,
+      default: false,
+    },
   },
   setup(props, { slots, attrs }) {
     return () => {
@@ -103,6 +108,7 @@ const Link: InertiaLink = defineComponent({
                 only: props.only,
                 except: props.except,
                 headers: props.headers,
+                async: props.async,
                 // @ts-expect-error
                 onCancelToken: attrs.onCancelToken || (() => ({})),
                 // @ts-expect-error