⚡️ Vue 3 composition API for data fetching, supports SWR, polling, error retry, cache request, pagination, etc.
-
+
-
- 
+
+ 
-
- 
+
+ 
-
+
-
+
-
+
+## Status
+
+**The v1 version will not add new functions in the future, and will only maintain the bugs that appear. To experience the latest features, please switch to the v2 version.**
+
## Why VueRequest
In the past projects, they were often confused by repeated implementations such as the management of the loading state, the requested throttling and debounce, the caching of request data, and pagination. Whenever we start a new project, we have to manually deal with the above problems, which will be a repetitive work, but also to ensure that the team is consistent.
@@ -69,9 +73,9 @@ You can install VueRequest with [NPM](https://www.npmjs.com/), [YARN](https://ya
### NPM
```sh
-npm install vue-request
+npm install vue-request@v1
# or
-yarn add vue-request
+yarn add vue-request@v1
```
### CDN
@@ -79,7 +83,7 @@ yarn add vue-request
> For production, we recommend linking to a specific version number and build to avoid unexpected breakage from newer versions.
```html
-
+
```
Once you've added this you will have access to the `window.VueRequest` object and its exports.
@@ -148,7 +152,7 @@ const { data, error, run } = useRequest(getUserInfo, {
If you have any cool features, please submit an issue for discussion
-- [ ] Support Vue 2
+- [x] Support Vue 2. see [master](https://github.com/AttoJS/vue-request/tree/master) branch
- [x] Documentation
- [x] Pagination
- [x] Load More
diff --git a/package.json b/package.json
index 4552bb1..d82f099 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "vue-request",
- "version": "1.2.4",
+ "version": "1.2.5",
"description": "Vue 3 composition API for data fetching, supports SWR, polling, error retry, cache request, pagination and other cool features.",
"keywords": [
"vue",
@@ -93,7 +93,7 @@
"rollup": "^2.33.1",
"rollup-plugin-terser": "^7.0.2",
"rollup-plugin-typescript2": "^0.29.0",
- "simple-git": "^2.21.0",
+ "simple-git": "^3.3.0",
"sort-package-json": "^1.50.0",
"standard-version": "^9.1.1",
"ts-jest": "^26.4.1",
diff --git a/src/__tests__/index.test.tsx b/src/__tests__/index.test.tsx
index 8aad66b..d7d042e 100644
--- a/src/__tests__/index.test.tsx
+++ b/src/__tests__/index.test.tsx
@@ -1759,6 +1759,60 @@ describe('useRequest', () => {
expect(mockFn).toHaveBeenCalledTimes(11);
});
+ test('errorRetry should work with debounce', async () => {
+ const wrapper = shallowMount(
+ defineComponent({
+ setup() {
+ const { run, loading, error } = useRequest(failedRequest, {
+ manual: true,
+ debounceInterval: 1000,
+ errorRetryCount: 4,
+ errorRetryInterval: 1000,
+ });
+ const handleClick = () => run();
+ return () => (
+