Skip to content

Instantly share code, notes, and snippets.

Avatar
💚
RIP IE

Guillaume Chau Akryum

💚
RIP IE
View GitHub Profile
View designer.html
<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>
@Akryum
Akryum / main.js
Created Sep 21, 2016
vue-apollo configuration and app startup
View main.js
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,
@Akryum
Akryum / PostList.vue
Created Sep 21, 2016
Polling vue-apollo query
View PostList.vue
apollo: {
posts: {
query: postsQuery,
loadingKey: 'loading',
// Polling query
pollInterval: 300, // ms
},
},
View App.vue
<script>
export default {
created() {
this.$apollo.watchQuery({
/* options */
}).then(data => {
console.log(data);
});
},
};
@Akryum
Akryum / PostList.vue
Last active Nov 1, 2016
Initialize data
View PostList.vue
// Local state
data: () => ({
// You can initialize the 'posts' data here
posts: [],
loading: 0,
}),
@Akryum
Akryum / subscriptions.js
Created Nov 1, 2016
GraphQL server subscriptions
View subscriptions.js
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
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
@Akryum
Akryum / index.html
Created May 4, 2017
Mobile Browser color
View index.html
<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"/>
@Akryum
Akryum / README.md
Last active Sep 18, 2017 — forked from patrick-steele-idem/README.md
Syntax: Marko vs Vue
View README.md

Syntax: Marko vs Vue

Custom tags and passing data

Marko:

<greeting
  name=fullName
  message-count=30
@Akryum
Akryum / example.js
Created Oct 14, 2017
Scoped slots + Apollo
View example.js
Vue.component('SomeData', {
apollo: {
items: ITEMS_QUERY,
},
template: `
<div>
<slot :items="items"/>
</div>
`,
})