fix: slight alteration of mockup

limbo-works · Nov 7, 2023 · 52595dd · 52595dd
1 parent a3e151e
commit 52595dd
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 10 deletions.
diff --git a/.playground/app.vue b/.playground/app.vue
@@ -3,7 +3,7 @@
 		<FetchForm
 			:action="`https://pokeapi.co/api/v2/pokemon/${pokemon.toLowerCase()}`"
 			#default="{ isFetching, currentResponse, currentError }"
-			:mockup-response="(data) => ({ name: 'ditto', data })"
+			:mockup-response="(payload) => ({ name: 'ditto', payload })"
 			@response="onResponse"
 			@error="onError"
 		>

diff --git a/components/FetchForm.vue b/components/FetchForm.vue
@@ -125,14 +125,17 @@ function onSubmit(e) {
         // Get mockup response
         if (props.mockupResponse) {
 			const data = typeof props.mockupResponse === 'function' ? props.mockupResponse?.(payload) : props.mockupResponse;
-            emit('fetch', null);
-			emit('response', data);
-			emit('response:full', { data });
-            emit('complete', true);
-
-            currentResponse.value = props.mockupResponse;
-            currentError.value = null;
-            isFetching.value = false;
+            emit('fetch', new Promise((resolve) => {
+				emit('response', data);
+				emit('response:full', { meta: { code: 200 }, data, error: null });
+				emit('complete', true);
+
+				resolve({ meta: { code: 200 }, data, error: null });
+
+				currentResponse.value = props.mockupResponse;
+				currentError.value = null;
+				isFetching.value = false;
+			}));
 
             return;
         }

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "@limbo-works/fetch-form",
 	"type": "module",
-	"version": "0.1.0",
+	"version": "0.1.1",
 	"main": "./nuxt.config.js",
 	"scripts": {
 		"dev": "nuxi dev .playground",