Vue Live Edit

Text Editing in place, the easy way

Installation

1. Install using npm

npm install --save vue-live-edit

2. Import Vue and vue-live-edit

import Vue from 'vue'  
import LiveEdit from 'vue-live-edit'  
Vue.use(LiveEdit);

3. Include components with your app

Within your Vue app, use, <live-edit></live-edit> as a Vue.component, with the following options.

<live-edit
    v-model="value"
    :editable="isEditable"
    placeholder="placeholder on edit"
    :multiline="true"
    >
</live-edit>

The value, and isEditable props can be reactive.