@emberkit/cli 0.6.1-alpha.5 → 0.6.1-alpha.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -94,10 +94,10 @@ const Layout: RouteComponent = ({ children }) => {
|
|
|
94
94
|
|
|
95
95
|
export default Layout;`,
|
|
96
96
|
"src/routes/index.tsx": `import type { RouteComponent } from '@emberkit/core';
|
|
97
|
-
import {
|
|
97
|
+
import { createSignal } from '@emberkit/core';
|
|
98
98
|
|
|
99
99
|
const HomePage: RouteComponent = () => {
|
|
100
|
-
const count =
|
|
100
|
+
const [count, setCount] = createSignal(0);
|
|
101
101
|
|
|
102
102
|
return (
|
|
103
103
|
<div className="relative max-w-6xl mx-auto px-6 py-16 space-y-24">
|
|
@@ -142,14 +142,14 @@ const HomePage: RouteComponent = () => {
|
|
|
142
142
|
<div className="flex items-center justify-center gap-6">
|
|
143
143
|
<button
|
|
144
144
|
className="w-12 h-12 rounded-lg bg-slate-800 border border-slate-700 hover:bg-ember-500 hover:border-ember-500 text-ember-500 hover:text-white text-xl transition-all hover:scale-110"
|
|
145
|
-
onClick={() =>
|
|
145
|
+
onClick={() => setCount(c => c - 1)}
|
|
146
146
|
>
|
|
147
147
|
−
|
|
148
148
|
</button>
|
|
149
|
-
<span className="text-5xl font-bold tabular-nums min-w-[80px] text-amber-400">{count
|
|
149
|
+
<span className="text-5xl font-bold tabular-nums min-w-[80px] text-amber-400" data-ek-bind={count}>{count()}</span>
|
|
150
150
|
<button
|
|
151
151
|
className="w-12 h-12 rounded-lg bg-slate-800 border border-slate-700 hover:bg-ember-500 hover:border-ember-500 text-ember-500 hover:text-white text-xl transition-all hover:scale-110"
|
|
152
|
-
onClick={() =>
|
|
152
|
+
onClick={() => setCount(c => c + 1)}
|
|
153
153
|
>
|
|
154
154
|
+
|
|
155
155
|
</button>
|