108,131 questions
0
votes
2
answers
19
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
0
votes
1
answer
32
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;
...
- 1
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 ...
4
votes
5
answers
10k
views
How to get page title in Nuxt 3?
I am struggling to find a way to get page title in Nuxt 3 and reuse it in layout. I am pretty sure there is a way to do it through some meta object but I just can not find it.
I tried to do it through ...
CommunityBot
- 1
1
vote
1
answer
36
views
Laravel Sanctum SPA Auth: 419 (unknown status)Token mismatch error in logout
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 ...
- 1,701
36
votes
8
answers
38k
views
How to close a dialog when the ESC key is pressed?
How can i close a vuetify's dialog opened without an activator, when the user press the ESC key on the keyboard?
- 2,012
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/ → ...
- 16.2k
0
votes
0
answers
31
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 ...
Best practices
0
votes
1
replies
38
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 {
...
- 226k
4
votes
2
answers
12k
views
(!) Some chunks are larger than 500 KiB after minification
On rRun yarn dev it work fine but whenI run yarn build it's showing this error
(!) Some chunks are larger than 500 kBs after minification. Consider:
- Using dynamic import() to code-split the ...
CommunityBot
- 1
2
votes
2
answers
3k
views
Failed to mount app: mount target selector "#app" returned null
I just started to use Vue.js, I'm trying to trigger the muose click when I press the button. The message problem is: Failed to mount app: mount target selector "#app" returned null. This is ...
- 24k
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, ...
- 123k
-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') ...
- 3,302
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
1
vote
2
answers
78
views
How to get values from FormControl components of frappe ui using in vuejs?
when i try to use frappe ui components in vujs project i got some errors.
i have a Dialog component containing TextEditor,FormControl components of type text,date,select
<Dialog v-model="...
- 24.1k
1
vote
0
answers
212
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 ...
1
vote
1
answer
12k
views
How to properly create a popup component in Vue 3
As part of becoming a better Vue programmer, I am trying to implement a popup similar to Popper with a clean and Vueish architecture. Here is a simple schematic that I came up with:
So basically ...
CommunityBot
- 1
3
votes
2
answers
3k
views
How to use @apply in Tailwind v4?
Since Tailwind v4 update, all @apply directives have ceased to function.
The docs provide a workaround with @reference but the posted example is vague.
I tried this but it doesn't work:
<style lang=...
- 18.2k
77
votes
12
answers
102k
views
How to define a temporary variable in Vue.js template
Here is my current template:
<a-droppable v-for="n in curSize" :key="n - 1" :style="{width: `${99.99 / rowLenMap[orderList[n - 1]]}%`, order: orderList[n - 1]}">
<a-draggable :class="{thin:...
- 34.4k
0
votes
0
answers
30
views
How can I dynamically scale and fit two ScrollPanels to the screen size on the same page
I have two ScrollPanels side by side, but the width and height numbers don’t make sense to me. Also I can’t get the height to reach the bottom of the page depending on monitor size and system scale (...
Advice
0
votes
2
replies
73
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 ...
- 226k
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 ...
- 2,594
1
vote
4
answers
13k
views
Axios getting blocked by laravel 7 cors. No "access-control-allow-origin-header"
I've a backend app working with Laravel 7 and a frontend which works with VueJs. My Laravel app is running on laradock (nginx, postgres etc...) Using Postman the API (Laravel 7) works properly.
This ...
CommunityBot
- 1
284
votes
8
answers
159k
views
`ref()` vs `reactive()` in Vue 3?
I checked a few guides for Vue 3 and noticed that in some examples they used reactive(), while in others they created the same thing with ref(). They seem to behave very similarly, but which one ...
- 18.2k