Questions tagged [quasar-framework]

Questions regarding the Quasar framework, with which you can build responsive websites(SPA/SSR), PWAs, hybrid mobile Apps (that look native!), browser extensions, and Electron apps using the same code, powered with Vue.

An open-source framework powered with Vue that allows you to develop responsive websites(SPA/SSR), PWAs, mobile apps (Android, iOS, etc. using Cordova/Capacitor), browser extensions, and multi-platform desktop apps.

Docs and Guide

Repository

1357 questions
26
votes
3 answers

Quasar Error: Cannot find module 'ajv/dist/compile/codegen'

(node:21216) UnhandledPromiseRejectionWarning: Error: Cannot find module 'ajv/dist/compile/codegen' loader.js:815 Function.Module._resolveFilename internal/modules/cjs/loader.js:815:15 loader.js:667…
Micessien
  • 431
  • 1
  • 4
  • 7
22
votes
3 answers

Any way yet to auto-update (or just clear the cache on) a PWA on iOS?

I have been struggling on iOS with something that works easily on Android: Getting my PWA to auto-update when there is a new version. I am not at all sure this is even possible on iOS. I have used vue.js and Quasar to build my app, and everything…
Stephen
  • 8,038
  • 6
  • 41
  • 59
15
votes
4 answers

Jest error Could not locate module .... mapped as:

I try use Jest with VueJS and Quasar framework. I write simple test: import { GetUserDictionaryDataComponent, Component } from '@/pages/configurations/components/'; describe('GetUserDictionaryDataComponent', () => { it('should get correct type',…
All_Safe
  • 1,339
  • 2
  • 23
  • 43
12
votes
1 answer

VueJS 3 Composition API and TypeScript type issue when passing props into setup: Property 'user' does not exist on type

I am struggling to work out what I am doing wrong to get TypeScript to understand that props.user is of type UserInterface, any advice or pointers would be amazing vue@3.1.1, typescript@4.2.2, quasar@2.0.0-rc.3. This feels more like a native VueJS…
12
votes
3 answers

Notifications failing at notify()

I am trying to fire a simple notification in Quasar 2: setup() { const $q = useQuasar() $q.notify('hello') } This fails with: Uncaught TypeError: $q.notify is not a function This is a UMD application that works fine without these two lines -…
WoJ
  • 27,165
  • 48
  • 180
  • 345
10
votes
1 answer

how to handle an "enter" in a q-input / preventDefault on submit?

I have a text input field, something like:
dcsan
  • 11,333
  • 15
  • 77
  • 118
9
votes
2 answers

Quasar framework q-select sets an object in the v-model than the id

I have the following code for my select
Geoff
  • 6,277
  • 23
  • 87
  • 197
9
votes
0 answers

A problem repeatedly occurred when reopening PWA in iOS/Safari

I'm developing a PWA (VueJS/Quasar) and, from time to time, face the following error when re-opening the app (saved on the home screen) after a while. Black screen with: A problem repeatedly occurred on "https://..." I have found some hints…
9
votes
3 answers

How to make a Quasar q-page-container child use full height of its grandparent?

I've got a Quasar layout, and a component that I need to fill 100% of the height of the q-page-container element. The problem is that the container does not fully expand to cover the entire height (unlike the drawer, which, using absolute…
Denton
  • 93
  • 1
  • 1
  • 4
9
votes
3 answers

Prevent click propagation outside of Quasar q-select

I'm using Quasar UI elements in a Vue.js project. For some pop-up elements, specifically q-select in this case, clicking outside of the q-select causes it to close. That's fine -- that's the behaviour I want, but the click event also propagates to…
user2943799
  • 947
  • 2
  • 13
  • 23
9
votes
1 answer

quasar : What is `Cordova id`?Where can I get it?

This is the first time I used quasar,I am creating a project with Quasar CLI following the docs (https://quasar-framework.org/guide/app-installation.html) λ quasar init quasar_demo Running command: vue init 'quasarframework/quasar-starter-kit'…
zwl1619
  • 4,002
  • 14
  • 54
  • 110
8
votes
3 answers

How to create a persistant state for Pinia + Quasar?

I'm using Pinia for state managment, and I want the state to persist when the page is refeshed. I'm aware of two options: Use a plugin. Vuex has a vuex-persistedstate plugin for this, and Pinia has a similar plugin but it's still under…
TinyTiger
  • 1,801
  • 7
  • 47
  • 92
8
votes
1 answer

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 SFC named VInput.vue as my base component, it looks like this: