diff --git a/package.json b/package.json index 4d2b30c..21b0d78 100644 --- a/package.json +++ b/package.json @@ -9,8 +9,7 @@ "serve": "greenwood serve" }, "devDependencies": { - "@greenwood/cli": "^0.25.0", - "puppeteer": "^13.5.2" + "@greenwood/cli": "^0.26.0" }, "license": "ISC" } diff --git a/src/components/footer/footer.js b/src/components/footer/footer.js index d6634b6..b917fbe 100644 --- a/src/components/footer/footer.js +++ b/src/components/footer/footer.js @@ -1,18 +1,9 @@ +export default class FooterComponent extends HTMLElement { -class FooterComponent extends HTMLElement { - constructor() { - super(); - - // create a Shadow root - this.root = this.attachShadow({ mode: 'closed' }); - } - - // run some code when the component is ready connectedCallback() { - this.root.innerHTML = this.getTemplate(); + this.innerHTML = this.getTemplate(); } - // create templates that interpolate variables and HTML! getTemplate() { const year = new Date().getFullYear(); @@ -51,4 +42,4 @@ class FooterComponent extends HTMLElement { } } -customElements.define('app-footer', FooterComponent); +customElements.define('app-footer', FooterComponent); \ No newline at end of file diff --git a/src/components/header/header.js b/src/components/header/header.js index 99da33d..cf5e5cc 100644 --- a/src/components/header/header.js +++ b/src/components/header/header.js @@ -1,17 +1,9 @@ -class HeaderComponent extends HTMLElement { - constructor() { - super(); +export default class HeaderComponent extends HTMLElement { - // create a Shadow root - this.root = this.attachShadow({ mode: 'closed' }); - } - - // run some code when the component is ready connectedCallback() { - this.root.innerHTML = this.getTemplate(); + this.innerHTML = this.getTemplate(); } - // create templates that interpolate variables and HTML! getTemplate() { return `