I'm trying to display icon when condition is passed and for that I'm using theme icon Script Code <script setup> import { h } from 'vue' const props = defineProps({ itemDetail: Object }); const passedIcon = h('i', {class: 'bx bxs-check-circle'});…
I'm using Vue 3 and I try to implement a skeleton loader for a placeholder when the data is loading and I can see it works if I turn on throttling in the Network tab of the browser. However, when…
Given is a VueJS 3 application, based on Quasar and I am struggling to use the Router programmatically. The issue is described best like this: 1. The Problem When I push the User to another route, only the URL in…
The parent component has data that I want to pass to the child component. For example, I created such a component with data. Parent component <template> <NameUser :data="userData"></NameUser> <div>first name: {{ userData.firstName }}</div> <div>last name: {{ userData.lastName }}</div> </template> <script…
I need to make a composable universal. Here's my case, I have 3 components - ItemSwiper, ItemCard and ViewRecipeDetail. ItemSwiper contains card slides and it is the parent of ItemCard. ItemSwiper has a loop of recipes: <Slide v-for="recipe in storeRecipe.data"…
on the vue3 page below I have integrated a player that shows a "play" icon when the player is stopped, and a "pause" icon when it's playing. What I am now trying to do is to let the player repeat…
I have view with from and to date along with some branch,spareparts as drop down when i select from and to date it will retrive some data along with branch name,grand total etc.what i am trying to do is i…
In a Nuxt3 project, I'm using v-model on a component. According to the Vue docs, this is how to do it: In the parent component: <MyInput v-model="myData" placeholder="My placeholder" /> In the child component <template> <div class="my-input"> <input :value="modelValue" @input="$emit('update:modelValue',…
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…