feat: [#51] CeDefault pretty format

TYPO3-Headless · Oct 6, 2020 · 3f95fd0 · 3f95fd0
1 parent ef5c724
commit 3f95fd0
Showing 1 changed file with 15 additions and 5 deletions.
diff --git a/lib/templates/components/content/elements/CeDefault.js b/lib/templates/components/content/elements/CeDefault.js
@@ -2,15 +2,25 @@ export default {
   functional: true,
   render(createElement, ctx) {
     return createElement(
-      'code',
+      'pre',
       {
         style: {
-          display: 'block',
-          maxWidth: '100%',
-          wordBreak: 'break-word'
+          overflowX: 'scroll'
         }
       },
-      JSON.stringify(ctx.props)
+      [
+        createElement(
+          'code',
+          {
+            style: {
+              fontSize: '12px',
+              fontFamily:
+                'SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace'
+            }
+          },
+          [JSON.stringify(ctx.props, null, 2)]
+        )
+      ]
     )
   }
 }