Clicked { $count } { $count !== 1 ? 'times' : 'time' }
+ diff --git a/03-store/src/my-component/my-component.scss b/03-store/src/my-component/my-component.scss new file mode 100644 index 0000000..f25fffa --- /dev/null +++ b/03-store/src/my-component/my-component.scss @@ -0,0 +1,14 @@ +$main-color: blue; +$hover-color: red; + +button { + appearance: none; + display: inline-block; + background: none; + border: 3px solid $main-color; + padding: 5px; + + &:hover { + border-color: $hover-color; + } +} \ No newline at end of file diff --git a/03-store/src/store.ts b/03-store/src/store.ts new file mode 100644 index 0000000..487f9a3 --- /dev/null +++ b/03-store/src/store.ts @@ -0,0 +1,22 @@ +import { Store } from 'endorphin'; + +export type AppState = { + foo: number; + bar: string; + count: number; +}; + +export default class AppStore extends Store