View designer.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link rel="import" href="../core-icon-button/core-icon-button.html"> | |
<link rel="import" href="../core-toolbar/core-toolbar.html"> | |
<link rel="import" href="../core-icons/core-icons.html"> | |
<link rel="import" href="../paper-icon-button/paper-icon-button.html"> | |
<link rel="import" href="../paper-tabs/paper-tabs.html"> | |
<link rel="import" href="../paper-tabs/paper-tab.html"> | |
<polymer-element name="my-element"> | |
<template> |
View main.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Vue from 'vue'; | |
import App from './App.vue'; | |
import ApolloClient, { createNetworkInterface, addTypename } from 'apollo-client'; | |
import VueApollo from 'vue-apollo'; | |
// Create the apollo client | |
const apolloClient = new ApolloClient({ | |
networkInterface: createNetworkInterface({ | |
uri: 'http://localhost:8080/graphql', | |
transportBatching: true, |
View PostList.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script> | |
import gql from 'graphql-tag'; | |
// GraphQL query | |
const postsQuery = gql` | |
query allPosts { | |
posts { | |
id | |
title | |
votes |
View PostList.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
apollo: { | |
posts: { | |
query: postsQuery, | |
loadingKey: 'loading', | |
// Polling query | |
pollInterval: 300, // ms | |
}, | |
}, |
View App.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script> | |
export default { | |
created() { | |
this.$apollo.watchQuery({ | |
/* options */ | |
}).then(data => { | |
console.log(data); | |
}); | |
}, | |
}; |
View PostUpvoter.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script> | |
import gql from 'graphql-tag'; | |
// GraphQL Mutation with one parameter | |
const upvoteMutation = gql` | |
mutation upvotePost($postId: Int!) { | |
upvotePost(postId: $postId) { | |
id | |
votes | |
} |
View PostList.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Local state | |
data: () => ({ | |
// You can initialize the 'posts' data here | |
posts: [], | |
loading: 0, | |
}), |
View subscriptions.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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); |
View transition.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 |
View Demo.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<div> | |
<div v-if="$responsive.mobile">Mobile</div> | |
<div v-else-if="$responsive.tablet">Tablet</div> | |
<div v-else>Desktop</div> | |
</div> | |
</template> |
OlderNewer