Category "vuejs3"

Vue FilePond only open camera on iOS

I'm following this demo from the FilePond, copied the code to my project and it does work as expected on my desktop but doesn't work on my mobile (iOS) allowing

how to get list of product under category in vue js

Hello I'm new to vue and I have a list of json data which has a list of products under category, please how do I get to display a product under each category H

Paginated async Component doesn't trigger setup() on route change

I have a paginated component. The async setup() method is pulling data from an API to populate the page. It works fine when the route is directly loaded, but wh

Replacement for require in Vuejs 3 with Vite for image array

I'm currently switching to vite with vuejs and have the following problem: I have a component in debugging that displays images from a folder: imageArray: [

How to destructure object props in Vue the way like you would do in React inside a setup?

I am wondering how to destructure an object prop without having to type data.title, data.keywords, data.image etc. I've tried spreading the object directly, but

Handling unexpected mutations properties in Vue3js

I have a vue3 webapp that I use to edit some multi-pages documents. All the pages are stored in a state with pinia. My pinia state is an object with a pages pro

How to save local values from inside onMounted hook - Vue 3

how do I save assigned values from inside onMounted hook in Vue 3? My intention of saving the width and height values is so that can use to manipulate the value

Vue3 using script setup, how to access this.$router.push()

I am new to Vue3 and am struggling with some examples. I have a simple login component that should redirect to another page but isn't. Here is my template: And

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