refactor: Source view Vue component

client/js/pages/source.component.js

@@ -1,14 +1,17 @@
 'use strict'
 
-import $ from 'jquery'
 import * as ace from 'brace'
 import 'brace/theme/tomorrow_night'
 import 'brace/mode/markdown'
 import pageLoader from '../components/page-loader'
 
-module.exports = (alerts) => {
-  if ($('#page-type-source').length) {
-    var scEditor = ace.edit('source-display')
+export default {
+  name: 'source-view',
+  data() {
+    return {}
+  },
+  mounted() {
+    let scEditor = ace.edit('source-display')
     scEditor.setTheme('ace/theme/tomorrow_night')
     scEditor.getSession().setMode('ace/mode/markdown')
     scEditor.setOption('fontSize', '14px')
@@ -16,12 +19,6 @@ module.exports = (alerts) => {
     scEditor.setOption('wrap', true)
     scEditor.setReadOnly(true)
     scEditor.renderer.updateFull()
-
-    let currentBasePath = ($('#page-type-source').data('entrypath') !== 'home') ? $('#page-type-source').data('entrypath') : ''
-
-    require('../modals/create.js')(currentBasePath)
-    require('../modals/move.js')(currentBasePath, alerts)
-
     scEditor.renderer.on('afterRender', () => {
       pageLoader.complete()
     })