04-import-svelte-module.qmd

---
title: "Importing a Svelte Module"
format:
  html:
    css: ./css/svelte-counter-style.css
    include-after-body:
      text: '<script src="./js/svelte-counter.js"></script>'
---

```{ojs}
//| echo: false
targetDom = document.getElementById("counter")
```

```{ojs}
//| echo: false
//| output: false
(() => {
  targetDom.innerHTML = ''
  new Counter({ target: targetDom,
                props: { initialValue: 13 } 
              })
})()
```

::: {#counter}
Mount here 
:::