| #!/bin/bash | |
| # | |
| # Read .env format file from stdtin and sets environment on Heroku app | |
| # Usage: | |
| # $ grep '^SOME_PREFIX' .env.production | herokuconfig.sh | sh -x | |
| # | |
| sed -e '/^#/d' -e '/^$/d' -e 's/^/heroku config:set /' |
If you have node / nvm installed in Windows and then run WSL ... you may end up running Node or NVM from Windows.
To fix this ... remove Windows PATH folders from your WSL environment by ...
Confirming that you have Windows paths in WSL
$ echo $PATH | tr : '\n'
/etc/wsl.conf file containing ...
| /* | |
| * Copyright 2021 Anthony M. J. O'Hagan | |
| * MIT License | |
| */ | |
| /** | |
| * Convert Quasar QTable rows/columns to CSV format string | |
| * @param {*} columns QTable columns | |
| * @param {*} rows QTable rows | |
| * @returns CSV as a string |
| var EventYouTubeVideo = (function(){ | |
| var module = {}; | |
| module.init = function(){ | |
| var tag = document.createElement('script'); | |
| tag.src = "http://www.youtube.com/iframe_api"; | |
| var firstScriptTag = document.getElementsByTagName('script')[0]; | |
| firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); | |
| }; | |
| ```js | |
| <!-- watch for ctrl-/ - Vue2 only. --> | |
| <div @keyup.ctrl.191="$root.$emit('onSearchFocus')" /> | |
| ... | |
| <v-text-field ref="search" ... > | |
| ... | |
| </v-text-field> |
| // then, in the parent component, | |
| // watch the `$route` to determine the transition to use | |
| watch: { | |
| '$route' (to, from) { | |
| const toDepth = to.path.split('/').length | |
| const fromDepth = from.path.split('/').length | |
| this.transitionName = toDepth < fromDepth ? 'slide-right' : 'slide-left' | |
| } | |
| } |
| <html> | |
| <head> | |
| <style> | |
| #showWarning { | |
| opacity: 0; | |
| animation: cssAnimation 0s 10s forwards; | |
| -moz-animation: cssAnimation 10s; /* Firefox */ | |
| -webkit-animation: cssAnimation 10s; /* Safari/Chrome */ | |
| -o-animation: cssAnimation 10s; /* Opera */ | |
| animation: cssAnimation 10s; |
| // Fast and does not need width/height (CSS sizing is more powerful) | |
| // https://github.com/udwarf/qrcode-compact-svg | |
| import { QRCode as QRCodeSvg } from "./qrcode-compact-svg"; | |
| export default { | |
| name: "qr-code", | |
| props: { | |
| content: { type: String, required: true }, // URL or text to encode | |
| padding: { type: Number, default: 1 }, // 0 .. 1 padding | |
| color: { type: String, default: "black" }, // Foreground color |
| // Polyfill to expand variables in a string | |
| // Example: "Welcome back ${name}. Glad to see you".expandVars({name: "Fred"}); | |
| // Variables defined in `vars` can be string/number values or a getter function. | |
| // eslint-disable-next-line no-extend-native | |
| String.prototype.expandVars = function(vars) { | |
| return this.replace(/\${([^{}]*)}/g, function(str, varName) { | |
| var value = vars[varName]; | |
| return typeof value === "string" || typeof value === "number" ? value : str; | |
| }); |
Note: This guide applies to the project created by quasar-cli.
First install typescript and ts-loaderpackages in your project.
npm i -D typescript ts-loaderThen modified the quasar.conf.js file in your project: