Tidy monaco model code

app/assets/javascripts/repo/repo_editor.js

@@ -39,14 +39,12 @@ export default class RepoEditor {
       data: () => Store,
       created() {
         this.showHide();
-        if (this.blobRaw !== '') {
-          this.monacoInstance.setModel(
-            monaco.editor.createModel(
-              this.blobRaw,
-              'plain',
-            ),
-          );
-        }
+
+        if (this.blobRaw === '') return;
+
+        const newModel = monaco.editor.createModel(this.blobRaw, 'plaintext');
+
+        this.monacoInstance.setModel(newModel);
       },
 
       methods: {
@@ -102,21 +100,15 @@ export default class RepoEditor {
         blobRaw() {
           this.showHide();
 
-          if (!this.isTree) {
-            // kill the current model;
+          if (this.isTree) return;
+
           this.monacoInstance.setModel(null);
-            // then create the new one
-            this.monacoInstance.setModel(
-              monaco.editor.createModel(
-                this.blobRaw,
-                Helper
-                  .getLanguageIDForFile(
-                    this.activeFile,
-                    monaco.languages.getLanguages(),
-                  ),
-              ),
-            );
-          }
+
+          const languages = monaco.languages.getLanguages();
+          const languageID = Helper.getLanguageIDForFile(this.activeFile, languages);
+          const newModel = monaco.editor.createModel(this.blobRaw, languageID);
+
+          this.monacoInstance.setModel(newModel);
         },
       },
     });

app/assets/javascripts/repo/repo_helper.js

@@ -19,7 +19,7 @@ const RepoHelper = {
     const ext = file.name.split('.').pop();
     const foundLang = this.findLanguage(ext, langs);
 
-    return foundLang ? foundLang.id : 'plain';
+    return foundLang ? foundLang.id : 'plaintext';
   },
 
   findLanguage(ext, langs) {