No More Posting New Topics!

@steve

devServer: { https: false, port: 8080, open: 'chrome' // opens browser window automatically },

For automatically opening Google Chrome

@sebag well, late to the party, but you could do something like…

actions: [ { icon: 'close', color: 'white', handler: () => {}, }, ],

and your css could be…

.q-notification__actions .q-btn__wrapper.col.row.q-anchor--skip { padding: 0px !important; font-size: 8px !important; } .q-notification__actions .q-btn__wrapper.col.row.q-anchor--skip i { position: absolute; top: -10px; font-weight: bold; }

Rejoining this thread, because I’ve figured out a complete solution for a user controlled app refresh (similar to the pop-up in the Quasar documentation) that might be useful for others who have the same issue. It’s a combination of ideas taken from the Workbox Advanced Recipes (https://developers.google.com/web/tools/workbox/guides/advanced-recipes#offer_a_page_reload_for_users) and an article by Doug Allrich. It uses the Workbox-Window plug-in from Google.

<template> <q-dialog v-model="displayUpdatePrompt"> <q-banner> A new version is available. <template v-slot:action> <q-btn label="Update" @click="refreshApp" /> </template> </q-banner> <q-dialog> </template> <script> import { Wokbox } from 'workbox-window' export default { data() { return { displayUpdatePrompt: false, workbox: null, } }, methods: { refreshApp() { this.workbox.addEventListener('controlling', () => { window.location.reload() }) this.workbox.messageSkipWaiting() } }, created() { if ('service-worker' in navigator) { this.workbox = new Workbox('/service-worker.js') this.workbox.addEventListener('waiting', (event) => { this.displayUpdatePrompt = true }) this.workbox.register() } } } </script>

@cata-orellana
https://github.com/quasarframework/quasar/discussions/9065

useServiceWorker is deprecated

conseguiu resolver seu problema?

Just a note: Be sure the style is not scoped to your component.
In Electron this works:

<style> input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } </style>

But, <style scoped>…</style> doesn’t.

Scoping the style appears to work in browsers, but failed for me in Electron.

@dsl101

I agree, you could create feature request in github:
https://github.com/quasarframework/quasar/issues

or open a new discussion about it on the new forum( this forum is dead):
https://github.com/quasarframework/quasar/discussions

@damiendeville

a) The commands to create the project do not mention neither meteor nor quasar

Every thing under api is managed by meteor. So for example to start the meteor backend you use Meteor CLI to start it. Also to update meteor you use meteor cli. And of course Quasar Cli is used to manage and start client.

The code in quasar-meteor/api/client/main.js/ contains Blaze code; why should it be needed it if the client is made of Quasar/Vue components?

I have not seen that, because I run meteor headless. But you could create a gui in the api backend part of meteor, for admin things. Its’ optional/just a bonus.

@tlloyduk

I would ask this on the new forum where the Quasar team now gives support.

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

@diadal said in How to use @save event in q-popup-edit:

@update:modelValue=“e.accLabel = scope.value”
@keyup.enter=“scope.set”

Can you provide this solution on codesandbox?

I tried emit empty Value, to Save it on Vuex and send API request.

@gg mini-width

Check style section of QDrawerAPI

<q-drawer
:mini-width=“100px”
…

However, without typescript, it is working.

@saifobeidat

Is this even a valid approach and doable using the platform detectors, or it’s preferred to go with a separate project to serve the mobile app?

Yes it’s very doable with platform/mode detectors in a single project.

Here’s a repo/project/product(enFocus) that has a different ui/flow based on if you are on mobile or electron.
It is using different techniques to archive this( for example using functional components and different routes depending on what mode quasar is running).

https://github.com/vycoder/qodo

@partofthething

No don’t think so.

The webpack terser plugin does the reduction, but after compilation