From fb589337f823d15423a5b4b02652932a7fcf9120 Mon Sep 17 00:00:00 2001
From: Ian Richardson <iantrich@gmail.com>
Date: Wed, 16 Oct 2019 02:22:57 -0500
Subject: [PATCH] display card errors with yaml config (#4018)

---
 src/panels/lovelace/cards/hui-error-card.ts | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/panels/lovelace/cards/hui-error-card.ts b/src/panels/lovelace/cards/hui-error-card.ts
index 4e74586146..bacf546e0e 100644
--- a/src/panels/lovelace/cards/hui-error-card.ts
+++ b/src/panels/lovelace/cards/hui-error-card.ts
@@ -7,9 +7,9 @@ import {
   css,
   CSSResult,
 } from "lit-element";
+import yaml from "js-yaml";
 
 import { LovelaceCard } from "../types";
-import { LovelaceCardConfig } from "../../../data/lovelace";
 import { HomeAssistant } from "../../../types";
 import { ErrorCardConfig } from "./types";
 
@@ -46,7 +46,7 @@ export class HuiErrorCard extends LitElement implements LovelaceCard {
 
     return html`
       ${this._config.error}
-      <pre>${this._toStr(this._config.origConfig)}</pre>
+      <pre>${yaml.safeDump(this._config.origConfig)}</pre>
     `;
   }
 
@@ -63,10 +63,6 @@ export class HuiErrorCard extends LitElement implements LovelaceCard {
       }
     `;
   }
-
-  private _toStr(config: LovelaceCardConfig): string {
-    return JSON.stringify(config, null, 2);
-  }
 }
 
 declare global {