ref Element

```ts
/// module.ts -> module.js
export default class {
readonly static many = [] as readonly HTMLElement[] // several elements across
accessor button: HTMLElementButton
accessor host: HTMLElement
}
```
```html

```
The rule is simple. Any attribute name that equal to colon `:` are reference to that Element.
You can also [bind one attribute to many properties](../10)

It also possible to use it as [custom directive](https://www.solidjs.com/docs/latest#use___) alike by passing a method instead of undefined property or array.
```ts
/// module.ts -> module.js
import { current } from "nusa/std"

export default class {
get host(): HTMLElement { // it's also possible to use plain getter/setter
console.debug("🤗")
return current.element!
}
button() {
const btn: HTMLElementButton = current.element!
console.debug(this.host, btn)
}
}
```
```html

```