feat: Add <toggle-popover> custom element to client-js plugin (#20)

Author: nfreear

plugins/client-js/importMapPlugin.js

@@ -16,6 +16,7 @@ const importMap = {
   'site-search': `${elementServer}/MySearchElement.js`,
   'search-api': `${elementServer}/MySearchApiElement.js`,
   'site-counter': `${elementServer}/MySiteCounterElement.js`, */
+  'eleventy-plugin-popover/browser': 'https://esm.sh/gh/nfreear/eleventy-plugin-popover/browser'
   'validator-button': `${elementServer}/MyTestElement.js`
 };
 

plugins/client-js/js/app.js

@@ -1,6 +1,7 @@
 import PageNoteElement from 'page-note';
 import { MySearchApiElement, MySharingWidgetElement, MySiteCounterElement } from 'ndf-elements/dia';
 import { fixTitleAttributes, fixArchiveLinks, TitleTipElement } from 'fix-title-attr';
+import defineTogglePopoverElement from 'eleventy-plugin-popover/browser';
 
 const { customElements } = window;
 
@@ -11,6 +12,8 @@ customElements.define('site-counter', MySiteCounterElement);
 // customElements.define('site-search', SiteSearchElement);
 customElements.define('title-tip', TitleTipElement);
 
+defineTogglePopoverElement();
+
 // Only add the HTML validator button when serving locally.
 if (pageInfo().isServeMode) {
   import('validator-button').then(({ default: ValidatorButton }) => {