First of all install update and upgrade your system:
sudo apt update
sudo apt upgrade
Then, install required libraries:
import { inject, InjectionKey, provide } from 'vue'; | |
function getValueFromMaybeFunction< | |
Args extends unknown[], | |
Provided, | |
T = Provided extends (...args: Args) => infer R ? R : Provided | |
>(params: Args, valueOrFn: Provided): T { | |
// TS isn't able to narrow down correctly `T | () => T` types as infer `ReturnType<Function>` as any | |
// See: https://github.com/microsoft/TypeScript/issues/37663 | |
// See: https://github.com/microsoft/TypeScript/issues/37993#issuecomment-615369691 |
// Taken from https://github.com/angular/components/blob/master/src/cdk/drag-drop/drag-utils.ts | |
/** | |
* @license | |
* Copyright Google LLC All Rights Reserved. | |
* | |
* Use of this source code is governed by an MIT-style license that can be | |
* found in the LICENSE file at https://angular.io/license | |
*/ |
[ | |
{ | |
"currency": "Albania Lek", | |
"abbreviation": "ALL", | |
"symbol": "Lek" | |
}, | |
{ | |
"currency": "Afghanistan Afghani", | |
"abbreviation": "AFN", | |
"symbol": "؋" |
import { expose } from "threads/worker" | |
const jobWorker = { | |
async doMyJob() { | |
console.log('Hello from worker thread!') | |
} | |
} | |
export type JobWorker = typeof jobWorker | |
expose(jobWorker) |
import { inject, ref, provide } from '@vue/composition-api'; | |
export function useAppBarProviders() { | |
const title = ref(''); | |
function updateTitle(newTitle: string) { | |
title.value = newTitle; | |
} | |
provide('updateAppBarTitle', updateTitle); |
[ | |
{ | |
"code": "EUR", | |
"name": "Euro", | |
"name_plural": "euros", | |
"symbol": "€", | |
"symbol_native": "€", | |
"decimal_digits": 2, | |
"rounding": 0 | |
}, |
<template> | |
<q-dialog v-model="swDialog" persistent ref="myDialog" @show="onShow" @hide="onHide"> | |
<q-card> | |
<q-bar class="bg-primary text-white" :class="draggable?'cursor-move':''"> | |
<div class="text-h6">{{title}}</div> | |
<q-space /> | |
<q-btn dense flat icon="close" v-close-popup /> | |
</q-bar> | |
<slot></slot> | |
</q-card> |
Take note this is my personal edited version and the command related to Arch has been changed to work on my Arch system.
// https://github.com/michael-ciniawsky/postcss-load-config | |
const purgecss = require('@fullhuman/postcss-purgecss') | |
const conf = require('./quasar.conf')() | |
const ie = conf.supportIE ? ['./node_modules/quasar/src/ie-compat/*.js'] : [] | |
const plugins = conf.framework.plugins.map(plug => { | |
return `./node_modules/quasar/src/plugins/${plug}.js` | |
}) |