mirror of https://github.com/sveltejs/svelte
parent
0d192c9fb6
commit
7f97f954b2
@ -0,0 +1,63 @@
|
||||
/* generated by Svelte vX.Y.Z */
|
||||
import {
|
||||
SvelteComponent,
|
||||
append,
|
||||
component_subscribe,
|
||||
detach,
|
||||
element,
|
||||
init,
|
||||
insert,
|
||||
noop,
|
||||
safe_not_equal,
|
||||
set_data,
|
||||
text
|
||||
} from "svelte/internal";
|
||||
import { writable } from "svelte/store";
|
||||
|
||||
function create_fragment(ctx) {
|
||||
var h1, t;
|
||||
|
||||
return {
|
||||
c() {
|
||||
h1 = element("h1");
|
||||
t = text(ctx.$foo);
|
||||
},
|
||||
|
||||
m(target, anchor) {
|
||||
insert(target, h1, anchor);
|
||||
append(h1, t);
|
||||
},
|
||||
|
||||
p(changed, ctx) {
|
||||
if (changed.$foo) {
|
||||
set_data(t, ctx.$foo);
|
||||
}
|
||||
},
|
||||
|
||||
i: noop,
|
||||
o: noop,
|
||||
|
||||
d(detaching) {
|
||||
if (detaching) {
|
||||
detach(h1);
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
function instance($$self, $$props, $$invalidate) {
|
||||
let $foo;
|
||||
|
||||
const foo = writable(0); component_subscribe($$self, foo, $$value => $$invalidate('$foo', $foo = $$value));
|
||||
|
||||
return { foo, $foo };
|
||||
}
|
||||
|
||||
class Component extends SvelteComponent {
|
||||
constructor(options) {
|
||||
super();
|
||||
init(this, options, instance, create_fragment, safe_not_equal, []);
|
||||
}
|
||||
}
|
||||
|
||||
export default Component;
|
@ -0,0 +1,6 @@
|
||||
<script>
|
||||
import { writable } from 'svelte/store';
|
||||
const foo = writable(0);
|
||||
</script>
|
||||
|
||||
<h1>{$foo}</h1>
|
@ -0,0 +1,79 @@
|
||||
/* generated by Svelte vX.Y.Z */
|
||||
import {
|
||||
SvelteComponent,
|
||||
append,
|
||||
detach,
|
||||
element,
|
||||
init,
|
||||
insert,
|
||||
listen,
|
||||
noop,
|
||||
safe_not_equal,
|
||||
set_data,
|
||||
space,
|
||||
subscribe,
|
||||
text
|
||||
} from "svelte/internal";
|
||||
import { writable } from "svelte/store";
|
||||
|
||||
function create_fragment(ctx) {
|
||||
var h1, t0, t1, button, dispose;
|
||||
|
||||
return {
|
||||
c() {
|
||||
h1 = element("h1");
|
||||
t0 = text(ctx.$foo);
|
||||
t1 = space();
|
||||
button = element("button");
|
||||
button.textContent = "reset";
|
||||
dispose = listen(button, "click", ctx.click_handler);
|
||||
},
|
||||
|
||||
m(target, anchor) {
|
||||
insert(target, h1, anchor);
|
||||
append(h1, t0);
|
||||
insert(target, t1, anchor);
|
||||
insert(target, button, anchor);
|
||||
},
|
||||
|
||||
p(changed, ctx) {
|
||||
if (changed.$foo) {
|
||||
set_data(t0, ctx.$foo);
|
||||
}
|
||||
},
|
||||
|
||||
i: noop,
|
||||
o: noop,
|
||||
|
||||
d(detaching) {
|
||||
if (detaching) {
|
||||
detach(h1);
|
||||
detach(t1);
|
||||
detach(button);
|
||||
}
|
||||
|
||||
dispose();
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
function instance($$self, $$props, $$invalidate) {
|
||||
let $foo, $$unsubscribe_foo = noop, $$subscribe_foo = () => ($$unsubscribe_foo(), $$unsubscribe_foo = subscribe(foo, $$value => $$invalidate('$foo', $foo = $$value)), foo);
|
||||
|
||||
$$self.$$.on_destroy.push(() => $$unsubscribe_foo());
|
||||
|
||||
let foo = writable(0); $$subscribe_foo();
|
||||
|
||||
const click_handler = () => $$subscribe_foo($$invalidate('foo', foo = writable(0)));
|
||||
|
||||
return { foo, $foo, click_handler };
|
||||
}
|
||||
|
||||
class Component extends SvelteComponent {
|
||||
constructor(options) {
|
||||
super();
|
||||
init(this, options, instance, create_fragment, safe_not_equal, []);
|
||||
}
|
||||
}
|
||||
|
||||
export default Component;
|
@ -0,0 +1,7 @@
|
||||
<script>
|
||||
import { writable } from 'svelte/store';
|
||||
let foo = writable(0);
|
||||
</script>
|
||||
|
||||
<h1>{$foo}</h1>
|
||||
<button on:click="{() => foo = writable(0)}">reset</button>
|
Loading…
Reference in new issue