diff options
| author | Jan Tuomi <jan.tuomi@eficode.com> | 2018-03-03 17:44:55 +0200 |
|---|---|---|
| committer | Jan Tuomi <jan.tuomi@eficode.com> | 2018-03-03 17:44:55 +0200 |
| commit | db90ddaec4181c85c40b6897ab87342948f28e8b (patch) | |
| tree | 0325b93606d0639a65a4e8efaf4a3a8b6926d09a | |
| parent | 7f3665b501217db16deb62d079cc18506f6ac566 (diff) | |
Start using riot-vigilante
| -rw-r--r-- | package.json | 3 | ||||
| -rw-r--r-- | src/components/counter/counter.tag | 2 | ||||
| -rw-r--r-- | src/components/push-button/push-button.tag | 2 | ||||
| -rw-r--r-- | src/components/site/site.tag | 2 | ||||
| -rw-r--r-- | src/observables/clicker.js | 9 | ||||
| -rw-r--r-- | src/observables/index.js | 3 | ||||
| -rw-r--r-- | yarn.lock | 8 |
7 files changed, 12 insertions, 17 deletions
diff --git a/package.json b/package.json index 5ee0a57..5476eca 100644 --- a/package.json +++ b/package.json @@ -16,7 +16,8 @@ }, "dependencies": { "less": "^3.0.1", - "riot": "^3.7.4" + "riot": "^3.7.4", + "riot-vigilante": "^1.0.1" }, "devDependencies": { "babel-core": "^6.26.0", diff --git a/src/components/counter/counter.tag b/src/components/counter/counter.tag index d558e8e..a319436 100644 --- a/src/components/counter/counter.tag +++ b/src/components/counter/counter.tag @@ -5,7 +5,7 @@ this.count = 0; const counter = this; - clicker.on('click', () => { + observe('clicker').on('click', () => { counter.count += 1; counter.update(); }); diff --git a/src/components/push-button/push-button.tag b/src/components/push-button/push-button.tag index 2d24c88..6517591 100644 --- a/src/components/push-button/push-button.tag +++ b/src/components/push-button/push-button.tag @@ -7,7 +7,7 @@ <script> click() { - clicker.trigger('click'); + observe('clicker').trigger('click'); } </script> </push-button>
\ No newline at end of file diff --git a/src/components/site/site.tag b/src/components/site/site.tag index c5e8706..a0dc173 100644 --- a/src/components/site/site.tag +++ b/src/components/site/site.tag @@ -5,6 +5,6 @@ <script> /* Import everything that you want to have in scope in your tags here */ import riot from 'riot'; - import { clicker } from './observables'; + import { observe } from 'vigilante'; </script> </site>
\ No newline at end of file diff --git a/src/observables/clicker.js b/src/observables/clicker.js deleted file mode 100644 index ae3d3b1..0000000 --- a/src/observables/clicker.js +++ /dev/null @@ -1,9 +0,0 @@ -import riot from 'riot'; - -function Clicker() { - riot.observable(this); -} - -const clicker = new Clicker(); - -export default clicker;
\ No newline at end of file diff --git a/src/observables/index.js b/src/observables/index.js deleted file mode 100644 index d26b412..0000000 --- a/src/observables/index.js +++ /dev/null @@ -1,3 +0,0 @@ -import clicker from './clicker'; - -export { clicker };
\ No newline at end of file @@ -3366,7 +3366,13 @@ riot-tmpl@^3.0.8: dependencies: eslint-config-riot "^1.0.0" -riot@^3.7.4: +riot-vigilante@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/riot-vigilante/-/riot-vigilante-1.0.1.tgz#3d5c05f940682abc0bf5b3233455a3289547a9e6" + dependencies: + riot "^3.9.0" + +riot@^3.7.4, riot@^3.9.0: version "3.9.0" resolved "https://registry.yarnpkg.com/riot/-/riot-3.9.0.tgz#a7a87b82ff8240d99ab0112f6033b532a6d41abd" dependencies: |