Add monaco editor

src/views/StrRemoveDuplicateLines.vue

@@ -4,33 +4,39 @@
 
   <div class="input-group">
     <label for="data">Data</label>
-    <textarea id="data" v-model="toolData.data"></textarea>
+    <textarea id="data" v-model="toolData.data" v-on:keyup="result"></textarea>
   </div>
 
   <hr class="mt-5 mb-5">
 
   <div class="input-group">
     <label for="result">Result</label>
-    <textarea id="result" v-model="toolResult"></textarea>
+    <MonacoEditor name="result" language="text" :value="toolResult"></MonacoEditor>
   </div>
 </template>
 
 <script>
+import MonacoEditor from "@/components/MonacoEditor.vue";
+
 function arrayUnique(value, index, array) {
   return array.indexOf(value) === index;
 }
 
 export default {
+  components: {
+    MonacoEditor
+  },
   data() {
     return {
       toolData: {
         data: '',
       },
+      toolResult: '',
     };
   },
-  computed: {
-    toolResult() {
-      return this.toolData.data.split('\n').filter(arrayUnique).join('\n');
+  methods: {
+    result() {
+      this.toolResult = this.toolData.data.split('\n').filter(arrayUnique).join('\n');
     },
   },
 }