Category "quasar-framework"

Trying to make equal height elements in Vue 3 / TypeScript / Quasar but it doesn't always work

In my Vue 3 / TypeScript / Quasar app I am trying to make all elements with a class of .plan-item have a matching height. To do this I am using the below code:

Vuex/quasar - mutate state from firebase 9 on boot

I'm using quasar with firebase 9. I'm trying to set the state with actions during the boot of the project. I have data in firebase that I want to load only once

How to access vue router in Vuex store module actions with Quasar framework?

I am using Quasar Framework v2 Beta Vue 3 Composition Api Vuex 4 Typescript My problem: When I import router and try to redirect User in Vuex store module actio

How to fit tab to its text?

I use Quasar framework and I'm struggling with adjusting q-tab size to its label name. I have 3 tabs and as you can see below their size is much bigger than tab

I need to implement the "Read more" function in some cards in quasar and vue js

I have more than 3 q-cards in quasar that should display more text when the read more button is pressed, but this does it in all the cards and I need it to be i

Use Quasar App code in background script of BEX

I am developing a browser extension using Quasar framework's BEX mode. In the app part (popup window), I have a TypeScript file which contains some common funct

Quasar: remove shadows from a button

How to remove shadows from the Quasar button which you can see when a cursor is hovering on the button and when the button is clicked?

Why npm doesn't see quasar?

I installed quasar with a command: npm install -g @quasar/cli Then I tried to create an app folder already with quasar: quasar create callapp The console is

Why npm doesn't see quasar?

I installed quasar with a command: npm install -g @quasar/cli Then I tried to create an app folder already with quasar: quasar create callapp The console is

Quasar: some fontawesome icons are not available

I use some fontawesome icons in a quasar project. I import them as specified in the quasar doc: Webfont icons are available through @quasar/extras package. You

How to test quasar component with cypressjs?

I use quasar to build my webapp and I have question regarding testing components with CypressJS. I am using https://quasar.dev/vue-components/select#Example--Ge

Pattern for Firebase onAuthStateChanged and Navigation Guards - Quasar app

I am facing an issue in my Quasar app with regards to browser refresh and Firebase authentication. After a user logs in and then clicks on the browser refresh,

Error on text-to-speech api : ReferenceError: speechSynthesis is not defined

I'm making a program in quasar framework (who works on vue and can be compiled on mobile by cordova). And i'm having some issues to run it on mobile. here's the

Quasar Q-table not updating with ref() array

When I update ref() array, q-table not updating. I am initiating the rows ref with the "getApplications()" function. Then when i call the reviewed() function fr

How do I remove a Quasar q-input prop on button click?

I have a quasar q-input element that I want to enable and disable at the click of a button. I have added a button to the input using v-slot:after but I don't kn

How to correctly pass a v-model down to a Quasar q-input base component?

I am using Quasar to build my Vue app and I want to create a base component (a.k.a. presentational, dumb, or pure component) using q-input. I have a created a S

jest with vue3 typescript TypeError: Cannot read property 'deep' of undefined

I am doing unit test using jest. The things I am working with is vue3 (typescript) with quasar. I am facing the following error: TypeError: Cannot read property