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 would like to export a function from a component from within the "" section and use it in another component. I tried it like this: <!-- TestHeading.vue --> <template> <h1>{{ title }}</h1> </template> <script setup> import { ref }…
I am using Vue Datepicker to display a calendar. My problem is if the current date is end of month, the calendar still shows all date of current month which set to disable to select. If this is the case,…
I'm developing an application with separate Laravel 10 and Vue 3. I wanted to implement real time events with Laravel broadcasting but I'm running into some problems. I connect to the websockets from the frontend, but I get nothing and…
Say I have a method that changes a value based on what the current value is. I will just make it very simple here: changeValue(){ if(!this.value){ this.value = 'value1' } else if(this.value === 'value1'){ this.value = 'value2' } else if(this.value…
i am creating a simple stepper component in vue. I have been able to achieve desired fucntionality but the alignment goes to left even after applying justify-content: center below is my code https://codesandbox.io/s/awesome-sky-pj9p5x <template> <div class="flex justify-center full-width" style="border: 1px">…
I am using Vue2 and vue router 3x. How can I execute a store action whenever a specific child route is hit regardless if it is hit through a button press or the browser back/forward buttons? I need to fire…