Skip to content

Instantly share code, notes, and snippets.

View hawkeye64's full-sized avatar

Jeff Galbraith hawkeye64

View GitHub Profile
@hawkeye64
hawkeye64 / SVG Icon usage in Quasar
Last active March 21, 2019 12:53
SVG Icon usage in Quasar
Template Code:
<q-btn @click="home" >
<q-icon v-html="$options.filters.svg('home')" ></q-icon>
</q-btn>
Boot File:
Vue.filter("svg", function (code, options) {
options=Object.assign({
width : 20,
height : 26,
@hawkeye64
hawkeye64 / clickOutsideEvent.js
Created March 6, 2019 20:42
Vue directive (untested)
Vue.directive('click-outside', {
bind: function (el, binding, vnode) {
el.clickOutsideEvent = function (event) {
// here I check that click was outside the el and his childrens
if (!(el == event.target || el.contains(event.target))) {
// and if it did, call method provided in attribute value
vnode.context[binding.expression](event);
}
};
document.body.addEventListener('click', el.clickOutsideEvent)
@hawkeye64
hawkeye64 / dotenv-run-quasar-dev.txt
Created February 18, 2019 17:50
dotenv run quasar dev
$ quasar dev
Dev mode.......... spa
Pkg quasar........ v1.0.0-beta.0
Pkg @quasar/app... v1.0.0-beta.3
Debugging......... enabled
app:extension Running "dotenv" Quasar App Extension... +0ms
app:quasar-conf Reading quasar.conf.js +6ms
app:dev Checking listening address availability (0.0.0.0:8080)... +2ms
app:quasar-conf Extension(dotenv): Extending quasar.conf... +7ms
@hawkeye64
hawkeye64 / quasar-ext-help.txt
Created February 18, 2019 17:33
quasar ext help
$ quasar ext --help
Description
Manage Quasar App Extensions
Usage
$ quasar ext [-a|-r]
Options
--add, -a Add Quasar App Extension
@hawkeye64
hawkeye64 / quasar-create-help.txt
Created February 18, 2019 17:31
quasar create help
$ quasar create --help
Description
Creates a Quasar App or App Extension project folder
Usage
$ quasar create <project-name> [--kit <kit-name>] [--branch <version-name>]
...
@hawkeye64
hawkeye64 / app_extension_installation.txt
Created February 18, 2019 16:35
dotenv - install with common root object
app:extension Installing "dotenv" Quasar App Extension +0ms
? Name of .env for development: .env.development
? Name of .env for production: .env.production
? Name of your Common Root Object: MyData
app:extension Running App Extension install script... +34s
app:extension-manager Adding "dotenv" extension prompts to /quasar.extensions.json ... +67ms
app:extension Quasar App Extension "dotenv" successfully installed. +1ms
@hawkeye64
hawkeye64 / index.js
Created February 18, 2019 16:32
dotenv - handling common root object
// for brevity
let target = conf.build.env
// check for common root object
if (api.prompts.common_root_object && api.prompts.common_root_object !== 'none') {
let rootObject = api.prompts.common_root_object
if (!target[rootObject]) {
target[rootObject] = {}
target = target[rootObject]
@hawkeye64
hawkeye64 / prompts.js
Created February 18, 2019 16:31
dotenv: additonal prompts.js data
{
type: "input",
name: "common_root_object",
message: "Name of your Common Root Object:",
default: "none"
}
@hawkeye64
hawkeye64 / quasar.extensions.json
Created February 18, 2019 16:27
dotenv quasar.extensions.json
{
"dotenv": {
"env_development": ".env.development",
"env_production": ".env.production"
}
}
@hawkeye64
hawkeye64 / output.txt
Created February 18, 2019 16:24
dotenv file does not exist
$ quasar dev
Dev mode.......... spa
Pkg quasar........ v1.0.0-beta.2
Pkg @quasar/app... v1.0.0-beta.4
Debugging......... enabled
app:extension Running "dotenv" Quasar App Extension... +0ms
app:quasar-conf Reading quasar.conf.js +10ms
app:dev Checking listening address availability (0.0.0.0:8080)... +2ms