Category "vuejs3"

Sentry get CORS error in localhost by VueJS3

I'm using http://localhost:3000 to development my website, but I always get CROS error from Sentry, what am I missing? in Sentry's Setting: I've set the project

Read a file content as a string in Vue

Some other post respond to the same problem (here, here and here) by using raw-loader but from my understanding it is deprecated for webpack v5 (but I'm not sur

Vue 3 google map circle is not being removed from the map

Vue 3 google map circle is not being removed from the map I am currently migrating from Vue 2 to Vue 3. In Vue 2 I could remove circles, but in Vue 3 I run into

Cypress using actions from Pinia Vue3

I was learning some cypress from this video: https://www.youtube.com/watch?v=03kG2rdJYtc I'm interested with he's saying at 29:33: "programatic login" But he's

How to access props passed inside a setup function for Vuejs (Composition API)

When I use props to pass an object into the child component, I am unable to use the props inside the setup function (Composition API). I am trying to use the pr

Sort v-for List Alphabetically

I have a v-for that renders the following Object/Data; export const data = [ {id: "1", albumname: "xx", artist: "xxxx", dateadded: "xxxx", route: "xxxx", so

Vuelidate vue.js latest for vue3 using the helpers.forEach approach for array of objects

Using Vuelidate vue.js latest for vue3 using the helpers.forEach approach for array of objects. I tried running the form but the validation is causing an error

Vite-Vue3 can not use web component (full build, runtime compiler)

1、Switch to full vue build in vite.config.js: import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' export default defineConfig({ p

How to use Vue 3 reactive object outside Vue ecosystem

I'm trying to pass global state created like this in micro front end applications. But the problem is that I have to "watch" for changes somehow in order to set

How to test transition function in Vue 3 test utils?

I have a problem testing transiton functions with jest and vue test utlis. This is my component code: <div class="disclosure"> <button clas

VueJS 3 CLI environment variables secret isn't working

I'm new to vue .env. I looked everywhere for a straight answer till I got lost. According to VueJS documentation that if we have .env.local file that will be lo

Display a specific route in a different router-view

I've got a Vue 3 app with Vue Router 4 and I want to achieve this: <template> <v-app> <router-view></router-view> //This is where

How to set multiple output when build lib with vite

When I try to build a lib in vue3, I want to set multiple output file. Code like this: rollupOptions { output: [ { file: 'bundle.js', format:

How to add style in Vue js 3 on a cdn based app

I'm learning Vue js. I created a Vue JS app with cdn link and I want to know, how to add element style to it. I can write template as template: <div>Vue j

Can I run laravel (admin dashboard) and vue (front-end) in a single domain

I have done a project which admin dashboard is done by using laravel+vus (vue (v2.6) inside laravel(v8)) and front end is done by independent vue(v3) js(getting

How to integrate paypal Payment Button Vuejs3 Composition API (setup function)

I'm trying to integrate PayPal buttons with my Vuejs3 project using Composition API (setup ) but all what i get is errors i try to integrate it without using se

can not loop through $slots object in Vue 3 to pass all slots from parent to child

I can not loop through the $slots object in Vue 3 to pass all slots from parent to child, the $slots object seems empty in the child component. How can I loop t

Proper way to have the same Vue instance on the same page for multiple times?

I work in an ASP.NET MVC environment with Vue3 front-end, and I have a block that is displayed multiple times on a page. This block has to be a Vue instance, an

Which way better to create vue component (export default vs defineComponent vs new Vue)

After learning Vue.js lately, i'm pretty match confused about how to write vue component syntax i keep seeing youtube tutorials, as well as articles, and everyo

Passing Vuelidate instance as modal data makes it undefined

I have a Vuelidate instance in a form component. Another parent component includes it and needs to access it's validator instance through a 2-way model binding.