diff --git a/.babelrc b/.babelrc
index 96d2ec5..54c2e69 100644
--- a/.babelrc
+++ b/.babelrc
@@ -1,3 +1,3 @@
{
- "plugins": [["@babel/plugin-proposal-decorators", {"decoratorsBeforeExport": true}]]
-}
\ No newline at end of file
+ "plugins": [["@babel/plugin-proposal-decorators", { "decoratorsBeforeExport": true }]]
+}
diff --git a/.eslintrc.esm.mjs b/.eslintrc.esm.mjs
index 2bc4bc4..4f88bae 100644
--- a/.eslintrc.esm.mjs
+++ b/.eslintrc.esm.mjs
@@ -1,4 +1,4 @@
-import FRAMEWORKS from './src/frameworks.mjs'
+import FRAMEWORKS from './src/frameworks.mjs';
/**
* @type {import("eslint").Linter.Config}
diff --git a/README.md b/README.md
index 80cc5e5..108188a 100644
--- a/README.md
+++ b/README.md
@@ -13,9 +13,9 @@ How do we solve this ? Developers love having framework overview by examples. It
## Roadmap
-* \[ ] Add Preact
-* \[ ] Add Stencil
-* \[ ] Add native JS ?
+- \[ ] Add Preact
+- \[ ] Add Stencil
+- \[ ] Add native JS ?
## Progression
@@ -25,33 +25,33 @@ How do we solve this ? Developers love having framework overview by examples. It
Svelte
-* [x] Reactivity
- * [x] Declare state
- * [x] Update state
- * [x] Computed state
-* [x] Templating
- * [x] Minimal template
- * [x] Styling
- * [x] Loop
- * [x] Event click
- * [x] Dom ref
- * [x] Conditional
-* [x] Lifecycle
- * [x] On mount
- * [x] On unmount
-* [x] Component composition
- * [x] Props
- * [x] Emit to parent
- * [x] Slot
- * [x] Slot fallback
-* [x] Form input
- * [x] Input text
- * [x] Checkbox
- * [x] Radio
- * [x] Select
-* [x] Webapp features
- * [x] Routing
- * [x] Router link
+- [x] Reactivity
+ - [x] Declare state
+ - [x] Update state
+ - [x] Computed state
+- [x] Templating
+ - [x] Minimal template
+ - [x] Styling
+ - [x] Loop
+ - [x] Event click
+ - [x] Dom ref
+ - [x] Conditional
+- [x] Lifecycle
+ - [x] On mount
+ - [x] On unmount
+- [x] Component composition
+ - [x] Props
+ - [x] Emit to parent
+ - [x] Slot
+ - [x] Slot fallback
+- [x] Form input
+ - [x] Input text
+ - [x] Checkbox
+ - [x] Radio
+ - [x] Select
+- [x] Webapp features
+ - [x] Routing
+ - [x] Router link
@@ -59,33 +59,33 @@ How do we solve this ? Developers love having framework overview by examples. It
React
-* [x] Reactivity
- * [x] Declare state
- * [x] Update state
- * [x] Computed state
-* [x] Templating
- * [x] Minimal template
- * [x] Styling
- * [x] Loop
- * [x] Event click
- * [x] Dom ref
- * [x] Conditional
-* [x] Lifecycle
- * [x] On mount
- * [x] On unmount
-* [x] Component composition
- * [x] Props
- * [x] Emit to parent
- * [x] Slot
- * [x] Slot fallback
-* [x] Form input
- * [x] Input text
- * [x] Checkbox
- * [x] Radio
- * [x] Select
-* [x] Webapp features
- * [x] Routing
- * [x] Router link
+- [x] Reactivity
+ - [x] Declare state
+ - [x] Update state
+ - [x] Computed state
+- [x] Templating
+ - [x] Minimal template
+ - [x] Styling
+ - [x] Loop
+ - [x] Event click
+ - [x] Dom ref
+ - [x] Conditional
+- [x] Lifecycle
+ - [x] On mount
+ - [x] On unmount
+- [x] Component composition
+ - [x] Props
+ - [x] Emit to parent
+ - [x] Slot
+ - [x] Slot fallback
+- [x] Form input
+ - [x] Input text
+ - [x] Checkbox
+ - [x] Radio
+ - [x] Select
+- [x] Webapp features
+ - [x] Routing
+ - [x] Router link
@@ -93,33 +93,33 @@ How do we solve this ? Developers love having framework overview by examples. It
Vue 3
-* [x] Reactivity
- * [x] Declare state
- * [x] Update state
- * [x] Computed state
-* [x] Templating
- * [x] Minimal template
- * [x] Styling
- * [x] Loop
- * [x] Event click
- * [x] Dom ref
- * [x] Conditional
-* [x] Lifecycle
- * [x] On mount
- * [x] On unmount
-* [x] Component composition
- * [x] Props
- * [x] Emit to parent
- * [x] Slot
- * [x] Slot fallback
-* [x] Form input
- * [x] Input text
- * [x] Checkbox
- * [x] Radio
- * [x] Select
-* [x] Webapp features
- * [x] Routing
- * [x] Router link
+- [x] Reactivity
+ - [x] Declare state
+ - [x] Update state
+ - [x] Computed state
+- [x] Templating
+ - [x] Minimal template
+ - [x] Styling
+ - [x] Loop
+ - [x] Event click
+ - [x] Dom ref
+ - [x] Conditional
+- [x] Lifecycle
+ - [x] On mount
+ - [x] On unmount
+- [x] Component composition
+ - [x] Props
+ - [x] Emit to parent
+ - [x] Slot
+ - [x] Slot fallback
+- [x] Form input
+ - [x] Input text
+ - [x] Checkbox
+ - [x] Radio
+ - [x] Select
+- [x] Webapp features
+ - [x] Routing
+ - [x] Router link
@@ -127,33 +127,33 @@ How do we solve this ? Developers love having framework overview by examples. It
Angular
-* [x] Reactivity
- * [x] Declare state
- * [x] Update state
- * [x] Computed state
-* [x] Templating
- * [x] Minimal template
- * [x] Styling
- * [x] Loop
- * [x] Event click
- * [x] Dom ref
- * [x] Conditional
-* [x] Lifecycle
- * [x] On mount
- * [x] On unmount
-* [x] Component composition
- * [x] Props
- * [x] Emit to parent
- * [x] Slot
- * [x] Slot fallback
-* [x] Form input
- * [x] Input text
- * [x] Checkbox
- * [x] Radio
- * [x] Select
-* [x] Webapp features
- * [x] Routing
- * [x] Router link
+- [x] Reactivity
+ - [x] Declare state
+ - [x] Update state
+ - [x] Computed state
+- [x] Templating
+ - [x] Minimal template
+ - [x] Styling
+ - [x] Loop
+ - [x] Event click
+ - [x] Dom ref
+ - [x] Conditional
+- [x] Lifecycle
+ - [x] On mount
+ - [x] On unmount
+- [x] Component composition
+ - [x] Props
+ - [x] Emit to parent
+ - [x] Slot
+ - [x] Slot fallback
+- [x] Form input
+ - [x] Input text
+ - [x] Checkbox
+ - [x] Radio
+ - [x] Select
+- [x] Webapp features
+ - [x] Routing
+ - [x] Router link
@@ -161,33 +161,33 @@ How do we solve this ? Developers love having framework overview by examples. It
SolidJS
-* [x] Reactivity
- * [x] Declare state
- * [x] Update state
- * [x] Computed state
-* [x] Templating
- * [x] Minimal template
- * [x] Styling
- * [x] Loop
- * [x] Event click
- * [x] Dom ref
- * [x] Conditional
-* [x] Lifecycle
- * [x] On mount
- * [x] On unmount
-* [x] Component composition
- * [x] Props
- * [x] Emit to parent
- * [x] Slot
- * [x] Slot fallback
-* [x] Form input
- * [x] Input text
- * [x] Checkbox
- * [x] Radio
- * [x] Select
-* [x] Webapp features
- * [x] Routing
- * [x] Router link
+- [x] Reactivity
+ - [x] Declare state
+ - [x] Update state
+ - [x] Computed state
+- [x] Templating
+ - [x] Minimal template
+ - [x] Styling
+ - [x] Loop
+ - [x] Event click
+ - [x] Dom ref
+ - [x] Conditional
+- [x] Lifecycle
+ - [x] On mount
+ - [x] On unmount
+- [x] Component composition
+ - [x] Props
+ - [x] Emit to parent
+ - [x] Slot
+ - [x] Slot fallback
+- [x] Form input
+ - [x] Input text
+ - [x] Checkbox
+ - [x] Radio
+ - [x] Select
+- [x] Webapp features
+ - [x] Routing
+ - [x] Router link
@@ -195,33 +195,33 @@ How do we solve this ? Developers love having framework overview by examples. It
Lit
-* [x] Reactivity
- * [x] Declare state
- * [x] Update state
- * [x] Computed state
-* [x] Templating
- * [x] Minimal template
- * [x] Styling
- * [x] Loop
- * [x] Event click
- * [x] Dom ref
- * [x] Conditional
-* [x] Lifecycle
- * [x] On mount
- * [x] On unmount
-* [x] Component composition
- * [x] Props
- * [x] Emit to parent
- * [x] Slot
- * [x] Slot fallback
-* [x] Form input
- * [x] Input text
- * [x] Checkbox
- * [x] Radio
- * [x] Select
-* [x] Webapp features
- * [x] Routing
- * [x] Router link
+- [x] Reactivity
+ - [x] Declare state
+ - [x] Update state
+ - [x] Computed state
+- [x] Templating
+ - [x] Minimal template
+ - [x] Styling
+ - [x] Loop
+ - [x] Event click
+ - [x] Dom ref
+ - [x] Conditional
+- [x] Lifecycle
+ - [x] On mount
+ - [x] On unmount
+- [x] Component composition
+ - [x] Props
+ - [x] Emit to parent
+ - [x] Slot
+ - [x] Slot fallback
+- [x] Form input
+ - [x] Input text
+ - [x] Checkbox
+ - [x] Radio
+ - [x] Select
+- [x] Webapp features
+ - [x] Routing
+ - [x] Router link
@@ -229,33 +229,33 @@ How do we solve this ? Developers love having framework overview by examples. It
Ember
-* [x] Reactivity
- * [x] Declare state
- * [x] Update state
- * [x] Computed state
-* [x] Templating
- * [x] Minimal template
- * [x] Styling
- * [x] Loop
- * [x] Event click
- * [x] Dom ref
- * [x] Conditional
-* [x] Lifecycle
- * [x] On mount
- * [x] On unmount
-* [x] Component composition
- * [x] Props
- * [x] Emit to parent
- * [x] Slot
- * [x] Slot fallback
-* [x] Form input
- * [x] Input text
- * [x] Checkbox
- * [x] Radio
- * [x] Select
-* [x] Webapp features
- * [x] Routing
- * [x] Router link
+- [x] Reactivity
+ - [x] Declare state
+ - [x] Update state
+ - [x] Computed state
+- [x] Templating
+ - [x] Minimal template
+ - [x] Styling
+ - [x] Loop
+ - [x] Event click
+ - [x] Dom ref
+ - [x] Conditional
+- [x] Lifecycle
+ - [x] On mount
+ - [x] On unmount
+- [x] Component composition
+ - [x] Props
+ - [x] Emit to parent
+ - [x] Slot
+ - [x] Slot fallback
+- [x] Form input
+ - [x] Input text
+ - [x] Checkbox
+ - [x] Radio
+ - [x] Select
+- [x] Webapp features
+ - [x] Routing
+ - [x] Router link
@@ -263,33 +263,33 @@ How do we solve this ? Developers love having framework overview by examples. It
Alpine.js
-* [x] Reactivity
- * [x] Declare state
- * [x] Update state
- * [x] Computed state
-* [x] Templating
- * [x] Minimal template
- * [x] Styling
- * [x] Loop
- * [x] Event click
- * [x] Dom ref
- * [x] Conditional
-* [x] Lifecycle
- * [x] On mount
- * [x] On unmount
-* [x] Component composition
- * [x] Props
- * [x] Emit to parent
- * [x] Slot
- * [x] Slot fallback
-* [x] Form input
- * [x] Input text
- * [x] Checkbox
- * [x] Radio
- * [x] Select
-* [ ] Webapp features
- * [ ] Routing
- * [ ] Router link
+- [x] Reactivity
+ - [x] Declare state
+ - [x] Update state
+ - [x] Computed state
+- [x] Templating
+ - [x] Minimal template
+ - [x] Styling
+ - [x] Loop
+ - [x] Event click
+ - [x] Dom ref
+ - [x] Conditional
+- [x] Lifecycle
+ - [x] On mount
+ - [x] On unmount
+- [x] Component composition
+ - [x] Props
+ - [x] Emit to parent
+ - [x] Slot
+ - [x] Slot fallback
+- [x] Form input
+ - [x] Input text
+ - [x] Checkbox
+ - [x] Radio
+ - [x] Select
+- [ ] Webapp features
+ - [ ] Routing
+ - [ ] Router link