108,132 questions
Best practices
1
vote
5
replies
52
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
0
votes
1
answer
46
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
vote
1
answer
44
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 ...
- 125
0
votes
0
answers
39
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
39
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,101
-3
votes
1
answer
117
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
0
answers
33
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 ...
0
votes
1
answer
25
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
0
votes
0
answers
87
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
0
answers
37
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
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 ...
- 19
1
vote
0
answers
56
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
0
votes
0
answers
28
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 ...
1
vote
0
answers
218
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
2
votes
1
answer
98
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
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
65
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
0
answers
40
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
1
vote
0
answers
45
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
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 ...
2
votes
1
answer
77
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
0
votes
1
answer
48
views
Mocking Vitest functions for testing Pinia storage
I am struggling adding mocked methods when testing a Pinia store's functionality. There is very little documentation relating to actually testing the stores themselves, as most Pinia's official ...
- 1
0
votes
1
answer
50
views
How can I customize style inside vu3Html2pdf?
How can I customize style inside vu3Html2pdf becuase when download it show incorrect template like blank at the 1 page and show my template at the second page.
It almost seems like it has padding or ...
0
votes
1
answer
68
views
How to use composable correctly - tree shaking
I'm learning about optimization and I've found that either I've misunderstood something or every article about Vue and the examples are basically wrong.
It's about bundle size and tree shaking.
When I ...
- 244
0
votes
1
answer
80
views
ref loses type information when passed from a composable in the context of a `v-model`
I'm using Vue 3.5.22 with the cool defineModel() macro. I'm editing in VSCode with the Volar extension and the latest TypeScript stuff. In my child component I declare a required model foo:
const foo =...
- 22.2k