I was recently building a website using NuxtJs and ran into a problem: I cant center components in a that are in a flex column. but when i removed the "flex-col" class everything seemed to work fine. Here's my code:…
I'm working on a web app that's using Laravel 10, Vue 3, and Inertia. (I'm new to all of these, btw) Laravel is using Fortify for a lot of features, including new user registration. I've been tasked with changing the…
I have following v-text-field which has following defaults // defaults.ts (used by Vuetify) const INPUT_DEFAULTS = { color: '#8AB8E5', baseColor: '#8AB8E5', bgColor: '#E8F1FA', rounded: 't-lg', persistentHint: true } const defaults = { VTextField: INPUT_DEFAULTS } and these are the CSS…
I want to hide the legend for a specific line where I wanted to hide the label and it's icon inside the chart. For the rest of the legends will be shown normally inside the chart. As you can see,…
I am working on a personal project using LeafletJS and Vue3. I want to change the default marker icon so I copied the png file directly into the same file as my script and created a new Icon as shown…
I am trying to watch a computed value that gets filled up with messages from a store. This is it (code reduced for brevity): <div ref="RefWindow"> <ul v-for="Message in Feed"> <li>Message</li> </ul> </div> const Feed = computed(() => MyStore.Messages) const…
I am using laravel 11 with inertia vuejs. I have two seperate route one is api and one is admin. Full application working perfectly on local but when I upload to server than show not found on web route. Web…
In Vue 3, when emitting an event from child to parent to update refs and subsequently refresh the props of the child the form control flow breaks i.e. tabindex or [tab]ing between fields doesn't work. My code is roughly setup…
I have a child component with an <input> element. I can customize the component from a parent using several attributes like placeholder, maxlength, required, etc. But I cannot get type= to fallthrough like the rest. I've searched for hours but…
In the docs for vue's v-model modifiers, they give this example and there is a playground link as well. <script setup> const [model, modifiers] = defineModel({ set(value) { if (modifiers.capitalize) { return value.charAt(0).toUpperCase() + value.slice(1) } return value } })…