Marko:
<greeting
name=fullName
message-count=30
const sendThisToDevtools = { | |
_custom: { | |
type: 'set', | |
display: 'Set[3]', | |
readOnly: true, | |
value: [1, 2, { | |
_custom: { | |
type: 'map', | |
display: 'Map[3]', | |
value: { a: 42, b: 'foo' } |
Vue.component('SomeData', { | |
apollo: { | |
items: ITEMS_QUERY, | |
}, | |
template: ` | |
<div> | |
<slot :items="items"/> | |
</div> | |
`, | |
}) |
<meta name="theme-color" content="#00aaff"/> | |
<!-- Windows Phone --> | |
<meta name="msapplication-navbutton-color" content="#00aaff"/> | |
<!-- iOS Safari --> | |
<meta name="apple-mobile-web-app-capable" content="yes"/> | |
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/> |
<template> | |
<div> | |
<div v-if="$responsive.mobile">Mobile</div> | |
<div v-else-if="$responsive.tablet">Tablet</div> | |
<div v-else>Desktop</div> | |
</div> | |
</template> |
const field = this._leaving ? 'leave' : 'enter' | |
const lastField = '_lastDuration_' + field | |
const duration = this.duration | |
const explicitDuration = parseDuration(( | |
duration !== null && | |
typeof duration === 'object' && | |
duration[field] | |
) || duration) | |
const el = child.elm |
import { PubSub, SubscriptionManager } from 'graphql-subscriptions'; | |
import schema from './schema'; | |
const pubsub = new PubSub(); | |
const subscriptionManager = new SubscriptionManager({ | |
schema, | |
pubsub, | |
setupFunctions: { | |
tagAdded: (options, args) => { | |
console.log(args); |
// Local state | |
data: () => ({ | |
// You can initialize the 'posts' data here | |
posts: [], | |
loading: 0, | |
}), |
<script> | |
import gql from 'graphql-tag'; | |
// GraphQL Mutation with one parameter | |
const upvoteMutation = gql` | |
mutation upvotePost($postId: Int!) { | |
upvotePost(postId: $postId) { | |
id | |
votes | |
} |
<script> | |
export default { | |
created() { | |
this.$apollo.watchQuery({ | |
/* options */ | |
}).then(data => { | |
console.log(data); | |
}); | |
}, | |
}; |