I’ve managed to send events out from electron using:

mainWindow.webContents.send("event-name", value);

And I can successfully receive the event like so:

this.$q.electron.ipcRenderer.on('event-name', {
  // whatever
});

But how do I do this in reverse? i.e. send from the vue component to electron. This doesn’t seem to work:

this.$q.electron.ipcRenderer.send('event-name', {
	value: value
});

mainWindow.webContents.on('event-name', (event, info) => {
    console.log('event received')
});

@s-molinari Thanks. I did before I wrote the post. I was hoping somebody could explain it in ways that the docs do not.

I can confirm a similar fix to snowdrop’s. I get a vertical scrollbar when using a html table that only overlaps horizontally within a q-page. I think this is something to do with Quasar’s implementation of 100vh and scrollbar heights, and I’ve only seen it happen when using tables.

Problem is solved if I wrap my tables in overflow divs:

<div style="position: relative; overflow: auto; max-width: 100%; ">
	<table>// Table Content</table>
</div>

By the way I tried all kinds of solutions by altering the q-layouts and q-pages styles but I ran into trouble with transitions and other things. Best off not messing with the quasar layout elements too much.

I see these folders when I run quasar build -m electron

MyApp-win32-x64
UnPackaged

What is the purpose of this UnPackaged folder? Is it a necessary part of the distribution and should I include it with any installers?

Any advice on how to go about creating an installer for the Electron Package would be appreciated also.

I’m struggling to understand why this works:

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

But this doesn’t:

<q-img src="~assets/logo.png" />

Can someone explain?

What way should I be referencing the assets folder so that QImgs are loaded correctly for both SPA and Electron? Should I always use statics instead of assets for logos?

Might be a false alarm. I was probably importing the wrong path:

@import '../../node_modules/package/package.css'

I’m not sure if the packages I added with Yarn are needed or if this works straight out of the box.

Is there a shorthand way to access the node_modules directory, I wonder?

I’m using a package that has a css file and I’m trying to import it in app.styl like so:

// app.styl
@import 'package/package.css'

When I build I get the error:

“The dependency was not found…” And this long error message contains references to css-loader, postcss-loader and stylus-loader.

How do I configure the quasar stylus loader to process simple css files in app.styl? I can’t figure it out. I have tried the following:

yarn add --dev css-loader postcss-loader node-css

//quasar.conf
cfg.module.rules.push({
    test: /\.css$/,
    loader: 'postcss-loader'
 })

The above code does not work.

For the moment I can bypass the problem by creating a styl file from the package’s css.

Cheers. I’m not sure if that package handles desktop applications though. Browsers don’t have access to desktop idle time and that’s important for my needs (it’s an electron app). Maybe it does support desktop platforms but they don’t seem to mention it.

My above solution seems to work well so far.

@metalsadman thank you. The throttling seems a bit excessive in this forum. Bloody askimet. Reminds me of WordPress.

Loving quasar though. Will update this post if I find a better way to use Electron packages.

I’m trying to fix the spacing in my code above but “content flagged as spam by Askimet??”