1,663 questions
1
vote
3
answers
104
views
Computed list not updating correctly when merging reactive and non‑reactive arrays
I am building an activity/notification list in Vue 3 where notifications about documents being viewed/edited/deleted/published by a user at what time, comes from a Laravel backend as documents, with a ...
Advice
0
votes
2
replies
86
views
Watchers and computed properties - getter function
I've been learning Vue for my project (Composition API) and so far there is one thing that I can't get my head around. Let's say we have a reactive object:
const obj = reactive({ count: 0 })
And I ...
- 19
0
votes
0
answers
94
views
I have a problem with insertContentAt with tiptap-pagination-plus
I’m trying to insert streamed Markdown chunks into a TipTap editor using Vue and tiptap-pagination-plus.
The issue is that when the streamed content causes a page break, TipTap adds unwanted ...
0
votes
0
answers
73
views
QuillEditor --> add Module Placeholder
I wanted to add the placeholder-module in my quill-editor. I have installed the quill-placeholder-module. Whenever I tried to register it in OnMounted, it throws an error:
index.ts:35 quill Cannot ...
- 2,660
1
vote
1
answer
69
views
Vue 2 + Composition API + vue-test-utils 1.3.6: `Cannot redefine property` and `setProps` doesn’t trigger `watchers`
Problem:
I’m migrating a Vue 2.6 app to the Composition API (via the plugin) and hit two testing issues with vue-test-utils (v1) + Jest:
Jest couldn’t mock functions from a plain TS module (not a Vue ...
- 1,192
0
votes
1
answer
61
views
Why does inject() return the value of a ref from a reactive object instead of a reactive reference?
I'm working with Vue 3's Composition API, and I’m trying to provide a ref that is part of a reactive object. However, when I inject it in a child component, I get the raw value, not the reactive ref.
...
0
votes
0
answers
75
views
Limit visible items in v-autocomplete
I'm working with a component that receives a large array (around 6000 items), but I want to limit how many of those items are actually rendered, ideally just 10 or 20.
Is there a prop or built-in way ...
0
votes
2
answers
119
views
Watching i18n-vue's locale doesn't work in production
This code works only locally. In prod or stg build there are no logs in console and language code doesn't change, but the language is updated correctly across the UI.
<template>
<div>
...
- 1,099
0
votes
0
answers
53
views
Vue 3 + Laravel monolith: How to prevent JS from crashing the entire frontend?
I’m working on a monolithic Laravel + Vue 3 app (using the Composition API), and I’m wondering what the best practices are to prevent JavaScript errors from completely crashing the frontend.
Ideally, ...
- 406
1
vote
1
answer
32
views
Global Data Flow Issue
On Vue-based environment, global products item state is declared to be used in products list component, and other components like navbar for categories dropdown:
import axios from "axios";
...
0
votes
0
answers
49
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
163
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
98
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
63
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
217
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