Skip to content

Commit 2e821ca

Browse files
committed
Clean up first input-wrapper demo
1 parent 4282b7f commit 2e821ca

File tree

1 file changed

+7
-2
lines changed

1 file changed

+7
-2
lines changed

docs/feathers-vuex-forms.md

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -277,14 +277,19 @@ export default {
277277
278278
## FeathersVuexInputWrapper
279279
280-
Building on the same ideas as the FeathersVuexFormWrapper, the FeathersVuexInputWrapper reduces boilerplate for working with the clone and commit pattern on a single input. One use case for this component is implementing an "edit-in-place" workflow. The following example shows how to use the FeathersVuexInputWrapper to automatically save a record upon `blur` on text and color inputs:
280+
Building on the same ideas as the FeathersVuexFormWrapper, the FeathersVuexInputWrapper reduces boilerplate for working with the clone and commit pattern on a single input. One use case for this component is implementing an "edit-in-place" workflow. The following example shows how to use the FeathersVuexInputWrapper to automatically save a record upon `blur` on a text input:
281281
282282
```html
283283
<template>
284284
<div class="p-3">
285285
<FeathersVuexInputWrapper :item="user" prop="email">
286286
<template #default="{ current, prop, createClone, handler }">
287-
<input v-model="current[prop]" type="text" @focus="createClone" @blur="e => handler(e, save)" />
287+
<input
288+
v-model="current[prop]"
289+
type="text"
290+
@focus="createClone"
291+
@blur="e => handler(e, save)"
292+
/>
288293
</template>
289294
</FeathersVuexInputWrapper>
290295

0 commit comments

Comments
 (0)