I did actually figured it out using lodash.
I had to create separate data called options or something and assign that to select options
here is my filtering function

filterFn(val, update, abort) {
      console.log(val)
      update(() => {
        const needle = val.toLowerCase()
          this.partsOptions = _.filter(this.partNo,function(o){
            return o.partNo.val.toLowerCase().indexOf(needle)>-1
          })
      })
    }

I am having difficulties to make autocomplete work on dynamic object.
my Select looks like this :

<q-select
            label="Part Number"
            stack-label
            :value="items[data.key].partNo"
            :options="partNo"
            option-value="partNo"
            option-label="partNo"
            use-input
            outlined
            dense
            options-dense
            @filter="filterFn"
          />

And I have an Array with objects that looks like:

{
partNo: '123456',
orgName: 'xxxx',
partDesc: 'xxx' 
},
{
partNo: '143566',
orgName: 'xxxx',
partDesc: 'xxx' 
}
.
.
.

obviously function from example wont work:

    filterFn(val, update, abort) {
      console.log(val)
      update(() => {
        const needle = val.toLowerCase()
          this.partNo = this.partNo.filter(
            v => v.toLowerCase().indexOf(needle) > -1
          )
      })
    }

anyone have some nice ideas for that problem ?

I am having difficulties to disable splash screen in capacitor.

I added to App.Vue

import { Plugins } from '@capacitor/core'
const { SplashScreen } = Plugins
SplashScreen.hide()

that didn’t do a thing. I also tried to set in quasar config and/or capacitor.config.json but no joy.

"plugins": {
    "SplashScreen": {
      "launchShowDuration": 0,
      "launchAutoHide": true,
      "backgroundColor": "#ffffffff",
      "androidSplashResourceName": "splash",
      "androidScaleType": "CENTER_CROP",
      "androidSpinnerStyle": "large",
      "iosSpinnerStyle": "small",
      "spinnerColor": "#999999",
      "showSpinner": true
    }
  }

I have my own component with splash screen, is there any way to disable capacitor splash screen ?

I confirm it works fine after just upgrading to quasar 1.5.9

I just started playing with capacitor. I have simple template app, nothing special.

Only issue I noticed, is that q-buttons are not displaying correctly. No color or shape. only label and icon. but also shape is not right, there is no margin or positioning like rendered in web browser.

Not sure if that’s compatibility issue, I don’t really know how to inspect element just like in Chrome, as I can only deploy apk on my phone directly.

That’s how it looks in Chrome:

And on Android /capacitor

To be fair, there is not much to show, I am just trying to catch q-tree default even on selected, and handle it myself. But can’t see the way to do it.
I can make watcher and watch prop. selected, but that triggers after property is change. I rather catch it before it changes and do change myself if it’s validated.

Update:

I kind of sorted it just buy using

@update:selected

in q-tree. I have method that does validation, and if not valid it puts old selected value back. not quiet preventing default but seems to be working fine.

on Q-Tree, I am trying to find smart way to make my own custom selected event. I want to do some validation and if they fail, I don’t want to change selected value.

I was trying to use watcher for selected property, but I am always ending up with infinite loop.

There must be an easy way to do it, probably I just don’t understand documentation. Any Hints ?

that was it. my previous app wasn’t updated for a while so it was 1.2.5 which it worked. new app was 1.3.0 and had that issue. After updating it to 1.3.1 everything is fine. Thanks

I am having a problem to understand behaviour. I have 2 quasar apps, with same quasar config ( I am guessing there must be some differences). One is mine, and one is from someone else.
In mine I use

<img src="~assets/img/img.png" />

and it works just fine.
but in other app, it returns

[object Module]

so to make it work there I have to do

<img :src="require('assets/img/img.png').default" />

I was thinking it might be something do to with publicPath, but both config file don’t have that option changed.
To complicate it more, second app works fine on someone else’s PC with normal aliases.
Where is the difference coming from ?