Skip to main content
Filter by
Sorted by
Tagged with
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
zmaten's user avatar
  • 467
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 ...
Eric's user avatar
  • 1,241
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"); ...
thetreedev's user avatar
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, ...
Solaris_9's user avatar
  • 201
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 ...
bilpor's user avatar
  • 3,887
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 ...
Báu Trần Văn's user avatar
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 ...
Antoine Kurka's user avatar
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 ...
Qiuzman's user avatar
  • 1,623
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 ...
AdRock's user avatar
  • 3,071
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 ...
Alessandro Bigherati's user avatar
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 ...
João Mateus's user avatar
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 ...
Eugene Barsky's user avatar
-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 ...
Saqif Haque's user avatar
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": "...", "...
newbiedev's user avatar
  • 3,510
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 ...
NewUser's user avatar
  • 13.3k
-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 ...
user17320926's user avatar
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"> &...
guyaloni's user avatar
  • 5,812
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 ...
WarBro's user avatar
  • 305
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: ...
bilpor's user avatar
  • 3,887
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" /> </...
Divya Bharathi's user avatar
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 ...
Saqif Haque's user avatar
-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 [...
François Schuster's user avatar
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=&...
Ryannnnnnnnn's user avatar
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 ...
Alfonso Irarrázaval's user avatar
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 ...
StR's user avatar
  • 562
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 ...
Marianne Hartigan's user avatar
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&...
Sergio Camilo Espinosa Botero's user avatar
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 ...
Илья Штейников's user avatar
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 ...
A Donglaotian's user avatar
-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 ...
newbiedev's user avatar
  • 3,510
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 ...
vir us's user avatar
  • 10.6k
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 ...
Isaiah Chan's user avatar
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 ...
mono ranjan das's user avatar
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 ...
Vins's user avatar
  • 176
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 ...
Eric G's user avatar
  • 716
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 ...
B2ng4's user avatar
  • 13
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 ...
Lazouski's user avatar
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 = [ ...
Chobbit's user avatar
  • 654
-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 ...
NikoProg 's user avatar
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:@...
Nitheesram Rajes's user avatar
-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-...
Faizan Ahanger's user avatar
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 ...
신재홍's user avatar
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 "...
River990's user avatar
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=&...
volume one's user avatar
  • 7,481
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 ...
Edson's user avatar
  • 168
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 ...
long sihua's user avatar
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="...
Nathan's user avatar
  • 10.3k
-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 ...
dbzx10299's user avatar
  • 1,044
-1 votes
0 answers
31 views

Vue js with traefik [closed]

`####################################################################### # Vue App ####################################################################### vue-app: image: registry.bausch.de/...
Julian Bausch's user avatar
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 ...
volume one's user avatar
  • 7,481

1
2 3 4 5
2166