diff --git a/public/js/helpers/Json.js b/public/js/helpers/Json.js
new file mode 100644
index 000000000..31d51a52d
--- /dev/null
+++ b/public/js/helpers/Json.js
@@ -0,0 +1,21 @@
+export default {
+	data(){
+		return {
+
+		}
+	},
+	props:{
+		data:{
+			type:Object|String,
+		}
+	},
+	computed:{
+		componentData: function(){
+			if(!this.data){
+				return "Pass data to be printed by adding the :data prop on the component";
+			}
+			return JSON.stringify(this.data, null, 2);
+		},
+	},
+	template:`<pre class="p-2 bg-secondary text-white" >{{componentData}}</pre>`
+}
\ No newline at end of file