9,314 questions
-1
votes
0
answers
12
views
Vuetify: The up and down arrow button on v-number-input do not repeat action when holding mouse button down
Using the v-number-input in the playground of vuetify.com, when holding the left mouse button down on the arrow up or down spinner button, the increment or decrement action is repeated as long as I ...
0
votes
0
answers
15
views
How to toggle :root --color-scheme light/dark from pinia with vuetify?
I recently added custom light/dark color schemes to a Vuetify app and the user can toggle between them and that works well, except for one thing: the scroll bar color doesn't change. In browser dev ...
1
vote
1
answer
30
views
How to structure a component in Vue that will be reusable?
I have a component that I need to make reusable throughout the entire platform. It's Vue and Vuetify based, and I'm wondering what's best practice for this?
This is the component:
<template>
&...
0
votes
0
answers
12
views
How to use Swapy with Vuetify components?
I'm trying to use Swapy in Vuetify (Vue) project to enable drag-and-swap functionality between two v-card components. However, I encountered an issue where Swapy does not detect the data-swapy-slot ...
0
votes
1
answer
38
views
How to adjust thickness of Vuetify v-app-bar
When I use v-app-bar it comes with a fixed height (thickness). How do I adjust it? I'd like to make it thinner. My bar contains navigation buttons and a switch:
<template>
<v-app theme=&...
1
vote
1
answer
29
views
How to use Vuetify in Vue SFC Playground?
I am trying to use both Vue Router and Vuetify in Vue SFC Playground. I began with the Vue Playground example of Vue Router (taken from Getting Started). This had Vue Router already imported, so I ...
1
vote
0
answers
39
views
Custom vue component library fails to resolve vuetify components when installed
I'm making a component library for vue.js components that I've created that I'd like to reuse. It's my first time making a library. I'm using vite to build it and vite's library mode to make it a ...
1
vote
0
answers
68
views
dialog with role='dialog' causing screen reader to announce all content despite setting focus on specific element
I'm implementing an accessible profile menu in Vue 3 using v-menu with role="dialog". When the menu opens, I'm setting focus on a specific element, but the screen reader (like NVDA) is ...
0
votes
1
answer
37
views
Controlling Announcement Sequence for Screen Readers in Vue Form Validation (Vuetify v-form)
Problem
I'm developing an accessible form in Vue with proper form validation. When a user submits an invalid form, I want to:
Announce all validation errors to screen reader users
Move focus to the ...
-1
votes
0
answers
26
views
Looking for a JavaScript Library for Document Image Detection and Face Detection with Auto Capture [closed]
I’m working on a web application using Vue 3 and Vite, and I need to implement real-time detection and capturing of both documents (e.g., personal ID cards) and faces using the web camera. ...
0
votes
1
answer
44
views
Typescript tsconfig ignored
I am getting a typescript error that shouldn't happen because the tsconfig should prevent it from being compiled. In my tsconfig file I have skipLibCheck set to true. I have the node_modules folder ...
0
votes
1
answer
29
views
Puppeteer not injecting pageNumbers and totalPages using TailwindCSS
I have a TailwindCSS footer. I am trying to use the classes to inject pageNumber and TotalPages on a pdf printed, but I am not getting it right.
I have the Puppeteer API created it display the Vuetify ...
1
vote
1
answer
60
views
Vuetify v-text-field: Duplicate Error Announcements with Screen Readers
I'm experiencing an issue with screen reader error announcements in a Vuetify form. When using a v-text-field with validation rules, screen readers (specifically NVDA) announce the same error message ...
0
votes
0
answers
24
views
Vuetify 2 v-img failover image not working consistently
I have multiple image urls that should be loading but some fail for reasons due to MS Graph api and so I am using vuetify v-img prop lazy-src for when this happens I see it does not handle this ...
0
votes
0
answers
29
views
Vue 3 + Vuetify: Retain focus between radio buttons
I have a Vue 3 component with Vuetify that displays a dropdown menu with radio options. When using keyboard arrow navigation (Up/Down) to switch between radio options, I'm experiencing an undesirable ...