108,350 questions
0
votes
1
answer
21
views
How to make a HTTP call from a Vue.js app that includes a list of files to upload
I need to call a Spring controller that has a @RequestPart parameter of type List<MultipartFile> and expects a list of files. The front end application is written in Vue.js and so far I have ...
0
votes
1
answer
16
views
Vue 3 apollo client UseLazyQuery for multiple results
I am trying to run the useLazyQuery in my vue to get data from Apollo client. I am passing the parameter and query return different results based on the parameter being passed.
My issue is that result ...
0
votes
0
answers
9
views
How to get authorization header in Vue project?
I have a project written on Vue and uses Vue Router. I want to get Authorization header. As I can understand, Vue Router manages requests and route components. There is a method beforeEach in router ...
1
vote
1
answer
38
views
Nginx reverse proxy forwards axios HTTP requests to IP:Port instead of domain
I have a problem with my frontend which is built and mounted to my FastAPI application.
The frontend uses a custom axios client, which dynamically loads the baseURL from a config.js file.
No matter ...
1
vote
0
answers
11
views
Vue to Laravel page redirect is not working in Vite.js
I am using laravel 11 with vue3,
When I am trying to redirect from Vue page to a Blade page then it's not working,
I mentioned /profile route in web.php like this:
Route::get('/profile', [...
-3
votes
0
answers
11
views
Como arruma meu vue js? [closed]
PS C:\Users\wiliam\Documents\Treinando vue js> npm run dev
npm error code ENOENT
npm error syscall open
npm error path C:\Users\wiliam\Documents\Treinando vue js\package.json
npm error errno -4058
...
0
votes
0
answers
17
views
VueJS 3 .vite Error Loading module from `node_modules/.vite/deps/chunk*` blocked because of a disallowed MIME type ("") FireFox
I have a VueJS 3 application with Pinia stores and Primevue JS library hosted in an EC2 bucket and recently out of no where I am getting these errors that are preventing the page from loading, oddly ...
0
votes
0
answers
40
views
Can't create a type from an array
I'm trying to define a type for the props of a sidebar component in Vue 3 using TypeScript. Specifically, I want to create a SidebarItemProps type based on an array of objects (navLinks), which is ...
0
votes
0
answers
24
views
Using dynamic routing to access 404 in the production environment, but it can be accessed normally through the nuxt-link
Nuxt3 uses dynamic routing newsDetail/[id]. vue. The development environment is normal, and refreshing the page (F5) is also possible. However, after packaging through generate, there is no problem ...
0
votes
0
answers
14
views
laravel reverb broadcast on not chanel not run ever
I have a notification system in Laravel 11, and SPA Nuxt 3 connects in the browser using Laravel Echo and gets status 101. The notification is saved in the database and no errors appear, but the ...
0
votes
0
answers
28
views
The content of modal windows is not passed to the Vue.js template
For center-type modal windows, all function arguments are passed correctly.
The issue arises when trying to pass an object from the template to slotContent, as its value becomes null.
In the code, I ...
0
votes
0
answers
29
views
My pug code is treated as jsx for no reason
Today a problem appeared. I assume something was updated in vscode, vue, or pug plugins. My syntax highlighting is destroyed in one file because something thinks that my javascript file is jsx. I ...
0
votes
0
answers
30
views
Importing module error: module does not provide an export named default/{module name}
I have a script named /src/web/static/js/my_vue_widget.js. It looks like this:
const MyVueWidget = {
name: 'MyVueWidget',
...
};
export default MyVueWidget;
I have an HTML /src/web/static/...
-1
votes
0
answers
19
views
Vuetify v-datable expanded with different api
I need to create an accordion effect data table similar to this code pen
'''https://codepen.io/maycevara/pen/RwPvQew'''
but I need to fetch different data every time I expand a level and I need to use ...
0
votes
1
answer
25
views
Vue.js different functionality when calling util in script vs template (and accounting for template unpacking)
toRawDeep clones nested proxy object (calling toRaw at each level to clone the original proxy object).
// this works as expected (updates to prop.rowData in parent do not change what is rendered in ...
0
votes
1
answer
38
views
Subscribe to a child event programatically in Vue3
Is it possible to subscribe to an event given a reference to a component in Vue?
I would like to subscribe to any events fired by child input components.
In Vue2 this would work by simply using ...
0
votes
0
answers
32
views
How to check called function. Vitest
I'm using Vitest.
I have a main function checkForm, it can contain 2 or more functions with extensive logic. Therefore we can't extract logic from update and refresh
const update = (): void => {
...
0
votes
0
answers
38
views
PrimeVue Forms API: TypeScript Error When Accessing $form Field States
I'm using the PrimeVue Forms API with TypeScript, but I encounter TypeScript errors when trying to access form field states via the $form object. This occurs even when following the documentation ...
0
votes
0
answers
17
views
Access TanStack Query Cache in VueJs
I have 2 routes in my vue js application.
/dashboard
/dashboard/about-me
Dashboard page is the wrapper of about-me page which is rendered using <RouterView /> within Dashboard.
Inside ...
0
votes
0
answers
48
views
vue "InternalError: too much recursion"
I try to embedd chart.js as a vue component into my app.
As soon as i try to add new data to the chart dataset i get the error:
Uncaught InternalError: too much recursion
push reactivity.esm-...
-4
votes
0
answers
49
views
When returning to an open tab in the navigator after some times, the app displays raw json instead of the page [closed]
I've noticed some strange behaviour with my Laravel/Inertia/vue.js app.
When returning to an open tab in the navigator after some time, the app displays raw JSON instead of the page. The JSON looks ...
0
votes
1
answer
60
views
Data Lost Between Routes in Vue.js on Refresh
I'm working on a Vue.js application using Vue Router and Axios to fetch user data. I have two pages: /dashboard and /dashboard/me. The data for the /dashboard page is successfully loaded and displayed,...
0
votes
0
answers
24
views
I have problem that promo is not passing to this component so when i run my project as products catalog(Vue.js) app error Promo is not defined
I have problem that promo is not passing to this component so when i run my project as products catalog(Vue.js) app error Promo is not defined
The problem that the type PromotionalSpot is not passing ...
-1
votes
1
answer
20
views
How to resolve compatibility issues caused by fixed gaps to make the layout adaptable to different devices [closed]
Here is my code, it works great in my computer. However, "gap: 50px", this fixed gap makes it lose compatibility.On other computers, the content might overflow the container.
<style ...
0
votes
0
answers
34
views
How to implement a list item component with adaptive width to fill the parent container
The result I have right now is like this.
The result I need is like this.
Here is my code:
<template>
<t-space direction="vertical">
<div class="user-...
0
votes
0
answers
55
views
How to align Date regardless the length of comments
As shown in the picture
I want the date to always be aligned to the far right, regardless of the length of the comment, just like the longest comment.
My related current code is as follows:
...
0
votes
0
answers
35
views
Nuxt 3 Blog: Article Changes When Language Changes, but Slug Does Not Update
I'm working on a multilingual blog using Nuxt 3, and I'm experiencing an issue where the article content updates correctly when the language is changed, but the slug in the route does not update ...
0
votes
0
answers
14
views
Matching icon paths between index.html and manifest.json in Vue app
For my vue app, in my index.html file I have this to define an icon for the application:
<link rel="icon" type="image/svg+xml" href="src/assets/telepathic.svg"/>
&...
0
votes
1
answer
13
views
How to leave meeting and close embed UI with Zoom Meeting SDK in a SPA?
I’m currently using Zoom Meeting SDK in a VueJS application.
I’ve successfully connected to the meeting but there’s a problem:
If the user leaves the meeting route, being a SPA, there’s no browser ...
0
votes
0
answers
14
views
Display standard numeric format with units
I am using ejs-numerictextbox and want to use the locale specific number format but with a unit suffix, e.g. 1,000 kg.
The format 'N' displays the number as I'd like, but adding a unit on the end ...
0
votes
0
answers
34
views
Close Popover in vue when clicked on Link
Im currently working on a Navigationbar in vue.js.
I want to close (respectively, hide) the Dashboard when im clicking a link inside of it
With my current Solution its wokring but i have to click ...
0
votes
0
answers
19
views
Error in Building Vue + Electron Desktop App
I am trying to build a Vue + Electron desktop app. While the app works properly when I run npm run electron:serve, I am encountering errors during the build process with the following commands:
npm ...
0
votes
0
answers
14
views
"Cannot use import statement outside a module" in Vue-Cli+electron+electron-builder
I'm using Vue3(use vue cli to init), typescript, and electron-builder to develop a simple electron app. The npm run electron:serve works correctly. I successfully export the .exe file, but when I ...
0
votes
0
answers
15
views
How to auto scroll a Vue Datepicker when changing to a past date?
I'm currently using Vue Datepicker to create a widget when I can pass any date in the calendar picker. My configuration uses two calendars side by side. For example, assuming today is December 5th, I ...
-3
votes
1
answer
53
views
want to merge two objects and create array of values [closed]
I have two objects with same key and value name DateYMD. I want to merge this both object and want to create new object.
Current object data :
[{
"Id": "1",
&...
0
votes
0
answers
21
views
How do I create conditional styling on a Vue Component if the stylings need to come from a CSS theme file?
I am trying to get the IconText to turn white and stay white whenever the outer div (MyComponent) has a color of black; otherwise, the IconText should stay whatever var(--COLOR_WINDOWTEXT) is. It ...
0
votes
1
answer
26
views
how to prevent Vuetify's v-date-picker `type` from changing date format
I have a datepicker and I'm trying to restrict the selections between 'month' and date but when I switch the v-date-picker's type from 'date' to 'month', the date format changes from 2024-01-01 to ...
0
votes
0
answers
13
views
Vue/Vite: __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined
I'm getting this warning when developing locally, after updating to Vue 3.5 (I didn't before that).
VUE_PROD_HYDRATION_MISMATCH_DETAILS is not explicitly defined. You are running the esm-bundler ...
0
votes
0
answers
20
views
npm when installing vuetify Report an error
I installed the option Nuxt Recommended (Everything from Default. Enables auto importing & layouts) according to the process of vuetify official website, but an Error was reported: ENOENT: no such ...
0
votes
0
answers
23
views
axios error.response is undefined when CloudFlare turnstile returns 403
I have implemented CloudFlare turnstile so that when a certain API is called a 403 response is returned with an additional response header of cf-mitigated: challenge. I'm using axios to catch and ...
-2
votes
0
answers
29
views
Vue as frontend and python as backend with Microsoft Intra ID [closed]
We have a set of Vue developer for frontend and python developers as backend. We need to do web applications hosted on Azure for internal employee in Microsoft Intra ID. Its important we can use all ...
-1
votes
1
answer
48
views
How to change the color of the active menuitem? [closed]
I want to change the color of the selected tab in main menu or navbar when a user is on a page within that dropdown menu.
This main menu has a few drop down menus that redirect the user to a page when ...
0
votes
0
answers
34
views
Setting up Sidebase/nuxt-auth to work when deployed to nuxt hub with nuxt application?
I am having a terrible time getting @sidebase/nuxt-auth working in nuxt hub.
My nuxt config:
import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify';
export default defineNuxtConfig({
...
0
votes
1
answer
20
views
Vue 3: Prevent Redundant Form Submissions When Resetting State Between Parent and Child Components
Issue: In a Vue 3 application, form submissions are being redundantly triggered. This happens even though @submit.prevent and event.stopPropagation() are used. The issue seems linked to the resetForm ...
0
votes
0
answers
29
views
vuejs add a modul to js file that is not needed
I am trying to migrate one of my projects form ASP.NET MVC to VueJS (latest). On one of my pages in ASP.NET MVC I have win wheel (this). When I try to add it to the vue page I am getting the following ...
0
votes
0
answers
26
views
ERR_FAILED 413 (Payload Too Large) error in Vue.js
I am trying to send information with image attachements whereas when images are more than 10 MB the api fails with error "413 (Payload Too Large)". Please let me know how we can handle it .
...
0
votes
0
answers
21
views
Validate items in array using Vuelidate
I have a main document with several attached documents. The main document has a start and end date. The attached document has a type, status and date. Status 0 - the document is not needed, 1 - ...
0
votes
0
answers
25
views
Custom Fonts Serverhosted fonts in SVG's [duplicate]
The problem:
I have an svg using a custom font. I want the font to be provided by the server. The font is replaced with Times new Roman and does not use the predefined font.
Folder Structure:
- assets
...
1
vote
2
answers
84
views
why my vite config(optimizedeps.include) is not working?
EDIT: I have create a minimal reproduction, please check this
For some reasons, I have to copy github:event-source's code to my own vite project and use it. I download the code and put it in 'src/...
0
votes
0
answers
18
views
How can I make a provider script for an extension to connect it with Web Apps?
I have created an unpacked extension that is working fine I want it to be injected and be able to connect it with apps like MetaMask wallet does.
I have created a provider.js script to do it. I want ...