Skip to content

Instantly share code, notes, and snippets.

What the heck do you think my status is?

Scott smolinari

What the heck do you think my status is?
Block or report user

Report or block smolinari

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View q-virtual-scroll2.vue
style="max-height: 300px; overflow-x: hidden"
<template v-slot="{ item, index }">
<some-component :key="index" :index="item.index" :sent="item.sent" />
View q-virtual-scroll.vue
style="max-height: 300px;"
<template v-slot="{ item, index }">
View exampleComponentReworkedWithReactive.vue
<template lang="pug">
div.component(ref="el" :style="{ filter: `saturate(${saturation}) brightness(${brightness})` }")
div Brightness: {{brightness}}
div Saturation: {{saturation}}
div Width: {{width}}
div Height: {{height}}
div X: {{x}}
div Y: {{y}}
View gist:75cf82af6f1906d1a090e4c3f6d687ff
λ yarn build
yarn run v1.13.0
$ node build/
💥 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 / apollo.js
Created Oct 4, 2018
The plugin file for Quasar and Vue-Apollo
View apollo.js
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({
View Index.vue
<q-page class="flex flex-center">
<q-btn @click="log" label="Log Stuff"></q-btn>
export default {
smolinari / gist:fba3d3092cacae628eabfce6fd02a29f
Created Jan 5, 2018
A context menu in VueJS/ Quasar Framework
View gist:fba3d3092cacae628eabfce6fd02a29f
<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.
On a real mobile device it works different by opening a minimized Modal triggered by a long tap.
<span class="mobile-only">
smolinari / VueIsBetterThanReact.js
Last active Jan 27, 2017
Why (I think) Vue is better than React
View VueIsBetterThanReact.js
// 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 / gist:609335f498c456bd97c3ff86ad6136db
Last active Sep 22, 2016
Example ODB Cluster to Shard Code Change
View gist:609335f498c456bd97c3ff86ad6136db
* * Copyright 2014 Orient Technologies LTD (info(at)
* *
* * 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
* *
* *
* *
View gist:8fbe329f1cd347dd8795
$ 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
You can’t perform that action at this time.