diff --git a/src/pages/demo/playground/env/index.vue b/src/pages/demo/playground/env/index.vue
index 1da4ba51..66bb400a 100644
--- a/src/pages/demo/playground/env/index.vue
+++ b/src/pages/demo/playground/env/index.vue
@@ -1,9 +1,7 @@
 <template>
   <d2-container type="card">
     <template slot="header">process.env</template>
-    <p class="d2-mt-0">NODE_ENV = {{env}}</p>
-    <p>BASE_URL = {{baseUrl}}</p>
-    <p class="d2-mb-0">VUE_APP_TITLE = {{title}}</p>
+    <d2-highlight :code="env"/>
   </d2-container>
 </template>
 
@@ -11,9 +9,7 @@
 export default {
   data () {
     return {
-      env: process.env.NODE_ENV,
-      baseUrl: process.env.BASE_URL,
-      title: process.env.VUE_APP_TITLE
+      env: JSON.stringify(process.env, null, 2)
     }
   }
 }