13,666 questions
0
votes
0
answers
112
views
Error is previewing the build of Nuxt 3 Project project recently
We have a Nuxt 3 based website. We were able to run the website in dev mode, build as well as preview it.
Recently after a clean installation of the project with dependencies it is able to run on dev ...
- 924
0
votes
0
answers
131
views
How to run Vercel app locally with neon db
Problem: I cannot access my DB when I run the vercel project locally.
I am using Vite with Vue3 and NeonDB set up through vercel. Everything works fine when deployed. But I would like to run it ...
- 31
0
votes
1
answer
189
views
Exposing actions in composable vs accepting reactive state to update internal state?
I'm starting to get comfortable with Vue's composition API, but every time I make a composable I ask myself which pattern to use. If I have a composable whose state depends on outside triggers:
...
- 841
0
votes
0
answers
387
views
PrimeVue Form - Can't access $form.values?
Using PrimeVue Form, and am running into issues with v-model:
<Form v-slot="$form" :initialValues :resolver @submit="saveShift">
<div>{{ console.log('Slot ...
- 1,740
2
votes
1
answer
228
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 ...
- 93
0
votes
1
answer
84
views
Infinite loading of skeleton loaders with onload/@load event
I have an issue where the image skeleton loader keeps loading infinitely when using the @load event in Quasar.
const imgLoaded = ref({});
// template
<q-skeleton v-if="!imgLoaded[img?....
- 563
0
votes
1
answer
54
views
cases for using $event as param of a function
I have a basic question related to argument of a function.
when emitting an event from a child to a parent or when triggering a click event, I've seen in somme cases the add of $event as a parameter ...
1
vote
0
answers
187
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 ...
- 73
0
votes
0
answers
86
views
Globally enable HMR for Pinia without adding 'if (import.meta.hot)' in every store
I’m using Pinia in a Vue 3 + Quasar project, and I want to enable Hot Module Replacement globally, so I don’t have to add if (import.meta.hot) in every store file. Is it possible to do so, maybe ...
- 563
1
vote
0
answers
22
views
Vue3 Display Slot Component on Root Level Component
I want to generate an component for dropdown display. I wanted to use slot for display the content at the higher level.
I implemented a following structure. I can display component and manage events. ...
- 23
0
votes
1
answer
90
views
vue-filepond, how to access to my added file with filepond component in vue3 composition API
in my walk-trough in the "Vue File-pond plugin" I try to send a picture to a PHP Symfony API, but I can't get an access to the file or
"console.log" it
Can you guys please tell ...
- 46
0
votes
1
answer
108
views
How to wait for an external script to be ready in Vue 3?
I am trying to integrate Google Pay as a component in an application. I need to load the Google Pay Javascript file before I perform any actions. This is what I am doing:
onMounted(()=>{
const ...
- 7,613
0
votes
1
answer
124
views
How to include vuetify3 inside vue3's component using composition API
I would like to build a web component using Vuetify3 inside of a Vue3's component that is using composition API.
How do I add Vuetify3 to MyNavbar.ce.vue component so that it is scoped inside the ...
- 1
1
vote
0
answers
60
views
Nuxt 3: Meta Tags Not Updating in "View Page Source" but Visible in DevTools
Description:
I'm using Nuxt 3 with useHead() to set dynamic meta tags based on locale. The meta tags appear correctly in the Elements tab (DevTools) but are missing in "View Page Source".
...
0
votes
0
answers
133
views
Difference between nuxtApp.provide and vueApp.provide
In nuxt 3 you have two alternative ways to provide something globally
// using nuxtApp instance
useNuxtApp().provide('key', 'value')
console.log(nuxtApp.$key) // value
// using vueApp instance
...
- 1,848
2
votes
0
answers
88
views
how to use userouter in typescript file
In my project, I've implemented a structure for managing errors and web API requests. I want any response with a 401 status code to redirect to a particular page. I've written all this code in a ...
0
votes
1
answer
60
views
Caching - watch, refs, and navigation behvior
I'm having this issue where I'm using Vue3 and Nuxt, and I need a loading function to run once everytime the user navigates to the page, but delay loading if the global data isn't available yet.
const ...
- 2,386
0
votes
0
answers
36
views
Vuelidate 2.0.3, issue with validate collection
I've got problem to handle simple array of string validation. I wanted to check if they're a valid yt or vimeo links.
My rules looks like that:
const mediaUrls = ref<string[]>([''])
const rules ...
- 126
2
votes
0
answers
58
views
Arrow Key Navigation Not Working on First Calendar in Multi-Calendar Mode in vue3datepicker
When using vue-datepicker with multi-calendars and arrow-navigation props enabled, the keyboard arrow navigation is not functioning properly. Specifically, arrow key navigation works correctly on the ...
1
vote
1
answer
64
views
vue js unable to get values from button if SVG is present
I am using Vue3. I have a button that get the Id of user once click.
The problem is that if I place an svg icon within the button it causes the vue not to pick up the values of the data-id.. I.e
the ...
- 337
0
votes
0
answers
44
views
Vue modal adding chapter of same subject
<template>
<div class="container mt-5">
<div class="row">
<div class="col-md-4 mb-4" v-for="subject in subjects.subject&...
- 11
0
votes
1
answer
98
views
Is there a way to determine, if the Quasar Form was modified by user?
I am using Quasar framework for Vue.js and I have a form (q-form) in a Dialog (q-dialog) component. The dialog is persistent (persistent=True), but I want the persistency to be true only if the user ...
0
votes
0
answers
53
views
Nuxt layout rendering delay, content flashes
Using Nuxt 3, I'm switching from my "login" layout to my "admin" layout.
This works great except for one thing: When switching layouts, there are few milliseconds where the "...
- 637
1
vote
0
answers
50
views
Read vue data in console
I have Vue Dev Tools installed. I was going through this video
https://vueschool.io/lessons/using-vue-dev-tools-with-vuejs-3
Around 3.40m into the video, the author uses a code in the console to check ...
- 33
0
votes
1
answer
108
views
How to configure vue application properly to use decorator pattern?
I'm trying to use a decorator pattern for convenience in Vue.
Here is my babel.config.cjs:
module.exports = {
presets: ["@babel/preset-env"],
plugins: [
["@babel/plugin-...
- 4,689