chore: add ifDefined to only add HTML attributes when prop values exist

Author: sghoweri

packages/uikit-workshop/src/scripts/lit-components/pl-logo/pl-logo.js

@@ -1,4 +1,5 @@
 import { store } from '../../store.js'; // connect to redux
+import { ifDefined } from 'lit-html/directives/if-defined';
 import { html } from 'lit-html';
 import { customElement } from 'lit-element';
 import { BaseLitComponent } from '../../components/base-component';
@@ -49,8 +50,8 @@ class Logo extends BaseLitComponent {
           alt=${this.altText || 'Pattern Lab Logo'}
           src=${imageSrc}
           class="pl-c-logo__img"
-          width="${this.width}"
-          height="${this.height}"
+          width="${ifDefined(this.width)}"
+          height="${ifDefined(this.height)}"
         />
         ${this.text && this.text !== ''
           ? html`