i7

components/page-menu.js

@@ -0,0 +1,45 @@
+export class PageMenu extends HTMLElement {
+  constructor() {
+    super()
+    this.attachShadow({mode: 'open'})
+    this.language = navigator.language
+  }
+
+  connectedCallback() {
+    const style = document.createElement('style')
+    style.textContent = `
+      :host {
+        display: flex;
+        flex-direction: column;
+        color: #000;
+      }
+      h1 {
+        width: 100%;
+        text-align: center;
+        font-size: 18px;
+        margin: 0;
+        padding: 5px;
+      }
+      a {
+        display: block;
+      }
+    `
+    this.shadowRoot.append(style)
+  }
+
+  get language() {
+    return this._language
+  }
+
+  set language(language) {
+    this._language = language
+  }
+
+  get langEs() {
+    return /^es\b/.test(this.language)
+  }
+
+  get pagesText() {
+    return this.langEs ? 'Páginas' : 'Pages'
+  }
+}