vite-vanillajs-component.js

/*
// Usage:

<button id="counter" type="button"></button>

import { setupCounter } from './counter.js'
setupCounter(document.querySelector('#counter'))
*/

export function setupCounter(element) {
  let counter = 0
  const setCounter = (count) => {
    counter = count
    element.innerHTML = `count is ${counter}`
  }
  element.addEventListener('click', () => setCounter(counter + 1))
  setCounter(0)
}