feat: add classes for live editing (#258)

* Add classes for live editing * feat(lib): add line between selectors * feat(lib): change author to is-editing
nuxt · Jul 27, 2020 · ebc6123 · ebc6123
1 parent ccfcea0
commit ebc6123
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/lib/templates/nuxt-content.dev.vue b/lib/templates/nuxt-content.dev.vue
@@ -1,9 +1,10 @@
 <template>
-  <div class="nuxt-content-container">
+  <div :class="['nuxt-content-container', { 'is-editing': isEditing}]">
     <textarea
       v-show="isEditing"
       v-model="file"
       ref="textarea"
+      class="nuxt-content-editor"
       @keyup.stop="onType"
       @blur="toggleEdit"
     />
@@ -91,7 +92,8 @@ export default {
 .nuxt-content-container {
   position: relative;
 }
-.nuxt-content-container textarea {
+
+.nuxt-content-editor {
   width: 100%;
   padding: 8px;
 }