108,325 questions
-1
votes
0
answers
14
views
Getting update and delete working in Laravel 11 Inertia and Vue
I can't get the update and delete functionality working. The create functionality works.
web.php:
Route::post('/income', [IncomeController::class, 'create']);
Route::put('/income/{id}', [...
0
votes
0
answers
19
views
Vue: returning non-reactive values from a composable
Is it okay to return non-reactive values from a composable?
E.g., like so:
// useNavLink.js
import { toValue } from 'vue'
import { useRouter } from 'vue-router'
export default function useNavLink(...
- 341
0
votes
1
answer
46
views
local registration went wrong
I generated a new project using vue 2, then I wanted to apply local registration, but I"m getting compile errors
the following shows the changes files:
main.js
import Vue from 'vue'
import ...
1
vote
0
answers
23
views
Vue JS event listeners don't work and vanilla work ( composition api+ script setup )
Problem: I created a custom component that works as a searchable selection which via vue's dom event handlers (@input, @focus, watch) detects client input and performs the search on the server.
My ...
- 11
0
votes
0
answers
16
views
How to make Nuxt open the component instead of .d.ts file when I CTRL + CLICK the html tag in VsCode?
Something annoying about Nuxt is that it's opening the TypeScript declaration file instead of the file itself when I CTRL/ALT + CLICK it, different from using Vue alone, Nuxt go to the declaration ...
- 721
0
votes
1
answer
17
views
How to get query parameter values in laravel + Intertia Vue?
How to access to the query parameters in laravel + inertia vue js.?
<script>
export default {
computed: {
reference() {
return this.$page.props.query.reference || 'No reference ...
0
votes
0
answers
21
views
How to install meteor + vue
I'm trying to install / use meteor with vue.
Followed the installation guide step by step, but it's a struggle.
npm install -g meteor
meteor create myapp --vue
Using vue skeleton
=> Errors while ...
- 81
3
votes
0
answers
44
views
Why would my ability to infer the 2nd argument be impacted by also inferring the 1st?
I have some types for my router
import {Plugin} from 'vue'
type Route = {
name: string,
path: string,
}
type Options = Partial<{
rejections: Record<string, unknown>
}>
type Router&...
- 6,885
1
vote
0
answers
25
views
Custom VueJS ESLint rule for parsing <tempate> section does not work
I have the following config, custom rule, and template:
export default [
{
files: ['**/*.{js,vue}'],
languageOptions: {
ecmaVersion: 'latest',
sourceType: 'module',
parser: ...
- 1,036
-1
votes
0
answers
26
views
Template parsing of ESLint rule for VueJS does not work
The following questions are related to a single issue of the parser not seemingly parsing. Why this is, is unknown, and I'm looking for ways to debug it or get it to work.
What is the correct way to ...
- 1,036
0
votes
0
answers
7
views
sidebase library nuxt-auth Configuration error
I am trying to use sidebase nuxt auth for my application. But i'm configuration getting error and my app not working (500 error)
I tried CredentialsProvider.default but not working.
Please help..
✔ ...
- 27
0
votes
1
answer
33
views
How to mock composable with vitest?
I'm learning TDD in simple Nuxt.js project. This project is frontend of Laravel API. And what this project does is to implement all Laravel Fortify options. So I'm using external package called nuxt-...
- 687
-4
votes
0
answers
33
views
Failed to load config from vite.config.ts while using "npm run dev" command. ANYONE HELP PLZ [duplicate]
I created a vue project via vite and then encountered the following error when I tried to start the dev environment.
npm init vue@latest
cd XXX
npm install
npm run dev
ERROR:
[email protected] dev
vite
✘ ...
- 1
4
votes
1
answer
3k
views
Vue 3: Error on creation "Expected identifier but found 'import'" [duplicate]
I try to create a new vue 3 application but i have a problem with creation.
Node version: 22.10.0
Npm version: 10.9.0
I create my project with:
npm create vue@latest
like in the docs
And when i try to ...
0
votes
0
answers
25
views
How to load vuetify/lib from CDN to achieve minimal sized app
I'm serving a website from a $1 ESP32 which has very little free flash so I need to make it as tiny as possible. Loading all of my packages from a CDN is the best way to achieve this. My site is also ...
- 377
0
votes
0
answers
32
views
How to handle event on data label in Vue Chart.js?
This is my chart component and I want to handle events on labels I define in data. I would like to show the tooltip with bar data when I hover on a label.
<template>
<Bar :data="data&...
- 1,073
0
votes
0
answers
24
views
How to handle select with big number of options in Vue3 using Virtual Scrolling?
I'm using Virtual Scrolling with vue3-virtual-scroll-list to handle 50,000 options (like locations).
The VirtualList component renders only the visible items in the viewport.
The :keeps prop ...
- 39
0
votes
0
answers
14
views
Javasrcript/Vue.js: Module not found (@supabase/supabase.js)
I'm trying to connect with supabase from Vue.js 3-rd verstion UI. But when I start my project with npm run serve, I'm getting the following error:
Module not found: Error: Can't resolve '@supabase/...
-3
votes
0
answers
23
views
Vue performance on safari incognito
my vue application is loading a few minutes in incognito mode on safari using mobile device. The issue is only during first loading, maybe someone experienced something similar?
- 148
0
votes
0
answers
16
views
+50
Embla Carousel Vue3 scrollNext Event
I'm hoping to get Embla Carousel setup in my Vue project, but I can't get the scrollNext function to work.
Here's where I am:
<script setup>
import { onMounted } from 'vue'
import ...
- 9,277
0
votes
0
answers
24
views
Can't deploy Vue app (Vite v6.0.3) on Vercel because of tailwind.config
During deploying,Vue 3.5 composition API (Vite v6.0.3) app on Vercel (It works fine on Netlify) I'm getting that error because of tailwind, I also have 3 tsconfigs, I will paste them below:
...
- 13
0
votes
0
answers
16
views
Reorder Table Rows via Drag and Drop using Petite Vue?
I am trying to add a drag and drop feature that reorders the rows of a table on my HTML/Javascript/CSS web application. I've gotten as far as adding the draggable="true" tag to the rows in ...
- 11
0
votes
0
answers
21
views
Vuelidate is always fail on validation
So I have an a component with composable, one of them is modal, so the modal is only the canvas, I just pass the slot to the body, but when I do a create data, the vuelidate is always failing even ...
- 65
1
vote
2
answers
30
views
In VUE, unable to update child component, data passed using provide / inject
In the following code, on entering data in the input fiend in the ChildComponent, myName should be be updated the ParentComponent and this is supposed to reflect in the ChildComponent as well. But ...
- 31
0
votes
0
answers
10
views
Power BI embed in Nuxt application not firing events
Just trying a really simple power bi embed with powerbi-client-vue-js library.
<template>
<div class="embed-component">
<PowerBIReportEmbed
:embed-...
- 879
0
votes
0
answers
19
views
Open multiple Bootstrap Toasts instead of overriding the same Instance
I am trying to call multiple instances of a bootstrap toast in Vue3. When I call a new Instance the old one gets overwritten but I want the old one to stay. I saw some libraries with this ...
- 13
0
votes
0
answers
17
views
LControlZoom Not Showing for Vue
I am using the vue3-leaflet library to display a simple map (it is almost the exact same as the example in the documentation)
<template>
<!-- Map -->
<LMap :zoom="14" :...
- 31
0
votes
2
answers
38
views
Vue JS: How to prevent Input updating itself on livedata?
I'm passing data to Modal for editing. The problem is whenever my products data is updated (Every 5s via fetchData), input field in modal also changed. How to prevent it?
Below is a simplified version ...
- 3
0
votes
0
answers
17
views
My vue application is not getting loaded in hostinger...its showing Page Not Found The page you are looking for does not exist
Page Not Found The page you are looking for does not exist.
i ran npm run build ...got the dist files and imported to the public folder in my hostinger vps
gave specification in Nginx for the server ...
- 1
1
vote
0
answers
20
views
Set up socket.IO within docker compose vue frontend and flask server [duplicate]
I have a docker compose with flask server and vue as frontend:
version: "3.9"
services:
flask_app:
container_name: flask_app
image: dockerhub-flask_live_app:1.0.0
build: .
...
- 209
0
votes
1
answer
28
views
css dynamic animation start position with vuejs
I have an Audio element on a web page and I'm using CSS and VueJS to create a circular progress inidicator to show how much of the audio has been played. Everything is working how I want and as the ...
- 3,072
0
votes
1
answer
28
views
How to properly setup prettier with husky and lint-staged in vue2 project?
In my Vue project, I want to run prettier on my staged files before each commit. To do this I
Installed prettier, husky and lint-staged and initialized husky with npx husky-init.
Added the following ...
- 603
0
votes
1
answer
41
views
How can I position a button at the bottom right corner of its scrollable container? (wrapper div cannot be used)
I have following code
<v-card-text
style="min-height: 700px"
class="px-6 py-4"
>
<v-row no-gutters>
<v-col>
<div
v-for="(log, i) ...
- 363
0
votes
1
answer
72
views
The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. with Vue2
I realize similar questions have been asked before about this warning, but none of the proposed solutions have solved this issue for me, or been applicable in my scenario.
I have recently upgraded ...
- 661
0
votes
0
answers
28
views
Vue.js: ordering of nested events [duplicate]
I am working on a search field component using Vue.js where I want to show a suggest box when an input field is focused and hide it when the input field loses focus. When a user clicks a suggestion it ...
- 1
0
votes
2
answers
42
views
Emit model updating from keydown event in vue
I have keydown handler for fast uppercasing/lowercasing with Shift + Up/Down key:
export function onCaseChange(event: KeyboardEvent) {
if (event.shiftKey && (event.key === 'ArrowDown' || ...
- 1,172
0
votes
1
answer
61
views
Black flash issue when toggle the visibility of symbol pin on azure map
So, I created a Vue project and added the azure-maps-control
npm install azure-maps-control
added the css in main.ts
import "azure-maps-control/dist/atlas.min.css";
Now, this is how I load ...
- 5
0
votes
0
answers
24
views
Adding typography and other style related controls in element ui vue js
I am working on a wordpress plugin which is made in vue js and using element ui framwork. I want to add few customization controls in it so that user can easily customize the whole plugin typography ...
- 94
1
vote
1
answer
35
views
NuxtApp helpers are returning "is of type unknown"
I'm working on creating a Nuxt plugin which is usually a straightforward process. I created a file called cryptography.ts within plugins/ folder and coded the following:
// plugins/cryptography.ts
...
- 53
0
votes
0
answers
38
views
ESLint recognizes Vue Component as type?
I just implemented following rule to my eslint:
'@typescript-eslint/consistent-type-imports': 'error',
Everything works fine, unless In components where I do something like this:
<script setup lang=...
- 1
0
votes
1
answer
41
views
Notifications "action" button position
I try to create a vue/bootstrap notifications component with action buttons.
Thats my current result, no matter what i do, the buttons are part of the notification body itself:
Instead of that, i ...
- 3,876
1
vote
1
answer
49
views
Setting Cookies Domain with pinia persisit store on Nuxt 3
I'm setting up SSO login for two apps on the same sub-domain using Nuxt 3 with Pinia and persisting data in cookie storage. The issue is configuring the cookie's domain option so that it's accessible ...
- 67
0
votes
0
answers
14
views
Manually complete hydration of ssr components in a single SPA instance
In a single SPA instance (such as vue or react), split a single large component and use SSR to return an HTML string. How to complete the hydration in this SPA instance? I noticed that both vue and ...
0
votes
1
answer
22
views
Change vuetify v-field label font size
Im trying to customize the font size of the label of a v-text-field. The problem im encountering is that when the field is clicked, the label normally transitions to the top of the field and becomes ...
- 25
0
votes
0
answers
35
views
How to remove the white space on the edges of an image (Vuetify)?
I've been trying for hours to make an image stretch across the full width of the screen but there's always white space either on both sides or just the left side. Right now it's on both sides
This is ...
- 1
0
votes
1
answer
36
views
How to preserve scroll in vue form with inertia
How do I get preservescroll working on a form? It works for the delete functionality with the Link but I can't get it to work on the form or the div.
<template>
<form @submit.prevent=&...
1
vote
2
answers
41
views
Vue checkbox update after text in v-select changed
My code paints all checkboxes in all rows red. But I want it to paints only one checkbox red, in the row where the text was changed.
I tried to connect the id of the where I changed text in v-select ...
- 11
0
votes
0
answers
19
views
B Popover in bootstrap get closed when clicked element inside it when trigger is set with and click blur
Good day developers ..im using a component with b-popover component form vuebootstrap.
Inside that b-popover i have collapsable component that is also from vue bootstrap(b-collapse).
The intention is ...
- 1,295
0
votes
1
answer
43
views
Conditional rendering of multiple tables in Vue.js
I'm building a Vue.js application that requires conditional rendering of multiple tables based on certain conditions. I have a set of flags that determine which tables should be rendered, and I'm ...
- 9
0
votes
0
answers
36
views
How to Implement "Append to Body" for @shentao/vue-multiselect 2.1.6 in Vue 2.6
I am using Vue 2.6 with @shentao/vue-multiselect version 2.1.6. I've created a reusable component where I bind all props and events to the multiselect component. Here's my code:
Here is the component:
...
- 57