1,668 questions
0
votes
0
answers
26
views
Vuetify text-area scroll not working when placed inside slot of custom component
My project uses Vue 3 (w/ Composition API) and Vuetify. I'm trying to create a custom container component that essentially adds a title bar to its content. This is the custom component:
// ...
- 83
1
vote
0
answers
54
views
Vue 3 Pinia State and Architecture Best Practices For Parent/Child Relationships With SignalR
My project is in Vue 3 (Composition API) w/ Pinia and SignalR
Here is an example of what I'm working with:
I have a parent object, let's call it Oven, and a child object called Bread.
There is a ...
- 83
0
votes
0
answers
36
views
404 error when refreshing browser in Vue app
I have a Vue 3 app that utilizes the Composition API, Vue Router w/ history mode, Vite, Vuetify and Typescript.
When I refresh the browser on a different page, I get a 404 error, and I'm pretty ...
- 83
0
votes
0
answers
39
views
Maximum recursive updates exceeded error when pushing/replacing existing route with different parameter
when using the selctCategory function to replace the existing route parameters, I receive an error that states
"devices:1 Uncaught (in promise) Maximum recursive updates exceeded in component . ...
0
votes
1
answer
66
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:
...
- 831
0
votes
0
answers
43
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
62
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,828
0
votes
1
answer
40
views
Composable reactivity within a mix of options and composition APIs
"vue": "^2.7.16"
"nuxt": "^2.18.1"
"@nuxt/bridge": "^3.3.1"
I have a composable that is using Composition api.
import {
ref,
reactive,
} ...
- 513
0
votes
1
answer
519
views
PrimeVue - How to use reset emit to clear form?
I've been experimenting with PrimeVue and am trying to understand how to use their forms. They don't have any example of clearing the form fields. However, there is mention of a "reset" ...
- 1
1
vote
1
answer
43
views
How to use a store initial value in a template Vue 3
I haven't worked with Vue for a while and now I am struggling with something that seems simple.
I have a store where I plan to keep a state for the whole app. Currently I only have one boolean ...
- 7,150
1
vote
1
answer
78
views
Computed property lack of reactivity for deep nested object
EDIT01: I'm using "nuxt": "^2.16.0" with "@nuxtjs/composition-api": "^0.29.2".
I'm have been trying for days to figure this out but still dealing with this ...
- 208
1
vote
1
answer
26
views
How to use regEx in Vue3 CompositionAPI whth Vuelidate?
How to check a form for a regex rule by using Vuelidate. It is clear from the guide that you need to use "helpers", however, when checking for the validity of a regular expression, Vuelidate ...
0
votes
1
answer
91
views
How do I make my ApexCharts reactive with data in Pinia Store using Vue.js 3 and composition API?
I am building a dashboard using Vue.js 3 and ApexCharts with the composition API. The data for the charts is held in a Pinia data store.
I have a function that pulls data from a sample .json file (...
- 15
0
votes
0
answers
30
views
How to recover a file downloaded from a child component?
In my child component, I have an input file field that I need to retrieve from the parent component, to submit all the form data.
Unfortunately, I can't retrieve the data from my input file.
Can you ...
0
votes
1
answer
71
views
Is there a way to pass slots and emits as fallthrough attributes in vue?
With react i was able to do smth like this:
const Component = (props: BaseComponentProps) => <BaseComponent {...props} className={`my-class ${props.className}`} />
a simple way to modify ...
- 67