[HELP] Confused about how to use component assets

First of all, serious kudos for your work on this project!

Describe the issue / bug.

I’m trying to follow the instructions here, specifically where it says to create a directory with the same name as your Vue component, then a subdirectory called assets, and include the component’s assets there. I’m just not sure where to go from there – how do I access the asset from the Vue component?

Specifically, I am trying to customize the Notification sound using an .mp3 asset. If there’s a better way to accomplish that, please point me in the right direction!

Tell me about your development environment.

• Node version: v6.8.1
• NPM version: v3.10.8
• Operating System: Mac osX El Capitan

[SimulatedGREG]

@voveson

Since a *.mp3 isn’t handled by webpack and vue-loader isn’t parsing assets in your JS, this won’t be possible in development or production. Because the asset isn’t being handled, it will never reach the final production build. The sound file would need to be treated as a static asset and referenced accordingly with a path to the asset. The current state of electron-vue doesn’t provide much help for getting a path to your assets. The next milestone release in the dev branch (coming rather soon, #171) has made some major adjustments to help support these type of situations. Here is a link to the documentation that will launch with the next milestone release (https://simulatedgreg.gitbooks.io/electron-vue/content/v/9772e38a3e73c5610ba845b2d07103d1b2a7a29d/en/using-static-assets.html#use-case-within-js-with-fspath-and-static).

[voveson]

Thanks for your help, Greg!