No More Posting New Topics!

Anyone know if this is possible to do in table expansion?

Found solution here: https://codepen.io/pdanpdan/pen/eYmwryW?editors=1010

Have you fixed that @hexillion ? Got that issue too.

@jrhopkins83 Hi, I have the same problem. Did you solve? Thanks.

@abdullah-sohail said in How do i add global filters to Quasar?:

I cant seem to figure out how to add filters globally . Should i make a folder for global filters and then export the filter file but where do i refer it there isn’t any option for filters in quasar.config.js.

I am using Quasar 2.0.3 and a global filter can be setup like described here: https://v3.vuejs.org/guide/migration/filters.html#global-filters

I needed a global dateFormat filter and this example works for me:

boot file:

import { boot } from 'quasar/wrappers' export default boot(async ( { app } ) => { app.config.globalProperties.$filters = { dateFormat(value) { return 'date filter: ' + value } } })

template:

<template> <q-page padding> {{$filters.dateFormat("hello")}} </q-page> </template>

Output:

date filter: hello

@smaldona this solved my problem, thanks. Also this is weird the way it has to be done like this.

@michael123

Hi, this forum is dead. Please ask your questions on the Quasar github discussions forum instead.

https://github.com/quasarframework/quasar/discussions

I landed on this thread when I was looking for the same thing and am adding my response in case it helps someone else. I am currently using Quasar 2 (this may work in 1 also).

I added the following style to achieve the vertical orientation: flex-direction:column;

Worked great! Thank you

@cd said in CALL_AND_RETRY_LAST:

Hope this is helpful for others.

Very much so, I have already lost a workday before my deadline while searching for a solution. Thank you!

Can you share the full implementation here. Plz

Yes please add this kind of opportunity

Use the -T option:

quasar build -m electron -T darwin -T win32

see available options:

quasar build --help

It seems like <q-btn type="a" href="https://www.google.com">Go to Google</q-btn> works. 🙂 I gut the hint from the Open-External-URL's documentation.

I’ll admit that I’m a little lost to incorporate msal, I’m trying to use azure in my quasar app…

Appreciate any help! ^^

For anybody has trouble showing the dropdown list on cordova app, the problem for me was the css. I solved with this instruction:

.pac-container {
z-index: 9999 !important;
}

Pogo Games Not Loading is most common problem which most of the users face while playing Pogo Online games. The solution to this issues is available on many website.
• Install latest version of Java
• Enable new Java installation, restart Internet browsers.
• Remove all previously installed Java versions.
• Enable automatic updates on the devices.
• Install correct version of Java.
• Install Antivirus and Firewall on the device.
• Always use Java supported Web browsers. Chrome 64-bit for Mac became available with Chrome Version 39. » More info Check system requirements to ensure any applets that uses Java will function properly.
• Visit the Pogo website for more Java help and Pogo information
For more information Visit: https://pogo-supportcenter.com/pogo-games-not-loading/
https://pogo-supportcenter.com/
pogo sign in page, pogo games sign in, pogo pokemon go, pogo sign in problems, pogo support number, pogo account, club pogo sign in page, pogo games sign in page, pogostuck online, pogo customer service phone number, pogo customer support number, pogo support phone number, pogo games not loading, pogo login problems

I never found an answer documented but I think my hunch worked.

import { mountFactory } from '@quasar/quasar-app-extension-testing-unit-jest' import { QMenu, QList, QItemLabel, QItem, QItemSection, QIcon, QBtn, ClosePopup, } from 'quasar' import HelpMenu from '../../../../src/components/menus/HelpMenu.vue' const $t = jest.fn() // $t.mockReturnValue('') const factory = mountFactory(HelpMenu, { mount: { mocks: { $t }, }, quasar: { components: { QMenu, QList, QItemLabel, QItem, QItemSection, QIcon, QBtn, }, directives: { ClosePopup, }, }, }) describe('HelpMenu', () => { test('mount w/o error', () => { console.log(factory()) expect(factory).toBeTruthy() }) })

I no longer see the error message.

Apologies for resuming this old thread, but I have the same problem with a new project I’m setting up. This time I tried using yarn (instead of npm) but it doesn’t work neither in the default terminal nor in iTerm2.

Can somebody help me?

$ quasar info Operating System - Darwin(20.3.0) - darwin/x64 NodeJs - 14.16.1 Global packages NPM - 6.14.12 yarn - 1.22.10 @quasar/cli - undefined @quasar/icongenie - 2.3.3 cordova - Not installed Important local packages quasar - 2.0.0-beta.13 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time @quasar/app - 3.0.0-beta.17 -- Quasar Framework local CLI @quasar/extras - 1.10.4 -- Quasar Framework fonts, icons and animations eslint-plugin-quasar - Not installed vue - 3.0.11 -- vue vue-router - 4.0.5 vuex - 4.0.0 -- state management for Vue.js electron - Not installed electron-packager - Not installed electron-builder - Not installed @babel/core - 7.13.16 -- Babel compiler core. webpack - 5.35.0 -- Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff. webpack-dev-server - 4.0.0-beta.2 -- Serves a webpack app. Updates the browser on changes. workbox-webpack-plugin - Not installed register-service-worker - 1.7.2 -- Script for registering service worker, with hooks typescript - 4.2.2 -- TypeScript is a language for application scale JavaScript development @capacitor/core - Not installed @capacitor/cli - Not installed @capacitor/android - Not installed @capacitor/ios - Not installed Quasar App Extensions *None installed* $ quasar upgrade App • Looking for Quasar App Extension "upgrade" command App • ⚠️ Quasar App Extension "upgrade" is missing... ___ / _ \ _ _ __ _ ___ __ _ _ __ | | | | | | |/ _` / __|/ _` | '__| | |_| | |_| | (_| \__ \ (_| | | \__\_\\__,_|\__,_|___/\__,_|_| Running @quasar/app v3.0.0-beta.17 Example usage $ quasar <command> <options> Help for a command $ quasar <command> --help $ quasar <command> -h Options --version, -v Print Quasar App CLI version Commands dev, d Start a dev server for your App build, b Build your app for production clean, c Clean all build artifacts new, n Quickly scaffold page/layout/component/... vue file mode, m Add/remove Quasar Modes for your App inspect Inspect generated Webpack config ext, e Manage Quasar App Extensions run, r Run specific command provided by an installed Quasar App Extension describe Describe a Quasar API (component) test, t Run @quasar/testing App Extension command - requires @quasar/testing App Extension to be installed - this is an alias command for convenience purposes info, i Display info about your machine and your App help, h Displays this message If the specified command is not found, then "quasar run" will be executed with the provided arguments.

What is really happening is that you’re referencing your store’s todos to components’s todos to.
You should clone the array instead:

I found myself in the same situation but with members, and this solved the issue:

const clonedMembers: [...this.formData.members] // then you call the mutation with the clone

Yes… is a pain in the ass.

I think this is solved in Vue3.

Thx i will