As I understand you can not change the props value directly in the child component. But I find out that this will work, I want to know the reason behind it. For
Currently I'm using a reactive store.js like so: import {reactive} from "vue"; const re = reactive({}) export default { re } which then can be used in co
I am working on vue-apollo and was able to use mutations and queries, but am facing issue using subscriptions. The apollo-express server with subscriptions is w
I'm trying to set up file system based routing for a Vue 3 application using Vite with the help of vite-plugin-pages. I created the project using yarn create vi
I'm trying to integrate Vue Apollo in a a Vite project using the composition API. My main.js file look like this: import { createApp } from 'vue' import App fro
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
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
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
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: [
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
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 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
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
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
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 I am currently migrating from Vue 2 to Vue 3. In Vue 2 I could remove circles, but in Vue 3 I run into
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
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
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
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