Move code-mirror declaration into app

Now the <code-mirror> component can have whatever name the app developer wants to give it. Neat.
WileyLabs · Jan 19, 2017 · ac29dc9 · ac29dc9
1 parent 9afb33e
commit ac29dc9
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 11 deletions.
diff --git a/code-mirror.js b/code-mirror.js
@@ -1,5 +1,3 @@
-var Vue = require('vue');
-
 var CodeMirror = require('codemirror');
 // modes
 require('codemirror/mode/javascript/javascript');
@@ -14,7 +12,7 @@ const default_options = {
   lint: true
 };
 
-Vue.component('code-mirror', {
+module.exports = {
   template: '<textarea></textarea>',
   data: function() {
     return {
@@ -56,4 +54,4 @@ Vue.component('code-mirror', {
       this.editor.refresh();
     }
   }
-});
+}
diff --git a/dist/index.js b/dist/index.js
@@ -5713,8 +5713,6 @@ function hasOwnProperty(obj, prop) {
 
 }).call(this,require('_process'),typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
 },{"./support/isBuffer":28,"_process":12,"inherits":27}],30:[function(require,module,exports){
-var Vue = require('vue');
-
 var CodeMirror = require('codemirror');
 // modes
 require('codemirror/mode/javascript/javascript');
@@ -5729,7 +5727,7 @@ const default_options = {
   lint: true
 };
 
-Vue.component('code-mirror', {
+module.exports = {
   template: '<textarea></textarea>',
   data: function() {
     return {
@@ -5771,11 +5769,10 @@ Vue.component('code-mirror', {
       this.editor.refresh();
     }
   }
-});
+}
 
-},{"codemirror":41,"codemirror/addon/lint/json-lint":39,"codemirror/addon/lint/lint":40,"codemirror/mode/javascript/javascript":42,"codemirror/mode/turtle/turtle":43,"vue":148}],31:[function(require,module,exports){
+},{"codemirror":41,"codemirror/addon/lint/json-lint":39,"codemirror/addon/lint/lint":40,"codemirror/mode/javascript/javascript":42,"codemirror/mode/turtle/turtle":43}],31:[function(require,module,exports){
 var Vue = require('vue');
-require('./code-mirror');
 
 var levelgraph = require('levelgraph');
 var leveljs = require('level-js');
@@ -5815,6 +5812,8 @@ var default_n3 = '@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n\n'
 + '  foaf:workHomepage "http://wiley.com/" ;\n'
 + '  foaf:knows <https://www.w3.org/People/Berners-Lee/card#i>.'
 
+Vue.component('code-mirror', require('./code-mirror'));
+
 window.app = new Vue({
   el: '#app',
   data: {

diff --git a/index.js b/index.js
@@ -1,5 +1,4 @@
 var Vue = require('vue');
-require('./code-mirror');
 
 var levelgraph = require('levelgraph');
 var leveljs = require('level-js');
@@ -39,6 +38,8 @@ var default_n3 = '@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n\n'
 + '  foaf:workHomepage "http://wiley.com/" ;\n'
 + '  foaf:knows <https://www.w3.org/People/Berners-Lee/card#i>.'
 
+Vue.component('code-mirror', require('./code-mirror'));
+
 window.app = new Vue({
   el: '#app',
   data: {