@cerebral/vue
Advanced tools
Comparing version
{ | ||
"name": "@cerebral/vue", | ||
"version": "4.0.0-1526409797341", | ||
"version": "4.0.0-1527015081471", | ||
"description": "Vue.js view for Cerebral", | ||
@@ -17,3 +17,3 @@ "main": "index.js", | ||
"dependencies": { | ||
"cerebral": "^5.0.0-1526409797341" | ||
"cerebral": "^5.0.0-1527015081471" | ||
}, | ||
@@ -20,0 +20,0 @@ "scripts": { |
@@ -13,18 +13,12 @@ # @cerebral/vue | ||
import Vue from 'vue/dist/vue' | ||
import { Controller } from 'cerebral' | ||
import App from 'cerebral' | ||
import { Container, connect } from '@cerebral/vue' | ||
import main from './main' | ||
const controller = Controller({ | ||
state: { | ||
foo: 'bar' | ||
}, | ||
signals: { | ||
clicked: [] | ||
} | ||
}) | ||
const app = App(main) | ||
var app = new Vue({ | ||
var vue = new Vue({ | ||
el: '#app', | ||
components: { | ||
container: Container(controller) | ||
container: Container(app) | ||
} | ||
@@ -50,8 +44,8 @@ }) | ||
import { connect } from '@cerebral/vue' | ||
import { state, signal } from 'cerebral/tags' | ||
import { state, signal } from 'cerebral/proxy' | ||
export default connect( | ||
{ | ||
foo: state`foo`, | ||
click: signal`clicked` | ||
foo: state.foo, | ||
click: signal.clicked | ||
}, | ||
@@ -68,19 +62,13 @@ { | ||
import Vue from 'vue/dist/vue' | ||
import { Controller } from 'cerebral' | ||
import App from 'cerebral' | ||
import { Container, connect } from '@cerebral/vue' | ||
import MyComponent from './MyComponent' | ||
import main from './main' | ||
const controller = Controller({ | ||
state: { | ||
foo: 'bar' | ||
}, | ||
signals: { | ||
clicked: [] | ||
} | ||
}) | ||
const app = App(main) | ||
var app = new Vue({ | ||
var vue = new Vue({ | ||
el: '#app', | ||
components: { | ||
container: Container(controller), | ||
container: Container(app), | ||
'my-component': MyComponent | ||
@@ -87,0 +75,0 @@ } |
11632
-1.18%111
-9.76%