108,131 questions
0
votes
0
answers
86
views
Why with local storage would email be undefined
I'm configuring Entra OIDC for my team and have run into the issue where the company email only populates in my user store with sessionStorage as my cacheLocation, but not with localStorage. I would ...
- 11
0
votes
1
answer
85
views
Timeline in Nuxt not showing any items
I have this simple nuxt page and are trying to to render er simple timeline. I have just copied paste from the documentation:
https://ui.nuxt.com/components/timeline
This page is just blank, but I get ...
- 5,373
1
vote
0
answers
82
views
ESLint configs error Parsing error: Invalid ecmaVersion
I'm writing a shared ESLint configuration for my own project.
One of the configurations for the JS project is:
import js from '@eslint/js';
import { defineConfig } from 'eslint/config';
import ...
- 79
0
votes
0
answers
50
views
Vue SSR - computed gets executed only once?
I have a page roughly layouted like this: (simplified to showcase the problem)
// PageContent.vue
<script setup>
const props = defineProps({ data: Object });
const chapters = ref(null);
function ...
- 11
0
votes
1
answer
41
views
What are the possible outcomes of the event value from update:modelValue of a Vuetify Datepicker?
So having a look at the documentation we see that when a Vuetify Datepicker component raises the update:modelValue event it passes a value of type [unknown].
My own component is working with Date | ...
- 1,009
0
votes
1
answer
70
views
Computed list with arrow function inside object not working [closed]
I am using Vue 3.5.13 and I have this computed list:
const entries = computed<Entry[]>(() => {
const elements = model.value.elements;
return elements.map((element, index) => {
...
- 19
4
votes
0
answers
235
views
Uncaught SyntaxError: Identifier 'validate' has already been declared in .nuxt/middleware.mjs
I'm working on a Nuxt 4 project and sometimes, after I update a file, J got the following error in the browser console:
Uncaught (in promise) SyntaxError: Identifier 'validate' has already been ...
- 1,277
0
votes
2
answers
51
views
How to copy values from an object to another limiting to properties of another object in vue.js/TypeScript?
In a TypeScript-based vue.js 3 app, some values are provided as part of the initialization. Those values are automatically set to the props variable by vue.js. As those values can be updated by an ...
- 2,383
1
vote
0
answers
45
views
Avoid duplicated base URL when serving Vue SPA index.html locally and assets from CDN via Nginx
I’m hosting a Vue.js single-page application using history mode routing. The app’s static assets (JavaScript, CSS, images) are stored on DigitalOcean Spaces CDN, with the Vue app’s publicPath ...
- 79
1
vote
1
answer
43
views
Render extra item in VueJS v-for
I have standard v-for like so (using BootstrapVue):
<b-col v-for="(card, index) in cards"
:key="index"
cols="4">
<b-button> Click Me! &...
- 321
1
vote
4
answers
170
views
How to access raw text content of slot?
I am trying to access the raw content of the default slot in Vue.js (3.5). However all I seem to be able to access, no matter what method I try, is the content all compressed into a single line.
I ...
- 1,869
1
vote
1
answer
60
views
VueJs emit event to parent template
I have a page that inherits from a base template (GuestLayout)
GuestLayout
<script>
import Toast from '../Components/Toast.vue'
export default {
components: {
Toast
},
data()...
- 13
0
votes
0
answers
36
views
Reactivity issue with TRichSelect, it works but not when called by an internal function [duplicate]
I am using Vue 2 in my application, and the TRichSelect component from the VueTailwind library is not reactive when I populate the v-model variable through an internal function. It works correctly ...
0
votes
1
answer
34
views
Using properties in router-link to field
I have a list of items each with a name and numerical ID. Each one I want to render as a component with a link to a page for that item. This requires me to have a <router-link> tag. I cannot ...
- 281
0
votes
3
answers
120
views
Minifiying javascript file with webpack breaks vue functionality (specifically with method calls on class instance)
I am working on an ASP.NET project that uses Vue.js and jQuery. I have a JavaScript file (fields.js) that defines several classes (e.g., Users, Fields) and initializes a Vue instance. When I use the ...
- 139
0
votes
1
answer
92
views
Unable to open Vue Devtools from Toggle or Select Components in Firefox/Chrome on macOS
Environment:
OS: macOS (e.g., Sonoma or Ventura)
Browsers tested: Firefox (latest), Chrome (latest)
Vue Devtools version: [7.7.7]
Vue version: [e.g., Vue 3.4.21]
Devtools installation method: Browser ...
0
votes
0
answers
108
views
How i can integrate Zoom call API in Laravel for users
i want to integrate Zoom call API so users can talk with each other but i don't want to create host my self so if user created the call the user should be the host
public function createMeeting($data)
...
- 1
0
votes
0
answers
39
views
CropperJS crop() is never called in Vue component, preview not updating
I'm trying to build an image cropper in Vue using CropperJS. The cropper UI appears as expected, and the image loads and displays correctly.
The issue I'm running into is that the preview isn't ...
0
votes
1
answer
56
views
How to intercept a form submit in websocket connection?
I have "inherited" a piece of code from a chat application. I would like to add some custom checks on the user input upon submission, allowing the submit to be aborted on client side if ...
- 331
0
votes
0
answers
71
views
Cant read `useStorage` data on the client-side
I have a Nuxt 3 app where I use useStorage to persist some json data.
Right now I have a Nitro plugin that runs on startup and loads the data from an external API, like this:
import { ...
- 60
0
votes
2
answers
78
views
How to fix "Search functionality must be placed within a landmark region" WCAG issue with input and icon?
I'm trying to fix a WCAG accessibility issue flagged by tools like axe/lighthouse:
Search functionality must be placed within a landmark region
input.v-input
The input is wrapped in a div with role=&...
- 81
-1
votes
1
answer
107
views
My fpdf2 PDF is blank when I try to download it from the browser after passing it to the front end
I cannot for the life of me figure out why this PDF won't display. I'm using fpdf2 to create a PDF that looks good when saving it from the Python script. However, something must be going wrong when ...
- 21
0
votes
1
answer
183
views
Element Plus issue after migration from vue 2 to vue 3
I'm encountering issue with Element UI after migrating from vue 2 to vue 3
the clearable attribute doesn't work anymore for el tags like el-select, el-input.
<el-input v-model="searchForm....
- 81
2
votes
1
answer
54
views
How to use data from export component in class?
I got a class, that was defined in the same Component File, but out of scope for the data, that i am exporting. I'd like to simply call the function, that was defined inside the "export default&...
- 1,067
0
votes
0
answers
71
views
Vite/Nuxt 3 dev server: "eventemitter3 doesn't provide an export named 'EventEmitter'" but works in production build
i'm building a Nuxt 3 (Vue 3) app using Vite as the dev server. My app uses dependencies like @solana/web3.js and socket.io-client, which internally depend on eventemitter3.
when I run the dev server (...
