div
//- | <content-text>
//- br
// View mode - just show the text
span(v-if="isPageMode('view')")
| {{protectedContent}}
// Debug mode - show a surround, click to edit
.my-debug-box(v-else-if="isDesignMode")
.my-debug-header
| text
br
| contentId: {{contentId}}
// the click event's propagation will be stopped
span.stop(@click="selectThisElement, itemClick(element)")
| {{protectedContent}}
// Edit and layout mode - click to edit
span.stop(v-else @click="selectThisElement, itemClick(element)")
| {{protectedContent}}
// Here's the editing bit
div(v-if="isPageMode('edit,debug') && editing")
hr
| {{saveMsg}}
br
textarea.textarea.my-input(v-model="protectedContent")