update

README.md

@@ -2,14 +2,28 @@
 
 The integration [`Yt_dlp_hass`](https://github.com/ybk5053/yt_dlp_hass) needs to be enabled before using the card.
 
+![image](https://raw.githubusercontent.com/ybk5053/yt_dlp-card/main/img/downloading.jpg)
+*Download info*
+![image](https://raw.githubusercontent.com/ybk5053/yt_dlp-card/main/img/waiting.jpg)
+*Empty  Card*
+
+## HACS
+
+- Add Custom Repositories
+
+```text
+Repository: https://github.com/ybk5053/yt_dlp-card
+Category: Lovelace
+```
+
 ## Manual Installation
 
 - Download [yt_dlp-card.js](https://github.com/ybk5053/yt_dlp-card/blob/main/dist/yt_dlp-card.js)
-- Copy to www/community/yt_dlp-card/
+- Copy to www/yt_dlp-card/
 - Add the following to your resources
 
 ```text
-url: /hacsfiles/yt_dlp-card/yt_dlp-card.js
+url: /local/yt_dlp-card/yt_dlp-card.js
 type: Javascript Module
 ```
 

dist/yt_dlp-card.js

@@ -39,7 +39,7 @@ export class YTDLPCard extends LitElement {
     }
     this._header = config.header === "" ? nothing : config.header;
     this._colour = config.colour === "" ? "#005eff" : config.colour;
-    this._entity = config.entity;
+    this._entity = config.entity === "" ? "yt_dlp.downloading" : config.entity;
     // call set hass() to immediately adjust to a changed entity
     // while editing the entity in the card editor
     if (this._hass) {