Skip to content

Commit

Permalink
edit changelog and reamd for devtools
Browse files Browse the repository at this point in the history
  • Loading branch information
xyhxx committed May 30, 2022
1 parent 5abf6a3 commit 6be9d5f
Show file tree
Hide file tree
Showing 3 changed files with 21 additions and 7 deletions.
4 changes: 4 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@
# v1.1.0

- support devtools

# v1.0.2

- edit emit name to caputred
Expand Down
22 changes: 16 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,9 +14,10 @@ errors thrown by subcomponents and provide a UI for fallback slot when the error

# Features

- 🔧 easy, out of the box.
- 🔗 easy, out of the box.
- 🔧 support devtools.
- 🔑 type safe.
- ✅ test coverage 95%
- 🔨 unit testing.

# Catalogue

Expand All @@ -26,9 +27,10 @@ errors thrown by subcomponents and provide a UI for fallback slot when the error
- [Emit](#emit)
- [Props](#props)
- [propagation](#propagation)
- [include & exclude](#include)
- [include & exclude](#include-exclude)
- [keepEmit](#keepemit)
- [Suspense](#suspense)
- [Devtools](#Devtools)
- [LICENSE](#license)

# Install
Expand Down Expand Up @@ -65,7 +67,7 @@ import FallbackComponent from './fallback.vue';
if you want to get error information, you can get it through slot scope. the slot scope provides two
variables, one of `error:Error`. one of `reset:() = > void`;

reset rerenders the default slot, and you can provide a button in the fallback component to try to
`reset` rerenders the default slot, and you can provide a button in the fallback component to try to
rerender

```vue
Expand Down Expand Up @@ -141,7 +143,7 @@ import FallbackComponent, from './fallback.vue';
</template>
```

### include
### include-exclude

If you only want to catch some errors, you can pass in `include:string[] | RegExp` or
`exclude:string[] | RegExp` props.
Expand Down Expand Up @@ -200,11 +202,19 @@ import FallbackComponent, from './fallback.vue';
</template>
```

### Suspense
## Suspense

You can view the examples used with suspend+vue-query in the
[codesandbox](https://codesandbox.io/s/pcmg9e)

# Devtools

Support Vue devtools.You can view the error information and other contents in the developer tool.

You can add an `id` to the component for marking. If no `id` is passed in, VeBoundary will
automatically generate an id as a mark.Be careful not to duplicate `id`, data with the same `id`
will be overwritten.

# LICENSE

MIT
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "veboundary",
"description": "Simple and convenient Vue error boundary.",
"version": "1.0.2",
"version": "1.1.0",
"scripts": {
"build:ts": "vue-tsc --noEmit",
"build:umd": "vite build --mode umd",
Expand Down

0 comments on commit 6be9d5f

Please sign in to comment.