#1 Add monaco editor (#4)

Reviewed-on: #4
Co-authored-by: stuzer05 <stuzer05@stuzer.link>
Co-committed-by: stuzer05 <stuzer05@stuzer.link>

src/views/PHPArrayToJson.vue

@@ -17,15 +17,19 @@
 
   <div class="input-group">
     <label for="result">Result</label>
-    <textarea id="result" v-model="toolResult"></textarea>
+    <MonacoEditor name="result" language="json" :value="toolResult"></MonacoEditor>
   </div>
 </template>
 
 <script>
 import axios from 'axios'
 import { config } from '../../config';
+import MonacoEditor from "@/components/MonacoEditor.vue";
 
 export default {
+  components: {
+    MonacoEditor
+  },
   data() {
     return {
       toolData: {