108,131 questions
Advice
0
votes
0
replies
11
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, ...
0
votes
0
answers
44
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 ...
0
votes
0
answers
57
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
1
answer
39
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 ...
0
votes
1
answer
17
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';
...
0
votes
1
answer
95
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/ → ...
Best practices
1
vote
1
replies
32
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 ...
1
vote
0
answers
41
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, ...
0
votes
1
answer
61
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:...
0
votes
0
answers
33
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 ...
0
votes
2
answers
65
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 ...
-1
votes
1
answer
49
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 ...
Best practices
0
votes
2
replies
56
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 ...
0
votes
1
answer
115
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 ...
-1
votes
1
answer
68
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') ...
1
vote
0
answers
56
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:
...
0
votes
1
answer
42
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
44
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 ...
0
votes
1
answer
129
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
└── ...
0
votes
2
answers
59
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 ...
1
vote
1
answer
75
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@...
2
votes
0
answers
76
views
Problem with frozen columns in Datatable component from PrimeVue library (gaps, shifting)
I have encountered a problem with the DataTable component from the Primevue library.
When I assign pagination to a table and set several frozen columns, if I switch the number of rows displayed in the ...
0
votes
1
answer
54
views
How to show Laravel session flash messages in Vue component using Inertia?
I’m using Inertia.js with Vue 3, and I want to show a success message when a form is submitted successfully.
In my controller I have:
public function store(Request $request)
{
$validated = $...
0
votes
0
answers
34
views
PrimeVue DataTable MultiSelect Filter Shows Incorrect Selected Count When Pre-selecting Values
I'm using PrimeVue DataTable with a MultiSelect filter on the "Project Status" column. I want to pre-select certain status values by default, but only those that actually exist in my data.
...
0
votes
1
answer
114
views
Nuxt 4 build in production mode is trying to access public folder from .output/server/chunks/public instead of .output/public
I have a nuxt 4 app, with vuetify and sidebase nuxt auth. It runs normally during development, but when i build it and serve it using node .output/server/index.mjs, the page does not load, i can see ...