Component not being rendered with Vite + preact-ts template
- Dominant language
- TypeScript
- Stars
- 1.4k
- Forks
- 59
- Avg merge
- 22h 12m
- Merged PRs (30d)
- 5
Description
Using ` plugins: [ preact() ]` in `vite.config.js`
Tried to create a basic component, as shown in the guide:
```js
import {controller} from '@github/catalyst';
@controller
class TestThingElement extends HTMLElement {
connectedCallback() {
this.innerHTML = 'Hello World!';
}
}
```
Then use it from HTML:
```html
```
Nothing gets rendered on the page, and there's no errors. However, if I don't use the `@controller` decorator, or if I remove the preact plugin, it does work. I looked at the transpiled code and noticed this:
```js
let TestThingElement = controller(_class = class TestThingElement2 extends HTMLElement {
```
Any idea what's going on here? I assume this is causing problems with how Catalyst uses the class name to determine the custom element tag.
Contributor guide
Assessment
This issue has not been assessed yet.