Add phpinfo

src/views/php/Serialize.vue

@@ -1,6 +1,6 @@
 <template>
   <h2 class="tool-title">PHP serialize</h2>
-  <hr class="mt-5 mb-5">
+  <hr class="mt-5 mb-5" />
 
   <div class="input-group">
     <label for="data">Data</label>
@@ -11,18 +11,36 @@
     <label for="data_delimiter">Mode</label>
 
     <div>
-      <input id="mode_serialize" value="serialize" name="mode" v-model="toolData.mode" v-on:change="result"
-             type="radio"> <label for="mode_serialize">serialize</label><br>
-      <input id="mode_unserialize" value="unserialize" name="mode" v-model="toolData.mode" v-on:change="result"
-             type="radio"> <label for="mode_unserialize">unserialize</label><br>
+      <input
+        id="mode_serialize"
+        value="serialize"
+        name="mode"
+        v-model="toolData.mode"
+        v-on:change="result"
+        type="radio"
+      />
+      <label for="mode_serialize">serialize</label><br />
+      <input
+        id="mode_unserialize"
+        value="unserialize"
+        name="mode"
+        v-model="toolData.mode"
+        v-on:change="result"
+        type="radio"
+      />
+      <label for="mode_unserialize">unserialize</label><br />
     </div>
   </div>
 
-  <hr class="mt-5 mb-5">
+  <hr class="mt-5 mb-5" />
 
   <div class="input-group">
     <label for="result">Result</label>
-    <MonacoEditor name="result" language="json" :value="toolResult"></MonacoEditor>
+    <MonacoEditor
+      name="result"
+      language="json"
+      :value="toolResult"
+    ></MonacoEditor>
   </div>
 </template>
 
@@ -33,33 +51,32 @@ import MonacoEditor from "@/components/MonacoEditor.vue";
 
 export default {
   components: {
-    MonacoEditor
+    MonacoEditor,
   },
   data() {
     return {
       toolData: {
         data: "",
-        mode: "serialize"
+        mode: "serialize",
       },
-      toolResult: ""
+      toolResult: "",
     };
   },
   methods: {
     result() {
-      axios.post(`${config.APP_URL}/api/php/php_serialize.php`, {
-        data: this.toolData.data,
-        mode: this.toolData.mode
-      })
+      axios
+        .post(`${config.APP_URL}/api/php/php_serialize.php`, {
+          data: this.toolData.data,
+          mode: this.toolData.mode,
+        })
         .then((response) => {
           this.toolResult = response.data;
 
           Promise.resolve(response);
         });
-    }
-  }
+    },
+  },
 };
 </script>
 
-<style lang="scss">
-
-</style>
+<style lang="scss"></style>