Fixes and refactoring

src/assets/app.scss

@@ -10,6 +10,12 @@ input[type=text], input[type=number], textarea {
 	@apply appearance-none border leading-tight focus:outline-none;
 }
 
+input:disabled, textarea:disabled {
+	background-color: #ddd;
+	color: linen;
+	opacity: 1;
+}
+
 /**
  * Tools
  */

src/components/Sidebar.vue

@@ -34,9 +34,11 @@ export default {
         'str_sort_lines': 'Str sort lines',
         'str_to_lower_upper': 'Str to lower/upper',
         'str_remove_duplicate_lines': 'Str remove duplicate lines',
+        'url_encode_decode': 'URL encode/decode',
+      },
+      'PHP': {
         'str_to_php_array': 'Str to PHP array',
         'php_array_to_json': 'PHP array to Json',
-        'url_encode_decode': 'URL encode/decode',
       },
       'SQL': {
         'sql_split_in': 'SQL split IN',

src/views/PHPArrayToJson.vue

@@ -40,7 +40,6 @@ export default {
       axios.post(`${config.APP_URL}/api/php/php_array_to_json.php`, {
         data: this.toolData.data,
         minify_json: this.toolData.minifyJson ? true : false,
-        transformResponse: x => x
       })
         .then((response) => {
           this.toolResult = response.data.data;

src/views/StrToPHPArray.vue

@@ -34,7 +34,7 @@ export default {
       toolData: {
         data: '',
         dataDelimiter: '',
-        dataIsJson: '',
+        dataIsJson: false,
       },
       toolResult: '',
     };