Merge pull request #7 from n9ti/master

add unseen line marker

Author: torvaldssg

codemirror.vue

@@ -16,6 +16,8 @@
     props: {
       code: String,
       value: String,
+      unseenLines: Array,
+      marker: Function,
       options: {
         type: Object,
         default: function() {
@@ -83,6 +85,7 @@
           _this.$emit('input', _this.content)
         }
       })
+      this.unseenLineMarkers()
     },
     watch: {
       'code': function(newVal, oldVal) {
@@ -93,6 +96,7 @@
           this.content = newVal
           this.editor.scrollTo(scrollInfo.left, scrollInfo.top)
         }
+        this.unseenLineMarkers()
       },
       'value': function(newVal, oldVal) {
         const editor_value = this.editor.getValue()
@@ -102,6 +106,18 @@
           this.content = newVal
           this.editor.scrollTo(scrollInfo.left, scrollInfo.top)
         }
+        this.unseenLineMarkers()
+      }
+    },
+    methods: {
+      unseenLineMarkers: function () {
+        var _this = this
+        if (_this.unseenLines !== undefined && _this.marker !== undefined) {
+          _this.unseenLines.forEach(line => {
+            var info = _this.editor.lineInfo(line)
+            _this.editor.setGutterMarker(line, "breakpoints", info.gutterMarkers ? null : _this.marker())
+          })
+        }
       }
     }
   }
@@ -111,5 +127,6 @@
   .CodeMirror,
   .CodeMirror pre {
     font-family: Menlo, Monaco, Consolas, "Courier New", monospace!important;
+    padding: 0 20px !important; /* Horizontal padding of content */
   }
 </style>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-codemirror",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "Codemirror component for Vue.js(1.x ~ 2.x)",
   "main": "index.js",
   "scripts": {