feat: conditional client only async data

Author: vis97c

packages/components-vue/src/components/loader/ContentFetch.vue

@@ -80,6 +80,10 @@
 		isContent?: (c?: NoInfer<Ti>) => boolean;
 		/** Ignore errors and display existing content */
 		ignoreErrors?: boolean;
+		/**
+		 * Whether to fetch data on client side only
+		 */
+		client?: boolean;
 	}
 
 	/**
@@ -99,7 +103,7 @@
 
 	const { logger } = useHelpers(useUtils);
 	const xamuOptions = inject<iVuePluginOptions>("xamu");
-	const useAsyncData = xamuOptions?.asyncDataFn ?? useAsyncDataFn;
+	const useAsyncData: typeof useAsyncDataFn = xamuOptions?.asyncDataFn ?? useAsyncDataFn;
 
 	const firstLoad = ref(false);
 	const hydrated = ref(false);
@@ -182,6 +186,7 @@
 		{
 			default: () => props.fallback,
 			watch: [() => props.url, () => props.preventAutoload],
+			server: !props.client,
 		}
 	);
 

packages/components-vue/src/components/pagination/Content.vue

@@ -4,7 +4,16 @@
 		:promise="patchedPromise"
 		:payload="[{ ...pagination, ...defaults }]"
 		:class="$attrs.class"
-		v-bind="{ preventAutoload, theme, noContentMessage, label, isContent, url, ignoreErrors }"
+		v-bind="{
+			preventAutoload,
+			theme,
+			noContentMessage,
+			label,
+			isContent,
+			url,
+			ignoreErrors,
+			client,
+		}"
 		@refresh="$emit('refresh', $event)"
 	>
 		<slot
@@ -89,6 +98,10 @@
 		 * Ignore errors and display existing content.
 		 */
 		ignoreErrors?: boolean;
+		/**
+		 * Whether to fetch data on client side only
+		 */
+		client?: boolean;
 	}
 
 	/**

packages/components-vue/src/composables/async.ts

@@ -11,6 +11,7 @@ type AsyncDataOptions<T> = {
 	default?: () => T | Ref<T> | null;
 	transform?: (input: T) => T | Promise<T>;
 	watch?: WatchSource[];
+	server?: boolean;
 };
 
 type tAsyncDataHandler<T> = (nuxtApp?: any) => Promise<T>;