## đ What is a setupin?
**setupin** allows you to use [Vue SFC](https://vuejs.org/api/sfc-spec) syntax in HTML.
Using the [sfc2esm](../../../sfc2esm), which compiled at runtime for esm vue code format, and dynamic execution.
## đ¤¯ Code comparison
esm.html
vue **esm** is complicated to write
```html
esm
```
setup.vue
vue **sfc** needs to be compiled
```html
```
setupin.html
**setupin** brings it all together
```html
setupin
```
It's exactly the same as Vue SFC except for the \
## đ¤ Characteristics
- [x] [top-level await](https://vuejs.org/api/sfc-script-setup.html#top-level-await)
- [x] [sfc css features](https://vuejs.org/api/sfc-css-features.html)
- [x] [Options API](https://vuejs.org/guide/introduction.html#options-api)
## đ¤ Why setupin
1. **Easy to learn**
Offer a friendly environment for beginners to easily grasp the core usage of Vue.
2. **Simple development**
Provide a convenient way to rapidly develop small webpage without complex configurations.
3. **Quick experience**
Allow users to quickly experiment with Vue's new features in HTML and feel its charm.
## đ Playground
try it on
[stackblitz](https://stackblitz.com/edit/setupin?file=index.html)
!
## đĨ° Usage
```html
```
