I got it working. It was very easy in the end, I just switched ‘v-model’ for ‘value’ on the popup, but I don’t understand why either are necessary.

My inputs already define the v-model so what are the reasons for v-model on the popup?? If you remove it you get an error.

<q-popup-edit
    value="details">

        <q-input
        type="textarea"
        v-model="details"
        @keyup.enter.stop
        placeholder="Enter some details..."
        autogrow />

    </q-popup-edit>

I would like my q-popup-edit component to commit it’s v-model to my vuex store each time the user inputs (@input).

Currently the value is not committed if the user click’s outside the popup or if the user navigates away from the router page destroying the popup.

I could use the ‘buttons’ property and force the user to click ‘Set’ but I’d rather this behaviour.

<q-popup-edit
    v-model="details">

        <q-input
        type="textarea"
        v-model="details"
        @keyup.enter.stop
        placeholder="Enter some details..."
        autogrow />

    </q-popup-edit>

I’m sure I’ve done something similar before using :value and @input on a q-date field but I can’t figure it out this time.

Seems the only solution for the moment is to have two separate Boot files and perform platform detection within quasar.conf. I might need to rethink my oauth system.

https://github.com/quasarframework/quasar/issues/4552

@rick-luan I wonder if you can help me with this:
https://forum.quasar-framework.org/topic/3915/ipcrenderer-and-platform-detection-in-boot-files

Can someone tell me the correct way to achieve this:

I have a Boot file called oauth/index.js:

import { Platform } from 'quasar'
const { ipcRenderer } = require('electron');

class OAuth {
    
   // Send a message to electron
   storeAuthData () {
       if (Platform.is.electron) {
         ipcRenderer.send('setSecurePassword', password);
       }
   }

}

This works fine when I build Electron but when I build SPA or run ‘quasar dev’ I get the following error:
Uncaught TypeError: fs.existsSync is not a function

I opened a GitHub bug but I was told that I am not using Platform Detection correctly.

Any ideas? Thanks.

And here’s a way to receive a response / get a variable from ipcRenderer:

/* in component - use sendSync when a response is needed */
let password ipcRenderer.sendSync('getPassword', 'MyService', username);

/* in electron-main.js */
ipcMain.on('getPassword', (event, ...[service, account]) => {
	var passwordPromise = keytar.getPassword(service, account);

	// Every function in keytar is asynchronous and returns a promise
	passwordPromise.then((result) => {
                // This is how we return data to ipcRenderer
		event.returnValue = result
	})
})

By the way, this might be useful for you if you ever need to pass multiple values from ipcRenderer to ipcMain.

/* in component (pass as many args as you like) */
ipcRenderer.send('savePassword', 'MyService', username, password);

/* in electron-main.js (define the args you want using JS rest operator and deconstruction) */
ipcMain.on('savePassword', (event, ...[service, account, secret]) => {
        // keytar is a nice package for secure storage of credentials on Electron
	keytar.setPassword(service, account, secret);
})

@rick-luan THANK YOU!

That works perfectly. You saved some hairs on my head.

I’ve been doing a lot of research today on LocalStorage and it seems the way to go for Electron. I don’t think Cookies work the same way with Electron.

By the way, you probably shouldn’t store anything sensitive in LocalStorage, including api tokens. Instead use secure storage packages (untested):

• Electron: https://github.com/atom/node-keytar

• Cordova: https://github.com/Crypho/cordova-plugin-secure-storage (no longer maintained)

For SPAs that utilise APIs I think I need to integrate Implicit Password Grants, instead of Password Grants. SPAs don’t have a secure way to store data.

I’ve no idea if this will ever be useful to me but I just noticed that when I tried to store a Cookie my production-built Electron app would delete the Cookies every time the app was closed.

Is this normal? Are Cookies supposed to be used with Electron? Maybe I’m better off just sticking to LocalStorage??

Thanks.