108,275
questions
0
votes
1
answer
7
views
configStore is not defined at setup
Upon trying to run my Vue/Nuxt application I am greeted by a 500 error code and an error message:
configStore is not defined at setup
0
votes
0
answers
10
views
vform not sending bearer token
I'm using a custom axios plugin in my Vue 3 Laravel 11 project. In that plugin I have:
import axios from 'axios';
const axiosInstance = axios.create({
});
// Request interceptor to add the token
...
0
votes
2
answers
18
views
Bootstrap responsive doesn't work and not recognized in devtools
I'm working on a project with Laravel Mix, Vue.js and Bootstrap 5.3
About laravel mix:
const mix = require("laravel-mix");
const path = require('path');
require("mix-env-file");
...
0
votes
1
answer
14
views
Vue transition cloudn't be loaded automatically
I have a Vue page like below. But it will not be auto loaded when I open it, but I have manually click the refresh to see the content of it.
If I comment out the transition, the page can be shown, ...
0
votes
1
answer
26
views
vue.js I'm having an issue configuring vue router
I've tried to follow the many examples on the internet but am clearly missing something. I have installed the vue-router package at version 4.4.5.
This is my project structure:
In my index.ts file I ...
0
votes
0
answers
22
views
Custom Rounded Stacked Bar Chart with Chart.js [closed]
I’m working on customizing a Chart.js Stacked Bar Chart to achieve a rounded design for each stack in the bars, similar to the design shown in the image. I want each stack in the bars to have rounded ...
0
votes
0
answers
18
views
Laravel Inertia with Vue.js doesn't reload
I installed a Laravel Inertia project with Vue and hot reload doesn't do his job even if I F5.
For modifications to apply on my frontend, I need to stop the dev script and restart it for example if I ...
0
votes
1
answer
18
views
Initiate a function with v-checkbox when the item is clicked by the user
I have a v-checkbox in my vuetify app that is preloaded with some data from the database on load. However, the user can change the model value of this to true or false manually overwriting the data ...
0
votes
0
answers
29
views
Vuejs - how to add code to build without template
I have some components that I build with Vite which works fine
import './bootstrap'
import { createApp } from 'vue'
const app = createApp({});
app.mount('#app')
I also have this piece of code that ...
0
votes
0
answers
17
views
Vue.js - How to read external properties file and serve into components
I have a Vue.js application and I would like to know how to read and use the external properties file. Then I need to use this properties inside the components.
I would also like to know if is it ...
0
votes
0
answers
16
views
[Vue warn]: Failed to mount component: template or render function not defined. found in ---> <App> at src/App.vue <Root>
im getting the above error with the following setup:
import Vue from 'vue';
import App from './App.vue'; // Import the App component
console.log(App);
import VueRouter from 'vue-router';
import ...
1
vote
2
answers
35
views
Vue's ref doesn't maintain types of nested private properties
This problem occurs both with arrays and objects. Using shallowRef instead of ref solves it but I often need deep reactivity. Now I use casting, but I'm not happy with it. What's the best way to ...
-1
votes
0
answers
21
views
Issue Unable to Scroll Dicom images in DWV 0.34 When Displayed Inside a Modal
I'm working on a web application that utilizes the DWV (DICOM Web Viewer) library to display medical images. I'm using version 0.34 of DWV. I need to display DWV within a modal window, but I'm ...
0
votes
0
answers
64
views
Paginate API response object with multiple sub arrays
I have this response from a REST API service:
{
"Business": [
{
"link": "...",
"og": "...",
"...
0
votes
1
answer
44
views
Vue get data from ref
I am just exploring VUE and trying to get the Posts from external API by using fetch. But while trying to get the value from ref, its showing as empty.
Here is what I have done so far.
<script ...
-1
votes
0
answers
24
views
How to dynamically add copy text functionality in Vue.js in Deep chat library?
I have this code inside my vue 3 app.
I am using deep chat npm library https://www.npmjs.com/package/deep-chat-react for integrating AI chat functionality. I am not able to figure out how can I add a ...
1
vote
2
answers
44
views
How can I render components dynamically with Vue 3?
I have a process which have many steps. Each one is implemented in a different component.
Initially I had this code:
<template>
<template v-if="process.currentStep === 0">
&...
0
votes
1
answer
57
views
How to display name values for numerical enum?
I am building a little vue.js webapp tool to view and edit a backend config file (formatted as a json). The object has an enum field which is represented on the backend as a uint, but I would like to ...
0
votes
1
answer
22
views
new to vue.js how do i seperate my models from a component
So I've got a ts file with the following code as my starter:
import { defineComponent } from 'vue';
type Forecasts = {
date: string,
temperatureC: string,
temperatureF: string,
summary: ...
1
vote
0
answers
23
views
How to incorporate draggable feature into vue-chartjs?
I created a BarChart using vue-chartjs and have marked the threshold values using arrows
Here's the code
<template>
<Bar :data="data" :options="options" />
</...
0
votes
0
answers
26
views
Laravel not processing FormData in a PUT request
I'm facing an issue while trying to send a PUT request with FormData in Laravel using Inertia. I need to update a user, but the PUT request seems to be ignored, and Laravel is not processing the ...
-1
votes
0
answers
22
views
Migration keycloak 24 -> 25 VueJS app not working
I updated keycloak from version 24 to 25.
My VueJS application can't connect anymore.
In the browser logs I have this:
[KEYCLOAK] Estimated time difference between browser and server is 1 seconds
[...
0
votes
0
answers
17
views
Placement behavior of el-dropdown
I am using the dropdown component from the Element UI library in Vue. The documentation can be found here: https://element.eleme.io/#/en-US/component/dropdown#dropdown
I have already set placement=&...
0
votes
0
answers
25
views
+50
Augmenting global properties without removing vue-router augmentations
I am developing two plugins that will be used by multiple vue apps. One adds the global property $routes and the other one $auth.
I want the vue apps that use the plugins to know the types of said ...
0
votes
1
answer
22
views
Laravel Inertia / download file returns a redirection instead
I have the following route:
Route::post('report', Controllers\ReportController::class)->name('report');
And the controller loads a file and returns it
$path = '/some/path/to/report.xls';
return ...
0
votes
0
answers
37
views
Laravel 11 Inertia Vue making an edit that doesn't take user to another page
I'm pretty new to this and it seems there are so many pages and teachers that make the Edit function its own page, but I want to do it on the same page so the user can just edit it while seeing ...
0
votes
0
answers
15
views
I can't synchronize data from v-treeview
In my Nuxt 3.13.0 project I have a v-treeview. I want the data from the node selected by the user to be synchronised to "activeNodes":
<template>
<v-col v-if="treePopulated&...
0
votes
0
answers
21
views
Configuring certificates for my vue+nginx+portainer
I have the root folder of the Vue project, which consists of 2 folders backend and frontend with their own dockerfile, docker-compose is at the root. I need to configure it to receive certificates for ...
0
votes
1
answer
20
views
vee-validate & yup: how to display multiple validation errors and not just single error message (fast-exist)
Hey I just starting learning vue 3, vee-validate and yup and I want to display multiple validation errors below input and not just single error message, like this
detail-expected
I tried to use ...
-1
votes
0
answers
81
views
npm - unable to build vue vite chrome extension
I'm trying to build my vite vue chrome extension, I've used the command npm create chrome-ext that is provided by the following package . I'm using typescript, and I'm trying to create a simple ...
1
vote
2
answers
31
views
Extract css per entry point in webpack
Anyway to tell webpack in a project with multiple entries to include only respective css for each entry?
Seems like it extracts all css across all entries, puts them under vendor.css and includes that ...
0
votes
1
answer
29
views
Failed to import WASM using ?url in Vite Project
Background: I am new to Vite and recently I am trying to build a Markdown render project which receives Markdown format string from outside and renders GFM HTML. I choosed md4w as the converter and ...
0
votes
0
answers
20
views
How to upload a File from Nuxt JS and Symfony api without any CORS error [duplicate]
i am trying to upload a file from Nuxt3 frontend and Symfony backend. but i am getting this error
Access to fetch at 'http://localhost:8070/upload-book' from origin 'http://localhost:8060' has been ...
2
votes
1
answer
50
views
How to correctly type useTemplateRefsList in a recursive component in Vue 3?
I'm working on a recursive Vue 3 component using the Composition API and the useTemplateRefsList function from @vueuse/core.
My goal is to collect references to each instance of the recursive ...
0
votes
0
answers
27
views
How can I resolve a TypeError reading 'app' error when using Storybook, Vue, Vite, and Pinia?
I have a simple reproduction case at https://github.com/eric-g-97477-vue/dev-tools-plugin-test
To create this, I did the following...
(1) I created the default vue Project
$ npm create vue@latest ...
1
vote
1
answer
21
views
Displaying a checkbox in Vue Quasar Tree
How can I remove the checkbox display for parent nodes, i.e. nodes that have children in the component Tree.
I tried it through the class.
.q-checkbox__inner) {
display: none;
But then all the ...
1
vote
1
answer
38
views
What is 'effect' on Vue computed properties
If I inspect a computed property in Vue 2.7, I can see that, besides the well-known .value property, there's also .effect. I wasn't able to find any information about it, except that it's deprecated ...
0
votes
1
answer
22
views
Vue filtering an array in for loop
I'm sure this worked in the past and wasn't complicated so I'm not sure what's going wrong with this filtering in Vue3:
<script setup>
import { ref } from 'vue'
const faqs = [
...
-1
votes
1
answer
42
views
Handling Zoom and Decimation in ECharts with Vue.js and Backend Data Constraints
Enhanced Version with Formatting
Problem Description
I'm using ECharts with Vue.js + Quasar, along with a backend server that manages data decimation (e.g., keeping only 1 point out of n to return a ...
0
votes
1
answer
47
views
ESLint migration issue while converting extends to v9
I'm trying to convert my .eslintrc.cjs to eslint.config.js with migration of ESLint.
My current config file has
extends: ['eslint:recommended',
'plugin:vue/vue3-recommended',
'plugin:@...
-3
votes
0
answers
38
views
How to use Laravel's view components in Vue.js loops?
I have this component in my Laravel project in the file 'loading.blade.php':
<span><i {{ $attributes }}></i> {{ $slot }}</span>
I'm trying to use it in a Vue.js loop:
<tr v-...
0
votes
0
answers
17
views
Running Vue + Vite SPA on Android WebView API 29: Issue with Loading ESM Modules from Local Storage
I'm trying to run a Vue + Vite + TypeScript project as a production-ready SPA on Android WebView (API 29) by loading it from an SD card. However, I've encountered an issue where the WebView seems ...
1
vote
1
answer
51
views
Is there any way to get stored cookies from a different domain?
I'm developing frontend with vuejs and backend with nestjs. I'm hosting frontend at localhost and hosting backend at another domain (so called "example.com"). So vuejs is running on "...
0
votes
1
answer
55
views
How to dynamically apply a class to a child component?
I have a child component within a parent component. Whenever the child component is clicked, I need to apply a class called .selected to it.
Parent.vue
<template>
<ol>
<li v-for=&...
0
votes
1
answer
35
views
How to get the value from a proxy object in Vue js
I am trying to access the value of the "color" from a proxy object.
This is my code
<script setup>
const props = defineProps({status:Object});
function getColor(items){
const ...
0
votes
0
answers
19
views
Issue with Nuxt’s useFetch returning null during SSR but working fine on the client
I am using Nuxt and have wrapped the useFetch function to handle API requests with a custom setup for headers, error handling, and other configurations. Below is my implementation:
// Core API wrapper
...
0
votes
1
answer
22
views
custom component not rendering: invalid vnode type
I've defined a custom vue component in Dropdown.vue:
<template>
<q-select
v-model="model"
use-input
use-chips
input-debounce="100"
:options="...
-1
votes
1
answer
66
views
Use a Symbol as an object value in JavaScript [closed]
What is the purpose of using a Symbol as a property value in a JavaScript object rather than just a normal value?
For example, in Vue a text VNode has a Symbol as an object value. Why is this, and ...
-1
votes
0
answers
31
views
Vue js with traefik [closed]
`#######################################################################
# Vue App
#######################################################################
vue-app:
image: registry.bausch.de/...
0
votes
1
answer
31
views
How to wait for a prop to change as part of a function?
I have a Form.vue component that is used in other parent components to submit data from the user to the server.
The Form.vue has a prop to indicate whether its parent component has passed its own ...