I am trying to resize a DIV block using Vue3 but the button when I click it brings up an "Cannot read properties of undefined (reading 'style')". I know the JS part is wrong, but how do I correct it.…
I've finally been able to encapsulate a Vuetify <v-dialog> in a custom component in Vue 3 Composition API. Below is the code for my SignUpDialog.vuecomponent. It's also available in a Vuetify Play playground. <script setup> import { onMounted } from…
I'm struggling to prevent triggering a transition after switching a tab. Example const { createApp, reactive, ref } = Vue; const app = createApp({ setup() { // switch tabs to see the side effects const currentTabIdx = ref(0); const listItems…
I have a vue3 project and I use the composition API. I have a component which shows some items (called tokens in this case). <script setup> import { ref, onMounted, toRaw } from 'vue' import RotaryToken from './RotaryToken.vue' const tokens…
I'm looking for a way to disable the transition when: I refresh the page, so that it only works when I switch between routes And when I go to a particular section. For example, I am at the Home and…
I am using Laravel and Vue3 with axios to handle user inputs and save data to database. If there is a validation error then I want to display a toast error to user. For some reason the response from axios…
I believe that I'm completely lost of reading n articles & documentations and not sure what is the right way of using Sanctum. Just a heads up what I'm trying to reach/create before talking more about the issue. I want…
I found this codepen that makes old text fade out and new text to appear: https://codepen.io/cythilya/pen/EXxved html: <div id="app"> <button @click="show = !show">Click Me!</button> <transition mode="out-in"> <div class="block" v-if="show">Block 1</div> <p class="block" v-else>Block 2</p> </transition> </div> css: body { font-family:…
I'm trying to crop an image that is being returned on request along with coordinations to crop the image at the specified position using ctx.drawImage() function, the drawn image is being shown on the DOM but when I try to…
I'm writing an application which uses a timer to update variables every second. It uses "setInterval" function to start the timer, and uses "clearInterval" function to stop it. And I don't think I have a good enough way of doing…