Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@cerebral/vue

Package Overview
Dependencies
Maintainers
5
Versions
270
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@cerebral/vue - npm Package Compare versions

Comparing version 3.2.1 to 3.2.2-1523952156059

4

package.json
{
"name": "@cerebral/vue",
"version": "3.2.1",
"version": "3.2.2-1523952156059",
"description": "Vue.js view for Cerebral",

@@ -17,3 +17,3 @@ "main": "index.js",

"dependencies": {
"cerebral": "^4.2.1"
"cerebral": "^4.2.2-1523952156059"
},

@@ -20,0 +20,0 @@ "scripts": {

@@ -6,9 +6,11 @@ # @cerebral/vue

## Install
`npm install @cerebral/vue vue`
## Container
```js
import Vue from 'vue/dist/vue'
import {Controller} from 'cerebral'
import {Container, connect} from '@cerebral/vue'
import { Controller } from 'cerebral'
import { Container, connect } from '@cerebral/vue'

@@ -24,3 +26,3 @@ const controller = Controller({

var app = new Vue({
var app = new Vue({
el: '#app',

@@ -33,3 +35,3 @@ components: {

**Note!** The HTML of the root element must use the *container*:
**Note!** The HTML of the root element must use the _container_:

@@ -45,20 +47,26 @@ ```html

## connect
*MyComponent.js*
_MyComponent.js_
```js
import {connect} from '@cerebral/vue'
import {state, signal} from 'cerebral/tags'
import { connect } from '@cerebral/vue'
import { state, signal } from 'cerebral/tags'
export default connect({
foo: state`foo`,
click: signal`clicked`
}, {
template: '<div v-on:click="click()">{{foo}}</div>'
})
export default connect(
{
foo: state`foo`,
click: signal`clicked`
},
{
template: '<div v-on:click="click()">{{foo}}</div>'
}
)
```
*main.js*
_main.js_
```js
import Vue from 'vue/dist/vue'
import {Controller} from 'cerebral'
import {Container, connect} from '@cerebral/vue'
import { Controller } from 'cerebral'
import { Container, connect } from '@cerebral/vue'
import MyComponent from './MyComponent'

@@ -75,3 +83,3 @@

var app = new Vue({
var app = new Vue({
el: '#app',

@@ -78,0 +86,0 @@ components: {

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc