@metalsadman said in Property '$q' does not exist on type:

context.root.$q

yah it works

how to access this.$q under setup()

<script lang="ts">
// import { LoadingBar } from 'quasar'
import { defineComponent, onMounted } from '@vue/composition-api'

export default defineComponent({
  name: 'AuthLayout',
  setup () {
      onMounted(() => {
        this.$q.loadingBar.stop()
        console.log('mounted!')

        })
    return { }
  }
})
</script>

incase you looking for v2 with vue3

const pickup = ref<QInput | null>(null);

<q-input
                          class="full-width"
                          required
                          ref="pickup"
                          type="text"
                          dense
                          label="Enter Pickup Location"
                          v-model="form.pickup"
                          
                        />

let input =  pickup.value.getNativeElement() as unknown as HTMLInputElement;
 return {
      pickup,
....
}

this may be late just incase use this https://github.com/diadal/firebase

where you able to fix this am fixing same issue

QUploader not working on capacitor android app any help how to fix this below issue

E/AndroidRuntime: FATAL EXCEPTION: main
    Process: app.myapp, PID: 10587
    java.lang.RuntimeException: Failure delivering result ResultInfo{who=null, request=2099529143, result=0, data=null} to activity {app.myapp/app.myapp.MainActivity}: java.lang.IllegalStateException: showFileChooser result was already called
        at android.app.ActivityThread.deliverResults(ActivityThread.java:4360)
        at android.app.ActivityThread.handleSendResult(ActivityThread.java:4402)
        at android.app.servertransaction.ActivityResultItem.execute(ActivityResultItem.java:49)
        at android.app.servertransaction.TransactionExecutor.executeCallbacks(TransactionExecutor.java:108)
        at android.app.servertransaction.TransactionExecutor.execute(TransactionExecutor.java:68)
        at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1808)
        at android.os.Handler.dispatchMessage(Handler.java:106)
        at android.os.Looper.loop(Looper.java:193)
        at android.app.ActivityThread.main(ActivityThread.java:6669)
        at java.lang.reflect.Method.invoke(Native Method)
        at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:493)
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:858)
     Caused by: java.lang.IllegalStateException: showFileChooser result was already called
        at xs.onReceiveValue(PG:4)
        at com.getcapacitor.BridgeWebChromeClient.lambda$showFilePicker$15(BridgeWebChromeClient.java:434)
        at com.getcapacitor.-$$Lambda$BridgeWebChromeClient$K2q_hX7VVU3kdrpTHIyaUpWfpEc.onActivityResult(Unknown Source:2)
        at com.getcapacitor.BridgeWebChromeClient.lambda$new$1$BridgeWebChromeClient(BridgeWebChromeClient.java:77)
        at com.getcapacitor.-$$Lambda$BridgeWebChromeClient$nK4HrLIPc8JbAwJyF2CGTpDio8A.onActivityResult(Unknown Source:4)
        at androidx.activity.result.ActivityResultRegistry.doDispatch(ActivityResultRegistry.java:362)
        at androidx.activity.result.ActivityResultRegistry.dispatchResult(ActivityResultRegistry.java:322)
        at androidx.activity.ComponentActivity.onActivityResult(ComponentActivity.java:634)
        at androidx.fragment.app.FragmentActivity.onActivityResult(FragmentActivity.java:164)
        at com.getcapacitor.BridgeActivity.onActivityResult(BridgeActivity.java:217)
        at android.app.Activity.dispatchActivityResult(Activity.java:7454)
        at android.app.ActivityThread.deliverResults(ActivityThread.java:4353)
        at android.app.ActivityThread.handleSendResult(ActivityThread.java:4402) 
        at android.app.servertransaction.ActivityResultItem.execute(ActivityResultItem.java:49) 
        at android.app.servertransaction.TransactionExecutor.executeCallbacks(TransactionExecutor.java:108) 
        at android.app.servertransaction.TransactionExecutor.execute(TransactionExecutor.java:68) 
        at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1808) 
        at android.os.Handler.dispatchMessage(Handler.java:106) 
        at android.os.Looper.loop(Looper.java:193) 
        at android.app.ActivityThread.main(ActivityThread.java:6669) 
        at java.lang.reflect.Method.invoke(Native Method) 
        at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:493) 
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:858) 

I make a change in the index.js @ router folder to use only history

@g_hult where you able to fix this am facing this issue too

if faced the same issue about was able to fix this you can check in my comment https://forum.quasar-framework.org/topic/7798/how-to-use-save-event-in-q-popup-edit/4

this works for me @update:modelValue="e.accLabel = scope.value" @keyup.enter="scope.set"

<q-popup-edit
                  v-model="e.accLabel"
                  buttons
                  :validate="(val) => val.length > 0"
                  @save="useEditLabel(e)"
                >
                  <template v-slot="scope">
                    <q-input
                      v-model="scope.value"
                      dense
                      autofocus
                      counter
                      :rules="[
                        (val) =>
                          scope.validate(scope.value) || 'More than 5 chars required',
                      ]"
                      @update:modelValue="e.accLabel = scope.value"
                      @keyup.enter="scope.set"
                    >
                      <template v-slot:append>
                        <q-icon name="mdi-lead-pencil" color="primary" />
                      </template>
                    </q-input>
                  </template>
                </q-popup-edit>

have fixed this thanks

have tried @save ="useEditLabel" @save ="useEditLabel()" @save="useEditLabel(null, null)" none of this work but other events were working like @show="useEditLabel()" @before-hide="useEditLabel()" working but @save and @cancel were not

  <div class="q-pa-md">
    <div class="cursor-pointer">
      {{ accLabel }} {{test}}
      <q-popup-edit v-model="label" buttons @save ="useEditLabel">
        <q-input v-model="accLabel" dense autofocus counter />
        <template v-slot:append>
          <q-icon name="mode_edit" color="primary" />
        </template>
      </q-popup-edit>
    </div>
  </div>

</div>

const { ref } = Vue;
const QPopupEdit = Quasar.QPopupEdit;
const app = Vue.createApp({
  components: {
    QPopupEdit
  },
  setup() {
    const test = ref("to change this");
    const accLabel = ref("Click Here");
    function useEditLabel(e='test1',x='test2') {
      console.log(e);
      test.value = e;
    }
    return {
      useEditLabel,
      test,
      accLabel
    };
  }
});

app.use(Quasar, {
  components: {
    QPopupEdit
  }
});
app.mount("#q-app");