@kongponents/kinlineedit

<template>
  <EditableInput @changed="val => textVal = val">
    <h1>{{ textVal }}</h1>
  </EditableInput>
</template>
<script>
import EditableInput from "@/components/EditableInput";
export default {
  name: "App",
  components: { EditableInput },
  data() {
    return {
      textVal: "Inline Text"
    };
  }
};
</script>