Tag nuxt vue js 3

Nuxt OG:tags not being correctly read by Facebook

I am having this issue for a while now. We've a nuxt website running in SSR mode and inside it, it has a news page that follows this structure: /pages /noticia /_slug /_id ...

Using tawk.to with Nuxt/Vue Application

Does anyone know how to use tawk.to in a Nuxt application? I created a file "tawk.js" on my plugin folder with the following code: var Tawk_API = Tawk_API || {}, Tawk_LoadStart = new Date() (...

NuxtJS Vue-i18n - "Cannot read property 'fallbackLocale' of undefined"

I want to use vue-i18n in my nuxtjs app but I always get this error: Cannot read property 'fallbackLocale' of undefined I think it has something to do with my middleware: //middleware/i18n.js export ...

How to manipulate DOM both after server-side and client-side rendering?

Here is my code (it is a Vue component in a Nuxt app): <template> <div class="comment-editor" v-if="loggedIn"> <div class="leftside"> <!--...

Using chainWebpack in Nuxt

I'm trying to adapt a theme in Nuxt from a Vue Project which has the next prop in vue.config.js chainWebpack: config => { const modules = ['vue-modules', 'vue', 'normal-modules', 'normal'] ...

How to write test for RepositoryFactory in Vue.js/Nuxt.js

Summery I've implemented RepositoryFactory pattern for API connection in Vue.js/Nuxt.js application. https://medium.com/canariasjs/vue-api-calls-in-a-smart-way-8d521812c322 hogeRepository.ts import { ...

Request to backend php server [closed]

I am using vue.js + PHP to make a task manager. I am wondering how can I send a request from vue to backend PHP.My project structure The problem is how can I set route for my backend php server, to ...

Why is vue-grid-layout for vue3 note working with vue-vite, but with vue-cli? [closed]

I'm trying to get vue-grid-layout to work with vue3 and vite. I'm quite new to the world of vue, and the only information I can give is that my project is not working. Why that is, I can't tell since ...

Http response at 400 or 500 level

I'm novice in gRPC. My program is written with ‍‍nuxtjs and is a simple login page that receives the username and password and sends it to the server using gRPC. Everything is fine when I submit a ...

Getters in vuex is being called before actions

I am using vuex and in my setup I call dispatch then the getter. When I refresh my page the getter always is called first and I am not sure how to change using async await so the getter only fires ...

Transition not working on my accordion in Nuxt

I have an accordion of brands that opens and closes, the problem is that the animation for it to close and open in 0.5 seconds doesn't work. The code is shown below below is my template for the ...

VueJs proper way to keep template clean without sacrificing performance

Our team is facing a problem with too much logics in template file which causes colleagues hard to debug. I am thinking a proper way to increase the readability of the template file without losing ...

Rendering Vue 3 component into HTML string

I am working on a vue.js project(version 3). I come to a situation where I want to use the rendered HTML view of a component to my current component's method. I created the following SVG component in ...

Vue JS Error , The Requested Module does not provide an export named 'createApp'

I wrote hello world vue js 3 simple Programme. then it gives following error. I want to pass vue property value to HTML value. but it doesn't work . please help me to resolve this . package.json { &...

Event Listener not added [duplicate]

/src/pages/files.vue Why is my event listener not being added? document.getElementById("import-file")?.addEventListener("click", () => { console.log("Import File!"); ...

Vue: Best approach to access possible existing nested properties in error object

I'm looking for a good and reusable approach to access possible existing nested properties (nested object and array of objects) inside an error object without typeErrors. I have a createCompany form/...

Iterating over a Proxy in Vue Composition API

I have a computed value emptyRowsRemoved derived from the Reactivity API. I need to iterate over this value. But because computed() returns a proxy, I am no longer able to iterate over it with a ....

Create new vue instance in Vue 3 use require js

I have vue instance which is vue 2. The code is below. It seems add axios to prototype then return new vue. (function () { define('newVueInstance', ['axios'], (axios) => { let newVueInstance =...

Vue3, vue-router4.0 instances.default is undefined in route matched

I was working on a project by using vue3, vue-router4, and I met with some problems in the newest vue and vue-router. In vue2 and vue-router3.0, when I was dealing with nested router, I made a HOC ...

Event when select start and end date date is picked v date picker not calling input

event when select start and end date date is picked v date picker not calling input <v-date-picker v-model="date" is-range color="green" trim-weeks ...

Vue3 Composition API emit works without store but not with store

I am using Vue3 with the composition API. I have set up a store (not using VUEX) to store global settings. I have a sidebar that I want to expand or collapse. I first put all of the code in one ...

Vue3: Check if event listener is bound to component instance

I have a reusable Badge component. I want to be able to add a close/delete button when an onDelete event listener is present on the component instance. <template> <div class="flex ...

Vue: Check if emit is passed to component

I have a reusable Badge component. I want to be able to add a close/delete button when an onDelete emit is passed by the parent component but I can't find how to check of this. <template> &...

How to fix vite error with vue3 and vue-router 4? [closed]

i get error,when i move init vue-router in nested file: error string: SyntaxError: The requested module '/src/main.ts?t=1639488783031' does not provide an export named 'router' someone had a similar ...

12345678910 Last