As of today, Nuxt2 is still using Webpack4 so ModuleFederationPlugin will not be a possible solution. Nuxt v3 will come with Webpack’s v5 support and you’ll probably be able to try it then. I also heard that the same could be used with Vite btw. As a general answer, you need to understand that a … Read more
<router-view :some-value-to-pass=”localValue”></router-view> and in your components just add prop: props: { someValueToPass: String }, vue-router will match prop in component
Can also try this: var parsedobj = JSON.parse(JSON.stringify(obj)) console.log(parsedobj) It was brought by Evan You himself here and more info on that here But waiting for the answer is a first step.
Passing objects to params was never supported in Vue-router It sort of worked in Router v3 with $router.push – the target component received the object. BUT as soon as user started using browser navigation (Back button) OR copy/pasting URL’s, this solution was broken (you can try it here – just click the button and then … Read more
You can start by installing axios (you can still have @nuxtjs/axios alongside your project): yarn add -D axios Then, let’s take JSON placeholder’s API for testing purposes, we will try to get the content located here: https://jsonplaceholder.typicode.com/todos/1 And save it to a local .json file in our Nuxt project. For that, head towards nuxt.config.js and … Read more
According to this awesome tip from Vuedose blog Vue.js 2.6 introduced some new features, and one I really like is the new global observable API. Now you can create reactive objects outside the Vue.js components scope. And, when you use them in the components, it will trigger render updates appropriately. In that way, you can … Read more
Writing up my comments above as a sort of canonical answer to this as it keeps coming up… What you’re looking at is how Vue proxies your data to make it reactive. This is because you’re using console.log() on a Vue instance data property. When you assign values to a data property, it is transformed … Read more
This problem was fixed by a friend on the Vue.js forum. For anyone else who is running into this issue I’ll post his answer here. In short you need to create a separate file that will install the composition API plugin and call that file within the router/index.ts file to instantiate the plugin. It’s because … Read more
Updated Answer – Nodeintegration disabled and contextIsolation enabled In order to use the ipcRenderer with Vue CLI plugin Electron Builder you need to first setup electron to utilize a preload.js file. Inside your vue.config.js file you need to add the preload.js path like this: // vue.config.js – project root module.exports = { pluginOptions: { electronBuilder: … Read more
With Vue 2.0 things are bit different as broadcast has been deprecated. Vue documentation talks about using centralized event bus to accomplish this. Here’s how you could it; Define centralized event hub. So in your The Vue instance/decalaration define const eventHub = new Vue() // Single event hub // Distribute to components using global mixin … Read more