add field area controls

app/javascript/application.js

@@ -14,6 +14,12 @@ document.addEventListener('turbo:before-cache', () => {
   window.flash?.remove()
 })
 
+document.addEventListener('keyup', (e) => {
+  if (e.code === 'Escape') {
+    document.activeElement?.blur()
+  }
+})
+
 window.customElements.define('toggle-visible', ToggleVisible)
 window.customElements.define('disable-hidden', DisableHidden)
 window.customElements.define('turbo-modal', TurboModal)
@@ -29,6 +35,8 @@ window.customElements.define('template-builder', class extends HTMLElement {
       template: reactive(JSON.parse(this.dataset.template))
     })
 
+    this.app.config.globalProperties.$t = (key) => TemplateBuilder.i18n[key] || key
+
     this.app.mount(this.appElem)
 
     this.appendChild(this.appElem)