cerxes/csx
3
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

v0.0.7: Switched to lowercase decorators.

Browse Source
This commit is contained in:
Miel Truyen
2020-02-26 16:27:24 +01:00
parent 2b1846a008
commit a757ae37b3
13 changed files with 40 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
tests/todos-mvc/components/my-todo.jsx
View File

@@ -1,4 +1,4 @@
import {defineElement, render, CustomElement, Host, State} from "../../../packages/csx";
import {defineElement, render, CustomElement, Host, state} from "../../../packages/csx";
import style from './my-todo.scss';
import {TodoInput} from './todo-input';
@@ -7,7 +7,7 @@ import {TodoItem} from './todo-item';
@defineElement('my-todo')
export class MyTodo extends CustomElement{
uid = 1;
@State() todos = [
@state() todos = [
{id: this.uid++, text: "my initial todo", checked: false },
{id: this.uid++, text: "Learn about Web Components", checked: false },
];

4
tests/todos-mvc/components/todo-input.jsx
View File

@@ -1,9 +1,9 @@
import {defineElement, render, CustomElement, Host, State} from "../../../packages/csx";
import {defineElement, render, CustomElement, Host, state} from "../../../packages/csx";
import style from './todo-input.scss';
@defineElement('todo-input')
export class TodoInput extends CustomElement{
@State() value = "";
@state() value = "";
render(){
return (

6
tests/todos-mvc/components/todo-item.jsx
View File

@@ -1,10 +1,10 @@
import {defineElement, render, CustomElement, Host, ShadowDOM, State, Prop} from "../../../packages/csx";
import {defineElement, render, CustomElement, Host, ShadowDOM, state, prop} from "../../../packages/csx";
import style from './todo-item.scss';
@defineElement('todo-item')
export class TodoItem extends CustomElement{
@Prop({reflect: true}) checked = false;
@Prop() model;
@prop({reflect: true}) checked = false;
@prop() model;
render(){
return (