refactor(Inputs): Add Editor for Demos

Author: sfxcode

package.json

@@ -61,13 +61,15 @@
     "chart.js": "^3.9.1",
     "consola": "^2.15.3",
     "eslint": "^8.27.0",
+    "json-editor-vue": "^0.9.2",
     "quill": "^1.3.7",
     "sass": "^1.56.1",
     "tslib": "^2.4.1",
     "typescript": "^4.8.4",
     "unocss": "^0.46.4",
     "unplugin-auto-import": "^0.11.4",
     "unplugin-vue-components": "^0.22.9",
+    "vanilla-jsoneditor": "^0.10.1",
     "vite": "^3.2.3",
     "vite-plugin-dts": "^1.7.0",
     "vite-plugin-eslint": "^1.8.1",

pnpm-lock.yaml

@@ -34,7 +34,8 @@
 .formkit-label {
   display: block;
   margin: 0;
-  padding-bottom: 0.5rem;
+  padding-bottom: 6px;
+  width: 300px;
   font-weight: bold;
   font-size: 0.8rem;
 }