I have a simple registration endpoint that I want to allow for a user to register in my vue app, I also want to display appropriate errors from my backend to the vue client. The error JSON structure looks like…
I have a problem that I can't solve. How can I detect the real-time height change of div1 in Vue3 and obtain the height of div1 minus 12px for div2? If div1 contains multiple lines of text and its height…
In my parent component I have something similar to this, <template> <ProductCounter v-model="formData.productCount" label="product count" /> </template> <script setup> const initialFormData = { productCount: null, firstname: '', surname: '', phone: '', email: '', postcode: '', submittedOnce: false, errors: [] }…
I'm using Vuetify text-fields and want to display a tooltip containing the content if the content is greater than the field width (user needs to scroll). The tooltip should only appear on hover (default behaviour). I started with the following…
The script <script> import { ref, reactive } from 'vue'; export default { data() { const todo = ref(''); const list = reactive([]); return { todo, list }; }, components: { navbar, }, methods: { render() { console.log(this.list.length); return this.list…
What I want to achieve I have a project using Laravel + InertiaJS/VueJS 3. In it, there is an edit form that should display the content of $page.props.profile_name if the value is not empty or the string profile_name if the…
I'm busy with a Client Management System which also keeps track of Client Orders. I've set up a CRUD API that handles the back-end database data reading and writing, but when I try to POST the cart data to the…
In my application, i am working on storing user form responses. I have created pinia store and created each forms object. Using this store into my component and passing the getter function of that store into variable, That variable, i…
Today I'm facing a problem and I could use some advice. I have a route page structure like {url}/:id. My objective is to prevent users from navigating to the previous and next pages within the same route, for example, from…
I'm working on a Nuxt 3 project, and I have a question about the syntax in one of my files. (I want to make it more SEO-friendly, so instead of using pages/posts/[id].vue, I'm using pages/posts/[id]/[title].vue.) Here's the code in the…