minor ui updates and type fix

* fix StringInspector prompts
* wrap PHP>JSON conversion in try/catch so we don't clog up the console
* use vue-json-pretty types

src/views/FormatJSON.vue

@@ -48,10 +48,11 @@ import 'vue-json-pretty/lib/styles.css'
 import copyIcon from '../assets/copy-icon.png'
 import { toast } from 'vue3-toastify'
 import TwoPaneLayout from '../Layouts/TwoPaneLayout.vue'
+import type { JSONDataType } from 'vue-json-pretty/types/utils'
 
 let JSONInput = ref<string>('{}')
 const isJSONValid = ref<boolean>(true)
-const formattedJSON = ref<Object>({})
+const formattedJSON = ref<JSONDataType>({})
 
 function formatJSON() {
   JSONInput.value.replace(/'/g, '"')

src/views/PHPArrayToJSON.vue

@@ -36,6 +36,8 @@ const PHPArray = ref<string>('')
 const json = ref()
 
 function convert() {
-  json.value = PHPArrayToJSON(PHPArray.value)
+  try {
+    json.value = PHPArrayToJSON(PHPArray.value)
+  } catch (e) {}
 }
 </script>

src/views/StringInspector.vue

@@ -2,13 +2,12 @@
   <TwoPaneLayout>
     <template v-slot:left-pane>
       <div class="flex-1 rounded-lg p-2 min-h-1/2 h-full overflow-auto">
-        <span>Enter JSON Data:</span>
+        <span>Enter String:</span>
         <textarea
             rows=40
             v-model="inputText"
             @input="inspectText"
             type="text"
-            placeholder="JSON Data"
             aria-label="string-inspector"
             class="w-full border border-gray-400 rounded-lg p-2"
         />