Add str to php array tool

src/views/StrToPHPArray.vue

@@ -0,0 +1,61 @@
+<template>
+  <h2 class="tool-title">Str to PHP array</h2>
+  <hr class="mt-5 mb-5">
+
+  <div class="input-group">
+    <label for="data">Data</label>
+    <textarea id="data" v-model="toolData.data" v-on:change="result" style="height: 150px"></textarea>
+  </div>
+
+  <div class="input-group">
+    <label for="data_delimiter">Delimiter</label>
+    <input id="data_delimiter" v-model="toolData.dataDelimiter" placeholder="," type="text" v-on:change="result" :disabled="toolData.dataIsJson">
+
+    <div>
+      <input id="data_is_json" name="data_is_json" v-model="toolData.dataIsJson" v-on:change="result" type="checkbox"> <label for="data_is_json">is json</label>
+    </div>
+  </div>
+
+  <hr class="mt-5 mb-5">
+
+  <div class="input-group">
+    <label for="result">Result</label>
+    <textarea id="result" v-model="toolResult" style="height: 150px"></textarea>
+  </div>
+</template>
+
+<script>
+import axios from 'axios'
+import { config } from '../../config';
+
+export default {
+  data() {
+    return {
+      toolData: {
+        data: '',
+        dataDelimiter: '',
+        dataIsJson: '',
+      },
+      toolResult: '',
+    };
+  },
+  methods: {
+    result() {
+      axios.post(`${config.APP_URL}/api/php/data_to_php_array.php`, {
+        data: this.toolData.data,
+        delimiter: this.toolData.dataDelimiter,
+        mode: this.toolData.dataIsJson ? 'json' : null,
+      })
+        .then((response) => {
+          this.toolResult = response.data;
+
+          Promise.resolve(response);
+        });
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+
+</style>