Add energy distribution card to arsaboo demo (#9702)

* Add energy distribution card to arsaboo demo

* Make link dashboard conform

demo/src/configs/arsaboo/lovelace.ts

@@ -29,6 +29,11 @@ export const demoLovelaceArsaboo: DemoConfig["lovelace"] = (localize) => ({
             },
           ],
         },
+        {
+          title: "Energy distribution today",
+          type: "energy-distribution",
+          link_dashboard: true,
+        },
         {
           type: "thermostat",
           entity: "climate.upstairs",

src/panels/lovelace/cards/energy/hui-energy-distribution-card.ts

@@ -402,7 +402,7 @@ class HuiEnergyDistrubutionCard
             </svg>
           </div>
         </div>
-        ${this._config.linkDashboard
+        ${this._config.link_dashboard
           ? html`
               <div class="card-actions">
                 <a href="/energy"

src/panels/lovelace/cards/types.ts

@@ -98,7 +98,7 @@ export interface EnergySummaryCardConfig extends LovelaceCardConfig {
 export interface EnergyDistributionCardConfig extends LovelaceCardConfig {
   type: "energy-distribution";
   title?: string;
-  linkDashboard?: boolean;
+  link_dashboard?: boolean;
   collection_key?: string;
 }
 export interface EnergyUsageGraphCardConfig extends LovelaceCardConfig {

src/panels/lovelace/common/generate-lovelace-config.ts

@@ -352,7 +352,7 @@ export const generateDefaultViewConfig = (
       areaCards.push({
         title: "Energy distribution today",
         type: "energy-distribution",
-        linkDashboard: true,
+        link_dashboard: true,
       });
     }
   }