In Cypress I am changing the viewport of my Veu3 app after I preform any other test and it gives the error: "(uncaught execption) TypeError a.value is null". The minimum app that produces the error: <script setup> import { ref,…
I am developing some like or add to favorite kinda feature in VUE 3. But the problem i m facing here is that while i am like or unlike the specific thing it doesn't update on the frontend UI. On…
I'm having trouble creating a reference to an element and storing it inside an (non-reactive) object that I initialize like this: const myObj = { myRef: ref(null), ... } And in the template I have a similar situation: <template> ...…
I have already several days looking for a solution CSS or component for making an image resizable (height and width) and over the image, elements keeping the position over the same X and Y coordinates of the image. A simple…
I'm new in vuejs and I was creating custom components for elements like buttons, links, inputs, etc. This is my input component- <template> <div class="position-relative"> <input :class="[{ 'pe-5': type === 'password' }, 'form-control p-2 rounded-3']" :type="inputType" :id="label ? slugify(label) :…
I realized that my props passed to a component, and changed in the component, may bubble up. This is mentioned in the documentation. When objects and arrays are passed as props, while the child component cannot mutate the prop binding,…
I am using Vue3 with options API Given the code posted in StackBlitz here, the default date that initially set is dd.mm.yyyy. I would like to know how to set the date to that default format. In other words, when…
With following code sometimes I need to redirect to '/my/path', and it works, but before the redirect hits, user can see this page for few milliseconds (Text you shouldn't see), and then they get redirected to 'my/path' as expected. But…
<div class="container-body" v-for="index in 10" :key="index"> <div class="container-content"></div> <div class="container-content"> <input :id="'Row'+index+'-input1'" type="text"> </div> <div class="container-content"> <input :id="'Row'+index+'-input2'" type="text" class="disabled"> </div> <div class="container-content"> <div class="custom-control custom-checkbox"> <input :id="'Row'+index+'checkbox'" class="form-check-input" type="checkbox" disabled> </div> </div> <div class="container-content delete"> <img/> </div> </div> I…
I'm attempting to use the Tailwind headlessui <Switch> component in a Vue3/InertiaJS app, and when I put it in my component as it is in the docs, using an enabled ref() variable for the value, it works fine. However, when…