I migrated from webpack to vite successfully in a vue2 project and now I am upgrading from vue2 to vue3. I made it until step 4 in this guide: https://v3-migration.vuejs.org/migration-build.html#in...

I use Nuxt 2 with Vue 2 and vuetify. My vscode was updated and I am getting an eslint error with v-html. The code is: <v-list-item-title v-html="`${parent.genFilteredText(item.nome)}`&quo...

I am using vue-multiselect component in my vue.js project, I am using v-on directive to execute a function on the change event , <multiselect v-model="selected" :options="projects" :searchable=...

I am working with Vue.js and try to place some SVG Icons I made in Illustrator for my Webapp. I loaded the icons with Webpacks "require". It is not possible to access the svg's with their source (s...

In my project, I have a scrollable list of items, and each item has a menu that is opened when its activator button is hovered. By default, v-menu elements are attached to the v-app element, which...

I'm testing a Single file component that uses vue router to watch $route. The problem is that I can't get the test to both change the route and trigger the watcher's function. The test file: imp...

Im not able to build my project (created with js, vue.js, vuex) on iOS platform. Exactly the same project works on web while typing npm run dev and I was able to build it on Android on laptop with ...

I am intermediate in Laravel. I have some published projects in Laravel for my clients. I started a Project with Laravel with Vue using Inertia. I used a starter kit of Laravel 10 with the breeze a...

I am trying to create a new vue application but I keep getting this Type Error, I'll show you my entire command line. All I did was run npm init vue@latest npm WARN config global `--global`, `--loc...

I want to do a common thing - include dynamically an svg HTML in Vue Nuxt application which I will able to style. To do this, I created a component but instead of image, I get a text data:image/svg...

Hi have been having troubling importing inline svgs into my nuxt3 vite project. Any advice would be much appreciated. i found this works <img src="~/assets/images/icons/push-icon-chatops.sv...

I'm having trouble adding Vuetify 3 to Astro when using the Vue integration. This is what I have so far: import { defineConfig } from 'astro/config'; import vue from '@astrojs/vue'; import vuetif...

Trying to use ES6 arrayObj.sort(a,b) => a.property.localeCompare(b.property) syntax but getting error: TypeError: a.property.localeCompare is not a function. I'm thinking localeCompare is not ...

Say I have the following component: <template> <q-layout view="lHh lpR lFf"> <q-page-container> <div class="image-container"> Image Container </d...

I've seen a pattern of using props in of CompositionAPI very often, that is use toRefs to make all entries of props ref. I'm kind of confused by it. For exmaple, from the Vue 3 official guide: expo...

external script doesn't always loads when we navigate between components nuxt 3 , i have created component dashboard/index.vue added this code useHead({ script: [ { src: 'https://code.highcharts...

Im totally new to developing with Apollo & GraphQL in Vue applications, and have been stuck on a small problem for some time now. I keep getting the error: Missing clients attribute on result ...

I created a new vue app by doing these (according to vue docs) npm init vue@latest npm install Then I try to run npm run dev.Then this happened. My environments are these OS => Ubuntu Node v...

I have array of cards like this <nuxt-link :to="{ name: 'portfolio-slug', params: { slug: card.slug } }"> <a :href="card.link>Go to href</a> </nuxt-link> click on card w...

Can anyone explain to me why an observer set up to observe a single element would return multiple IntersectionObserverEntry's? I've noticed this in my Vue project, but it isn't consistent and it se...

I'm creating a form using vue.js and I need to create inputs in vue that is always capitalized. I know I could use the css property text-transform: uppercase; and then transform the data before ...

I want to know if there's a way to create a reusable scritp/class/service with primevue toast function calls, in such a way that I don't need to call the primevue toast functions directly in every ...

We are using this approach to rendering content: <div id="full-article" v-html="content"></div> this.content = api.response.data In this approach, "content&quo...

I'm a beginner with vue (vue 3). I'm testing a mock vue application, and after testing the default homepage, i wanted to test how to make 2 (or more) different pages. However, what i do doesn't wor...

I'm working on a Nuxt.js project and using Vitest for unit testing. I need to verify if the navigateTo function from Nuxt.js is called with a specific path in my tests. Here's the relevant part of ...