Skip to content

Commit a6fd33f

Browse files
committed
Add subheadings for TodoView and TodoEditor
1 parent 0a24ba3 commit a6fd33f

File tree

1 file changed

+7
-2
lines changed

1 file changed

+7
-2
lines changed

docs/feathers-vuex-form-wrapper.md

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -129,6 +129,8 @@ The default slot contains only four attributes. The `clone` data can be passed
129129

130130
## Example Usage: CRUD Form
131131

132+
### TodoView
133+
132134
It's a pretty common scenario to have the same form handle editing and creating data. Below is a basic example of how you could use the FeathersVuexFormWrapper for this. A few things to notice about the example:
133135

134136
1. It uses a `Todo` Model class to create and edit todos. The `$FeathersVuex` object is available on `this` only when the [Feathers-Vuex Vue plugin](./vue-plugin.md) is used.
@@ -154,7 +156,7 @@ import { FeathersVuexFormWrapper } from 'feathers-vuex'
154156
import TodoEditor from './TodoEditor.vue'
155157
156158
export default {
157-
name: 'Todo',
159+
name: 'TodoView',
158160
components: {
159161
FeathersVuexFormWrapper,
160162
TodoEditor
@@ -208,7 +210,10 @@ export default {
208210
</script>
209211
```
210212

211-
Here is a minimal example showing a 'TodoEditor' component. A few things to notice about this component:
213+
214+
### TodoEditor
215+
216+
Next let's look at a minimal example of a 'TodoEditor' component which is a child of the `FeathersVuexFormWrapper` in the above example. A few things to notice about the below `TodoEditor` component:
212217

213218
1. It's minimal on purpose to show you the important parts of working with the `FeathersVuexFormWrapper`.
214219
1. It emits the `save`, `reset`, and `remove` events, which are connected to the `FeathersVuexFormWrapper` in the above code snippet.

0 commit comments

Comments
 (0)