vue-electron | vue plugin that attaches electron APIs | Plugin library
kandi X-RAY | vue-electron Summary
kandi X-RAY | vue-electron Summary
The vue plugin that attaches electron APIs to the Vue object, making them accessible to all components.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of vue-electron
vue-electron Key Features
vue-electron Examples and Code Snippets
Community Discussions
Trending Discussions on vue-electron
QUESTION
I'm trying to include a VLC video playing in my Electron app, which is possible through WebChimera.js. This package is distributed a bit weirdly (to me at least), to use it you need to require wcjs-prebuilt, specify some settings in package.json and configure Webpack to allow importing .node files as explained in this Wiki page for WebChimera.js.
However I believe this Wiki page is outdated, as loaders isn't a valid key anymore in a Webpack config. I'm not very experienced using Webpack so most of this is new to me. Also note that this Wiki explanation used a fork of node-loader, although this fork seems to be merged to the actual node-loader now (?).
I now use this Webpack config:
...ANSWER
Answered 2021-May-15 at 16:41I'm able to get vue electron building with wcjs-prebuilt using a vue.config.js like this. You will also need to set the VLC_PLUGIN_PATH correctly or video won't play.
QUESTION
I cannot understand why my app cannot gets correct version data.
I already add version line in my package.json and I use vue-electron so I write my code in this update component.
...ANSWER
Answered 2021-Mar-29 at 03:04[Solved]
With this code, I solve the problem. but in dev mode it doesn't working but in production mode, it works well
QUESTION
I'm trying to use the bcrypt-package inside a vue-electron project, but there is an N-api version issue when I try to run it:
...ANSWER
Answered 2020-May-01 at 19:14So I found an answer to my own question in the end:
Electron comes bundled with its own version of nodejs apparently. Updating electron fixed my error.
QUESTION
I am trying to user puppeteer waitForXPath with an XPATH but I am getting following error
...ANSWER
Answered 2020-Apr-08 at 10:40I use chained promises as below:-
.then(page => page.waitFor(10000))
.then(() => _page)
.then(page => page.waitForXPath("//a[starts-with(./@class,'nav-link daterange') and contains(.,'Last 30 days')]"))
It works reliably and is very readable if you know XPath
QUESTION
I have installed the template from Electron-vue and I'm experiencing an issue with specific websites. These websites work on Chrome and Edge, yet, fail to completely load in webview.
The following example is the whole setup of the view. The console of this show that Local Storage, Session Storage and IndexedDB only have an entry for the website faselhd but have no data inside. The Cookies has an entry for the website with this type of data fcuid
ANSWER
Answered 2020-Mar-22 at 15:13You're using the default template electron-vue which it uses a very old Electron 2.0.1 and that is Chrome 61, Node 8.9.3, V8 6.1.534.41 which is quite outdated to properly support Local Storage and Session Storage. You need to update Electron to a newer version.
To your existing project
- Update
electronto8.1.xby runningyarn add electron(this will update electron to latest8.1.1) - Open
.electron-vue/webpack.renderer.config.jsand at line115changeHtmlWebpackPluginconfiguration object to this:
QUESTION
I am trying to learn electron-vue by understanding a finished code. For the source, I am using Eplee, which is an epub reader built with vue js + electron Here is the source link to Eplee. https://github.com/Janglee123/eplee
...ANSWER
Answered 2019-Dec-23 at 20:38Electron is just a runtime for your web app.
Take a look at Vue.js's event model.
https://vuejs.org/v2/guide/events.html https://vuejs.org/v2/guide/components-custom-events.html
Also, check out component guide https://ru.vuejs.org/v2/guide/components.html
In your case
is just a class added for the purpose of styling, not a parent component.
It is not a parent component it is a child component of component. And it may contain absolutely anything inside.
And this.$emit('add-bookmark'); method triggers an event listener (if any) of a component which would have as a child.
For example
QUESTION
I have my own server where I uploaded app installer via FTP. Its name is quickmargo Setup 1.0.0.exe and it's available at
https://quickmargo.pl/dist/download/quickmargo Setup 1.0.0.exe
Also via FTP I uploaded latest.yml to same directory and it is available at
https://quickmargo.pl/dist/download/latest.yml
In my project in index.js I have
...ANSWER
Answered 2019-Dec-20 at 22:22I was able to set up an auto update configuration using a generic publish option following the docs, having never done it before. So it's definitively doable, and it does not require signing via a certificate, but I initially had issues because I had set publisherName in the build config, but no certificate. If the current version had a publisher or certificate specified, and the new one does not, it will also not be installed.
1. Enable logging
You can enable logging of the electron-updater package by also installing electron-log and then assigning the logger to the autoUpdater:
QUESTION
How and, more to the point, where is state data persisted between sessions?
I followed this tutorial (https://alligator.io/vuejs/vue-electron/) to create a simple ToDo App using Vue.js in Electron.
After filling in some blanks everything works. However, I'm unable to find where the application state is stored. For example, in Dev mode (npm run dev), if I add some ToDo items and then close the App (and even restart VS Code) the ToDo data is persisted when the App is restarted.
I'm using Win10 and, among other things, have tried searching for files changed within the last 30 minutes (datemodified:23/09/2019 12:30..13:00) but without luck. I've looked in my profile, the App directory, and searched google for clues.
[Edit]
I think it has something to do with this import { createPersistedState, createSharedMutations } from 'vuex-electron' (located in src\renderer\store\index.js) but not much closer to understanding where the state is stored. Yep - I'm pretty new to this.
For what it's worth, if you want to follow this tutorial:
Issue 1.
Now that we know how the Vue application is started, let’s take a look at the defined routes within our application. Head over to src/router/index.js:
should be: src/renderer/router/index.js:
Issue 2. In src/renderer/components/LandingPage.vue
...
ANSWER
Answered 2019-Sep-23 at 07:01Using 'createPersistedState' option of 'vuex-electon' saves in json format in 'AppData' path.
QUESTION
I building a app for Desktop using electron.js + vue.js and plugins vue-electron, electron-window-manager. Now I need put vue-i18n and it's structure work non default way...
ex. mainwindow are like toolbar or main menu. Others menus(windows) are opened by the main menu and with this combination of technologies the vue-i18n do not work fine.
this is a repo: anderzilla/vue-electron!
I have tryed solutions like vue-i18n tutorial kazupon! but the error message is:
...ANSWER
Answered 2019-Sep-17 at 16:12I fix it! The problem is the order that components be declareded.
QUESTION
bug or intentional?
It seems if you kinda render into a component so that two components share one Element leads to doubled global mixin mounts on one $el.
ANSWER
Answered 2019-Aug-12 at 18:42as the issue lies in parent - child both calling the registered hook and it is not wanted when they share $el one can simply return from the hook
if(this.parent && this.parent.$el === this.$el) return;
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install vue-electron
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page
