108,127 questions
Advice
0
votes
1
replies
30
views
Best practice to switch between development and production urls when using Vue/Vite and Django
I want to build a website with Vue/Vite as frontend and Django as a backend.
When my frontend needs to get data from the backend I currently do something like this (which works perfectly fine):
const ...
- 45
0
votes
0
answers
36
views
Using a prop in an import statement in Vue, using Laravel and Inertia?
I'm trying to dynamically load only specific icons from the lucide-vue-next package in my vue page, however it's not wanting to work. I'm using Laravel 12 (Latest), Vue3 (Latest shipped with Laravel), ...
- 395
0
votes
0
answers
25
views
Vuetify v-data-table fixed-header: rows visible behind rounded header when scrolling vertically in Chrome
How can I clip table rows under a header with rounded corners when scrolling?
When the table scrolls, the rows slide under the rounded corners of the header. Since the rows have regular (non-rounded) ...
- 1
0
votes
0
answers
33
views
CircleMarker SVG classes/animations not updating reliably when reactive state changes
I’m using Vue-Leaflet + Leaflet to display dynamic CircleMarkers whose styling depends on reactive Vue state.
When a marker enters the list, it should fade in via CSS.
When it leaves the list, it ...
0
votes
1
answer
99
views
VueJS blank page [closed]
I'm working with Laravel 12 (with Breeze), VueJS, Debugbar, all in their newest versions. My server is running locally on my MacBook, and developing on this MacBook works fine. The app works correctly ...
- 483
0
votes
0
answers
28
views
Quasar build not displaying .webp images after deployment (but files exist in folder)
I’m building a website using Quasar Framework (Vue), and I’m having trouble with .webp images after deployment.
Everything works perfectly in development mode.
When I run quasar build, the .webp ...
-2
votes
0
answers
49
views
What is the recommended way to implement client-side error handling in Vike (Vue 3), similar to Next.js / Nuxt? [closed]
I’m using Vike + Vue 3, and I’m trying to understand the recommended way to handle client-side runtime errors in a Vike application.
Frameworks like Next.js and Nuxt provide built-in solutions:
...
1
vote
2
answers
51
views
Vue/Laravel - Mail URL mismatch leads to app root
Vue-Laravel-based environment, Mail sent to user with URL leads to a specific path on application - not app root - , on click it indeed redirects to required path - browser URL bar detects required ...
Best practices
1
vote
5
replies
83
views
How should I structure a Django backend with a Vue 3 frontend for a news application?
I’m building a small “newsroom” application where Django handles the backend (API, authentication, admin) and Vue 3 handles the frontend UI. I’m still fairly new to combining Django with a modern ...
- 36
Advice
0
votes
2
replies
79
views
SPA framework output access without node or any server setup?
New SPA frameworks like React, Angular, Vue etc. Requires running node js server. But is there any way to run "output" (code generated after transpilation step) without running any server, ...
- 13
0
votes
1
answer
51
views
Using v-model for nested form?
It's very well possible this isn't meant to work, but I'm trying to learn Vue and fail to make a nested form. The usecase is that I want my user to order various amounts of different types of tickets;
...
0
votes
0
answers
64
views
Stock chart (Anychart) freezes UI when there are large gaps in timestamp between cluster of data points
I am having issues with anychart with vue.js where UI freezes with data points that are spaced by couple of milliseconds and sometimes there are larger gaps.
Using xScale('datetime') fixes this issue ...
1
vote
2
answers
76
views
Laravel Sanctum SPA Auth: 419 (unknown status) Token mismatch error
Problem
I am struggling with annoying 419 error trying to logout. The login and register are working fine. My api and spa are on the same top-level domain, but different ports
api - localhost:8000
spa ...
- 123
0
votes
0
answers
78
views
Vue/Laravel - CSRF token mismatch
on Vue-Laravel-based environment,CSRF token is initialized server-side -non-sanctum, one token per run-:
routes/web.php
Route::get('csrf-token' , function(){
$token = csrf_token();
return response()-...
0
votes
0
answers
45
views
How to correctly set up Pinia with Inertia.js SSR in AdonisJS 6? Getting "getActivePinia() was called but there was no active Pinia"
I am building an application using AdonisJS 6, Vue 3, and Inertia.js. I'm trying to integrate Pinia for state management, but I'm running into an error:
I read online and see other issues here, but I ...
0
votes
1
answer
57
views
How do I enable stylesheet source maps in dev mode for VueJS+Vite (>3.0)?
I've setup a new VueJS project using the default scaffolding method npm create vue@latest (which right now is Vue 3.5.22), that uses Vite under the hood.
I want to use Sass for my stylesheets, and I'm ...
- 1,173
Best practices
0
votes
1
replies
48
views
How to reset a pinia store variable
I have a situation where a pina store variable should be reset as soon as it is consumed. Apparently because of reactivenes I cannot do:
defineStore('SystemStore', {
state() {
return {
...
- 3,100
0
votes
2
answers
43
views
NativeScript Android app closes when trying to add a marker in Google Maps
I'm having a problem with my code. I'm just trying to add a simple marker. Here's my implementation
<script setup lang="ts">
import { AbsoluteLayout, Page } from '@nativescript/core';
...
- 2,928
-3
votes
1
answer
131
views
How to move background while scrolling the page? [closed]
I`m just trying to figure out how to do a scroll effect. When background is moving with scroll, while you are on a certain block of the site. I tried something like this, but i feel wrong in here)
...
0
votes
1
answer
117
views
Laravel API returning HTML instead of JSON when served via NGINX
I’m running a Laravel backend alongside a Vue frontend on NGINX. The issue I’m facing is that my API endpoints are returning HTML instead of JSON. For example:
https://isuecampusmap.site/api/ → ...
- 1
0
votes
0
answers
37
views
Should I use both aria-errormessage and aria-describedby with the same value?
Pretty much the title.
I'm learning about accessibility. I want to display an error for my input and make it accessible but I found out that aria-errormessage was not fully supported by some assistive ...
Best practices
1
vote
1
replies
35
views
How to enable cross-feature communication in Nuxt without breaking DDD boundaries
I'm building a Nuxt 3 application using a feature-based architecture inspired by Domain-Driven Design.
Each feature is meant to be fully isolated, with its own components, state, API layer, and ...
- 81
0
votes
1
answer
26
views
Nuxt Seo from external api ssr
How can I get the seo of my Nuxt app from one external api, in this case strapi, and use it in my app, actually I have this, //
enter code here
import { getEnv } from "../src/utils";
import {...
- 38
1
vote
0
answers
61
views
How to create optional value with Tanstack form and Zod?
How to create optional value with Tanstack form and Zod?
<script setup lang="ts">
import { useI18n } from 'vue-i18n';
import { z } from 'zod';
import { revalidateLogic, ...
- 19
0
votes
0
answers
100
views
MonacoEditor - Web Worker can't be created
I use https://nuxt.com/modules/nuxt-monaco-editor. I get this error and don't really know what to do against it:
Could not create web worker(s).
Falling back to loading web worker code in main thread,...
- 31
0
votes
1
answer
72
views
Vitest config for Laravel and Vue
I have a Laravel 12 project built with the Vue starter kit. By default, the project didn't have any frontend testing libraries. I want to add tests in Vitest. When I run vitest, I get the error: Error:...
- 314
0
votes
0
answers
40
views
offline.html not showing correctly in PWA 1.0.7 for nuxt 3.13
I have nuxt 3.13 with PWA module 1.0.7
the service worker is work fine but offline page not working.
I create offline.html in public folder and nuxt.config.js is like below
export default ...
- 4,131
0
votes
0
answers
36
views
Configuring VueJS to use a single runtime in multiple scripts
I'm using Vite and VueJS in order to build out an application which has the main application scripts, and various plugin scripts which can be loaded in completely independently of the main application ...
- 2,594
Advice
0
votes
2
replies
77
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
2
answers
67
views
Highlighting selected v-list-item
I just started using Vue / Vuetify to build a frontend and I'm currently struggling with styling a navigation drawer, ie the list in it. The problem is that one an item is selected it's highlighted in ...
- 110
1
vote
0
answers
60
views
Vue/Nuxt app loads slowly on client side -- how can I identify and fix performance issues?
I’m working on a Vue/Nuxt project where my client reports that the website is slow — especially when loading a selection window and when fetching JSON data.
However, the slowness is not very ...
- 11
-1
votes
1
answer
65
views
Empty bar chart in Vue-ECharts despite working in ECharts playground
I have a simple template with a bar chart that doesn’t render properly in Vue-ECharts, even though the exact same options work fine in the ECharts playground. There are no console errors — the chart ...
- 1,534
0
votes
0
answers
32
views
Element Plus image preview not movable by touch in mobile devices
In element plus, images are movable by cursor pointer in desktop view but when you try to do the same on mobile devices, the image is not moving. Not sure the behind the scene engineering but I assume ...
Best practices
0
votes
2
replies
62
views
Set a computed property in a reactive store object in Vue
const store = reactive({
a: [],
b: computed(()=> a.find('needle')), use computed
c: ()=> a.find('needle') // or a method
})
How should one go about using a computed property in a ...
- 1,324
1
vote
0
answers
243
views
How can I install a new Laravel 12 project with Vue (Ziggy instead of Wayfinder)?
I want to set up a fresh Laravel 12 project that uses Vue.js for the frontend.
However, I don’t want to use the new Wayfinder package that comes with Laravel 12.
Instead, I’d like to configure it like ...
- 27
0
votes
1
answer
119
views
CORS error when calling RefreshToken from frontend (No 'Access-Control-Allow-Origin' header)
Here’s the error message from the browser console:
Access to fetch at 'https://orbis-api-web.azurewebsites.net/api/v1/UserAuth/RefreshToken'
from origin 'https://orbis-solidarity.com' has been ...
2
votes
1
answer
99
views
Template doesn't update with ref()
I have a component which needs some external data (API) to fill some content in the template through asynchronous functions. I reduced it the more I could and renamed some variables for better ...
- 69
-1
votes
1
answer
77
views
How to safely redirect to /login without crashing on heavy page renders?
I’m running into an issue with Nuxt 4 / Vue 3 where I need to redirect the user to /login immediately after logging them out or when a token expires. The problem is that if I call navigateTo('/login') ...
0
votes
0
answers
39
views
Horizontal scrolling on v-calendar
my vue site is simple as hell I think
<template>
<v-calendar
type="category"
v-model="focus"
:categories="categories"
:events="events"...
- 1
1
vote
0
answers
63
views
Vue 3 Component Typing Issues
I have a list of vue 3 editor components, that I dynamically display based on the "page" the user is currently on.
Currently they are stored in a Component[], but I would like to make sure:
...
- 2,727
1
vote
0
answers
66
views
Error: Module '"vue"' has no exported member 'ref', 'computed'. etc
Does anyone experience this issue? I have laravel + vue 3 project and I recently use typescript. I installed these,
"typescript": "^5.9.3",
"vue-tsc": "^2.2.12"
...
- 145
0
votes
1
answer
53
views
waiting for a page to load resources with vue-router - equivalent to window.onload?
i'm developing a game with vue.js & vue-router. this often involves fairly large image assets!
working in vanilla javascript, i've approached this with window.onload, displaying a div that only ...
0
votes
0
answers
41
views
PrimeVue DataTable not responsive?
I have the follwing:
<Panel header="SITE MANAGEMENT">
<template #icons>
<Button severity="secondary" rounded text @click="showAddNewModal = true"&...
- 1,740
0
votes
0
answers
48
views
How Can I Set the Options of CSelect Dynamically in CoreUI/Vue v3.0?
I have a trouble trying to find out how to make a little thing, let me explain more below.
I have a project using php-laravel, coreui vue and using a MVC Architecture, and i made my whole vue dynamic ...
- 1
1
vote
0
answers
46
views
How do I specify to WebStorm the canonical definition of the Vuex store?
Problem
I have a Vue project that uses Vuex for state management. Parts of the Vuex store are often mocked in unit tests (Vitest).
When Vuex stores are defined in both the main production code and in ...
- 1,176
0
votes
1
answer
161
views
How to properly configure Tailwind v4 with @tailwindcss/vite in a monorepo for shared UI components?
I'm working on a Vue 3 monorepo with the following structure:
packages/
└── ui/
├── src/
│ ├── components/
│ │ └── *.vue
│ └── assets/
│ └── tailwind.css
└── ...
- 397
0
votes
0
answers
53
views
Can vue-multiselect be used without an additional hidden input?
Since v3.1.0, vue-multiselect has had the required prop which states:
Passes the Boolean value to the inbuilt input element
There is also the name prop:
Name attribute to match optional label ...
0
votes
2
answers
68
views
Route Query Parameter not triggering re-render/logic on same page path
I'm new to Nuxt 3 (and Vue) and running into a issue with component reuse/caching in development mode. This problem never occurs when I build and preview the application.
The Problem
I'm using a ...
- 77
2
votes
1
answer
84
views
Custom pop up timer not working correctly
When socket messages come, I pop up divs in my page which disposes after 3 seconds themselves
<!-- I'm using vuejs -->
<div v-for='item in messageList'>
<!-- message body , -->
&...
- 112
1
vote
1
answer
83
views
better-auth: Unable to create schema for genericOauth with sqlite in nuxt
I'm setting up my nuxt project and I want to configure better-auth to use my companies Oauth2/OIDC provider to authenticate against with the genericOauth plugin. When running npx @better-auth/cli@...
- 407