smolinari

<template>
  <q-virtual-scroll
    style="max-height: 300px; overflow-x: hidden"
    :items-size="size"
    :items-fn="getItems"
    :virtual-scroll-item-size="78"
    separator
  >
    <template v-slot="{ item, index }">
      <some-component :key="index" :index="item.index" :sent="item.sent" />

smolinari

<template>
  <q-virtual-scroll
    style="max-height: 300px;"
    :items="heavyList"
    separator
  >
    <template v-slot="{ item, index }">
      <q-item
        :key="index"
        dense

smolinari

<template lang="pug">
  div.component(ref="el" :style="{ filter: `saturate(${saturation}) brightness(${brightness})` }")
    div
      div Brightness: {{brightness}}
      div Saturation: {{saturation}}
      div Width: {{width}}
      div Height: {{height}}
      div X: {{x}}
      div Y: {{y}}
</template>

smolinari

λ yarn build
yarn run v1.13.0
$ node build/script.build.js

 💥 Cleaned build artifacts.

 📦 Building Quasar v1.0.0-beta.1... [multi-threaded]

[json] dist\api\QBadge.json                        1.21kb
[json] dist\api\QAjaxBar.json                      1.73kb

smolinari

import { ApolloClient } from 'apollo-client'
import { InMemoryCache } from 'apollo-cache-inmemory'
import VueApollo from 'vue-apollo'
import fetch from 'node-fetch'
import { createHttpLink } from 'apollo-link-http'

const httpLink = createHttpLink({ uri: 'http://localhost:4000/graphql', fetch: fetch })

// Create the apollo client
const apolloClient = new ApolloClient({

smolinari

<template>
  <q-page class="flex flex-center">
    <div>
      <q-btn @click="log" label="Log Stuff"></q-btn>
    </div>
  </q-page>
</template>

<script>
export default {

smolinari

<template>
  <div class="layout-padding row justify-center">
    <div style="width: 500px; max-width: 90vw;">
      <p class="caption">
        <span class="desktop-only">
          Right click on the colored area below.
          <br>
          On a real mobile device it works different by opening a minimized Modal triggered by a long tap.
        </span>
        <span class="mobile-only">

smolinari

// Reason 1 - Vue is more pragmatic
// Reason 2 - Code using Vue ends up more elegant
// Reason 3 - Vue performs better in most cases
// Reason 4 - Vue is smaller, yet covers practically everything React does
// Reason 5 - Vue is easier to reason about or rather JSX is harder to reason about
// Reason 6 - JSX is for JS experts, Vue speaks to a much larger crowd i.e. beginners and intermediates
// Reason 6.1 - Vue is easier to learn
// Reason 7 - Vue's templating system allows for better static analysis
// Reason 8 - If you must do JSX, Vue can do it too
// Reason 9 - JSX with React isn't necessary, but ugh, then it gets even uglier

smolinari

/*
 *
 *  *  Copyright 2014 Orient Technologies LTD (info(at)orientechnologies.com)
 *  *
 *  *  Licensed under the Apache License, Version 2.0 (the "License");
 *  *  you may not use this file except in compliance with the License.
 *  *  You may obtain a copy of the License at
 *  *
 *  *       http://www.apache.org/licenses/LICENSE-2.0
 *  *

smolinari

$ PACKER_LOG=1 packer build -debug builder.json
2016/02/22 21:27:33 [INFO] Packer version: 0.9.0  a643faae672ec8b8424352476d2b91b7a7f7b06e
2016/02/22 21:27:33 Packer Target OS/Arch: windows amd64
2016/02/22 21:27:33 Built with Go Version: go1.6
2016/02/22 21:27:33 Using internal plugin for digitalocean
2016/02/22 21:27:33 Using internal plugin for file
2016/02/22 21:27:33 Using internal plugin for parallels-iso
2016/02/22 21:27:33 Using internal plugin for parallels-pvm
2016/02/22 21:27:33 Using internal plugin for vmware-vmx
2016/02/22 21:27:33 Using internal plugin for amazon-instance